APP界面原創(chuàng)設(shè)計(jì)分析

2022-06-23    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)小編為大家分析一下《APP界面原創(chuàng)設(shè)計(jì)分析》。

一. 分析一幅畫里的內(nèi)容

1. 畫面的主題:故事

每一幅畫都需要有自己的主題,主題是每一幅畫的靈魂,講述了一個(gè)小小的故事。

《月夜》的主題是「擁抱月光的少女」,講述了少女在夜晚來(lái)到長(zhǎng)滿水草的湖邊,意外發(fā)現(xiàn)落在草地上的月亮,向月亮奔跑過(guò)去。


APP界面設(shè)計(jì)案例分析,app界面設(shè)計(jì)分析,APP界面原創(chuàng)設(shè)計(jì)分析

《夏至》是24節(jié)氣中的一個(gè)節(jié)氣,是白天最長(zhǎng)的一天?!断闹痢返闹黝}是「炎夏里偷涼」,沒(méi)有空調(diào)的炎熱夏至,坐在打開的冰箱旁,吃著西瓜和冰棍,吹著電扇,仿佛回到了小時(shí)候。


APP界面設(shè)計(jì)案例分析,app界面設(shè)計(jì)分析,APP界面原創(chuàng)設(shè)計(jì)分析

2. 畫面的內(nèi)容組成:主形象、道具

有了主題故事之后,還需要有內(nèi)容來(lái)傳遞這個(gè)主題故事,就是畫面里的內(nèi)容組成了。通常包括主體的人物、輔助的道具、場(chǎng)景等。

以《月夜》這幅畫來(lái)解構(gòu),為了表達(dá)主題「擁抱月光的少女」,畫面里使用了:少女、月亮、湖、水草、海鷗、天空、月光、云朵、螢火蟲等內(nèi)容。構(gòu)建了一輪落在湖邊水草叢里的月亮,奔跑著擁抱月亮的少女的小場(chǎng)景。少女和月亮是畫面主體,湖、水草、海鷗、天空、云朵構(gòu)成了故事的場(chǎng)景,螢火蟲和月光用于渲染畫面氛圍。


APP界面設(shè)計(jì)案例分析,app界面設(shè)計(jì)分析,APP界面原創(chuàng)設(shè)計(jì)分析

《休憩時(shí)光》主題是舒適恬靜的生活,畫面里使用了悠閑吃蛋糕的少女、廚房、水壺、水杯、花草、吊燈、各種廚具等內(nèi)容。描述了一幅少女在干凈溫暖的廚房里,悠閑的吃著下午茶的場(chǎng)景。


APP界面設(shè)計(jì)案例分析,app界面設(shè)計(jì)分析,APP界面原創(chuàng)設(shè)計(jì)分析

《等我有了落地窗就要坐看雨聲》描寫了少女在外生活時(shí)的小小白日夢(mèng),畫面里使用了少女、落地窗、植物、水杯、月亮等內(nèi)容。通過(guò)使用坐在窗邊舒適的伸著懶腰的少女,冒著熱氣的咖啡,看著落地窗外下著的雨。雨水GIF的動(dòng)效更添加了畫面的趣味性。


APP界面設(shè)計(jì)案例分析,app界面設(shè)計(jì)分析,APP界面原創(chuàng)設(shè)計(jì)分析

3. 畫面的表現(xiàn)方式:構(gòu)圖、色彩、刻畫、質(zhì)感

在明確主題及畫面的內(nèi)容后,用怎樣的構(gòu)圖、配色、刻畫、質(zhì)感來(lái)講述畫面里的主題,就是繪制的過(guò)程中需要考慮的部分了。這一部分整體遵循從簡(jiǎn)單到難的循序漸進(jìn),結(jié)合案例展示更佳,所以詳細(xì)的內(nèi)容在下面的「如何表現(xiàn)畫面」 來(lái)講解。

二. 怎么畫出原創(chuàng)作品

1. 如何獲得主題

建立靈感池

建立靈感池,把想到的靈感、自己及身邊的事記錄下來(lái),需要畫的時(shí)候就可以從中選取。


節(jié)氣、月份、節(jié)日、熱點(diǎn)事情等

1年有24個(gè)節(jié)氣,12個(gè)月,國(guó)內(nèi)外節(jié)假日,網(wǎng)絡(luò)興起的節(jié)日,固定及臨時(shí)發(fā)生的熱點(diǎn)事件,這些都可以作為畫畫的主題。


童話、神話故事、電影電視、同人作品

古今中外的童話、神話故事、電影電視數(shù)不盡數(shù),我們可以把形象及故事做改編、重繪。

優(yōu)秀的藝術(shù)家、優(yōu)秀插畫師作品

插畫作為一種非常成熟的藝術(shù)表現(xiàn)類別,已經(jīng)有數(shù)量非常龐大的作品存在,選擇可以借鑒的作品進(jìn)行參考。

2. 如何確定畫面的內(nèi)容組成

在我們確定主題后,就需要用內(nèi)容來(lái)表現(xiàn)了,我在畫原創(chuàng)畫面的內(nèi)容有下面3種獲取的方式,如果你也有自己的方法技巧歡迎評(píng)論留言哦。

抄現(xiàn)實(shí):生活、故事、照片

把生活中的物件、故事提取歸納,自己的照片,網(wǎng)上有趣的照片,都是可以作為畫面里的元素。

《火烈鳥》是將網(wǎng)上有趣的照片拼合在一起?!缎蓓瑫r(shí)光》是在朋友家拍的照片,把人物和主要道具柜子、吊燈提取出來(lái),加上其他生活中的道具細(xì)節(jié)完成整個(gè)畫面。


組合拼接:把現(xiàn)實(shí)的事物拼接在一起

把真實(shí)的事物,按照不那么真實(shí),但符合邏輯的方式組合在一起。

《SEA YOU》:水+人物,把水設(shè)計(jì)出相框的樣式,就可以和人物結(jié)合在一起了?!队泄獾牡胤骄湍荛_出花來(lái)》系列:花通常都是養(yǎng)在瓶子等容器里,把花放在其他不常用的容器里,可以產(chǎn)生一點(diǎn)不同的感覺(jué)。


臨摹:用臨摹作品的配色、構(gòu)圖、造型、表現(xiàn)方式,但不直接抄

《月夜》用了臨摹作品里的藍(lán)黃配色、光落在水草上的表現(xiàn)方式,再結(jié)合真實(shí)的參考物。

這里順便說(shuō)一下畫這幅畫的思路:

我想畫一幅少女擁抱水邊月亮的畫面。

需要少女、月亮、湖、水草、海鷗、天空、月光、云朵、螢火蟲等內(nèi)容。

找真實(shí)參考物和臨摹作品,結(jié)合二者,畫出了《月夜》。


3. 如何表現(xiàn)畫面內(nèi)容

在知道如何獲得主題及畫面的內(nèi)容后,用怎樣的構(gòu)圖、配色、刻畫、質(zhì)感來(lái)講述畫面里的主題,就是我們畫原創(chuàng)的過(guò)程中需要考慮的部分了。整體都需要遵循從簡(jiǎn)單到難的逐步深入。

構(gòu)圖

單獨(dú)的人物或靜物:把人物或靜物放在畫面中間的位置,中間略偏左或右的位置,黃金分割點(diǎn)等。

人物+道具或幾個(gè)靜物:在人物+道具的情況下,二者比較聚合,可以看做是一個(gè)整體,在畫面的的位置可以跟單獨(dú)的人物一樣。

人物+道具+簡(jiǎn)單場(chǎng)景:在場(chǎng)景比較簡(jiǎn)單的情況下,把主體物放在畫面的視覺(jué)中心位置,如九宮格的4個(gè)視覺(jué)中心點(diǎn)等。

人物+場(chǎng)景:場(chǎng)景相對(duì)復(fù)雜之后,需要考慮畫面的景別,前景層、中景層、遠(yuǎn)景層。主體人物放在中景層,前景層營(yíng)造畫面層次,遠(yuǎn)景層營(yíng)造氛圍。主體物同樣放在畫面中景層的視覺(jué)中心位置。


下面以《月夜》做景別的區(qū)分介紹。


配色


  • 單色:用不同深淺的單色來(lái)刻畫黑白灰關(guān)系,此時(shí)不需要考慮配色的問(wèn)題,專心做好畫面的層次及物體的刻畫。
  • 同色系:用相同色系來(lái)豐富畫面,因?yàn)槭窍嗤?,配色的難度不會(huì)太大,相對(duì)把握畫面的整體調(diào)性。
  • 近似色:以某個(gè)顏色為主色,選擇色環(huán)上在它左右的顏色。
  • 對(duì)比色:紅綠、黃紫、橙藍(lán)3組對(duì)比色。以其中一個(gè)為大面積主色,另一個(gè)為小面積點(diǎn)綴色。
  • 固有色:以大面積的物體固有色為畫面基礎(chǔ)色調(diào),加入這個(gè)物體固有色的對(duì)比色及近似色。


刻畫


  • 平涂:平涂畫出人物或道具的外型。
  • 暗部及結(jié)構(gòu)線區(qū)分結(jié)構(gòu):在結(jié)構(gòu)轉(zhuǎn)折處畫上暗部或結(jié)構(gòu)線。
  • 亮部增加細(xì)節(jié):加在物體受光的地方。
  • 投影:在光源相反的地方,給物體加上投影,有投影更真實(shí)。


質(zhì)感


  • 區(qū)分層次:豐富畫面的細(xì)節(jié)。
  • 物體的質(zhì)感刻畫:使物體更具有真實(shí)的材質(zhì)。
  • 塑造體積:讓物體有體積感。
  • 豐富畫面背景。
  • 營(yíng)造氛圍。


三. 《休憩時(shí)光》從主題構(gòu)思到完成

我們以《休憩時(shí)光》從主題構(gòu)思到完成來(lái)展示上述理論在畫中的應(yīng)用。

主題:《休憩時(shí)光》的主題源于我的日常生活記錄,在亦師亦友的司徒大大家里,當(dāng)時(shí)覺(jué)得柜子很喜歡,攝影師lenfer給我拍了這張照片。后來(lái)翻照片時(shí),覺(jué)得吊燈圓圓的也很可愛(ài),一下就有了在廚房里吃著小甜點(diǎn)的畫面,于是做了草圖構(gòu)思。照片里的柜子是放在客廳,所以背景是空的。但是畫的設(shè)計(jì)是廚房吃甜點(diǎn),所以廚房的道具陳設(shè)是找了其他的真實(shí)的參考圖,以及自己想象。


  • 構(gòu)圖:主體人物及柜子放在畫面中間,人物在中間偏右一點(diǎn)點(diǎn)的位置。前景層是前面左右的植物,增加畫面的層次,不用畫太多。中景層是重要刻畫的區(qū)域,包括人物、柜子、廚具、吊燈。遠(yuǎn)景層是墻壁及掛鉤,不用畫太多。
  • 配色:整個(gè)畫面是溫暖的暖褐色調(diào),為了畫面的色彩豐富,添加了黃綠色、橄欖綠的植物作為點(diǎn)綴的冷色。為了畫面和諧,沒(méi)有使用太冷的綠色。在這幅畫里,人物是重點(diǎn)刻畫的部分,所以畫面的黑白灰關(guān)系里,黑色給了人物,灰色給了柜子和前景植物,白色給了墻壁,這樣層次有輕重對(duì)比。
  • 刻畫:先把整個(gè)畫面全部平涂,每個(gè)物體的造型都畫出來(lái)。再用暗部和結(jié)構(gòu)線把具體結(jié)構(gòu)畫出來(lái)。給畫面增加了吊燈的光束,更聚焦主體人物了。最后添加投影。前景層因?yàn)樽羁拷嬅?,在相機(jī)拍照的時(shí)候,最前面的物體是不聚焦發(fā)虛的。所以我們畫的時(shí)候,前景層的植物用高斯模糊虛化一點(diǎn)。
  • 質(zhì)感:用雜點(diǎn)筆刷添加了暗部的細(xì)節(jié),肌理刮刀在前景層和中景層的物體上做白色的顆粒提亮。

下面是繪制過(guò)程的錄屏,可以更清楚的看到繪制過(guò)程中的反復(fù)與調(diào)整。最開始沒(méi)有前景層的時(shí)候,畫面會(huì)有些空,添加之后,畫面會(huì)飽滿一些(當(dāng)然不是所有作品都需要飽滿,需要因地制宜)。

四. 單幅作品到系列作品

完成單幅原創(chuàng)作品的繪制后,可以開始系列作品的構(gòu)思繪制。系列作品的主題、畫面、表現(xiàn)手法具有一致性、連貫性、繼承性、遞進(jìn)的特點(diǎn)。系列作品可以理解為單幅作品的加強(qiáng)版,進(jìn)階版了。把單幅的作品畫好了,系列作品就迎刃而解了。

系列插畫具有相同的主題,類似的場(chǎng)景動(dòng)作,表現(xiàn)手法形式基本一致。


本文名稱:APP界面原創(chuàng)設(shè)計(jì)分析
網(wǎng)頁(yè)網(wǎng)址:http://www.muchs.cn/news23/170673.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、微信公眾號(hào)面包屑導(dǎo)航、小程序開發(fā)、網(wǎng)站制作響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)