APP界面原創(chuàng)設計分析

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

一. 分析一幅畫里的內容

1. 畫面的主題：故事

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

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

《夏至》是24節(jié)氣中的一個節(jié)氣，是白天最長的一天?！断闹痢返闹黝}是「炎夏里偷涼」，沒有空調的炎熱夏至，坐在打開的冰箱旁，吃著西瓜和冰棍，吹著電扇，仿佛回到了小時候。

2. 畫面的內容組成：主形象、道具

有了主題故事之后，還需要有內容來傳遞這個主題故事，就是畫面里的內容組成了。通常包括主體的人物、輔助的道具、場景等。

以《月夜》這幅畫來解構，為了表達主題「擁抱月光的少女」，畫面里使用了：少女、月亮、湖、水草、海鷗、天空、月光、云朵、螢火蟲等內容。構建了一輪落在湖邊水草叢里的月亮，奔跑著擁抱月亮的少女的小場景。少女和月亮是畫面主體，湖、水草、海鷗、天空、云朵構成了故事的場景，螢火蟲和月光用于渲染畫面氛圍。

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

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

3. 畫面的表現(xiàn)方式：構圖、色彩、刻畫、質感

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

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

1. 如何獲得主題

建立靈感池

建立靈感池，把想到的靈感、自己及身邊的事記錄下來，需要畫的時候就可以從中選取。

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

1年有24個節(jié)氣，12個月，國內外節(jié)假日，網(wǎng)絡興起的節(jié)日，固定及臨時發(fā)生的熱點事件，這些都可以作為畫畫的主題。

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

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

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

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

2. 如何確定畫面的內容組成

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

抄現(xiàn)實：生活、故事、照片

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

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

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

把真實的事物，按照不那么真實，但符合邏輯的方式組合在一起。

《SEA YOU》：水+人物，把水設計出相框的樣式，就可以和人物結合在一起了?！队泄獾牡胤骄湍荛_出花來》系列：花通常都是養(yǎng)在瓶子等容器里，把花放在其他不常用的容器里，可以產生一點不同的感覺。

臨?。河门R摹作品的配色、構圖、造型、表現(xiàn)方式，但不直接抄

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

這里順便說一下畫這幅畫的思路：

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

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

找真實參考物和臨摹作品，結合二者，畫出了《月夜》。

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

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

構圖

單獨的人物或靜物：把人物或靜物放在畫面中間的位置，中間略偏左或右的位置，黃金分割點等。

人物+道具或幾個靜物：在人物+道具的情況下，二者比較聚合，可以看做是一個整體，在畫面的的位置可以跟單獨的人物一樣。

人物+道具+簡單場景：在場景比較簡單的情況下，把主體物放在畫面的視覺中心位置，如九宮格的4個視覺中心點等。

人物+場景：場景相對復雜之后，需要考慮畫面的景別，前景層、中景層、遠景層。主體人物放在中景層，前景層營造畫面層次，遠景層營造氛圍。主體物同樣放在畫面中景層的視覺中心位置。

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

配色

• 單色：用不同深淺的單色來刻畫黑白灰關系，此時不需要考慮配色的問題，專心做好畫面的層次及物體的刻畫。
• 同色系：用相同色系來豐富畫面，因為是相同色系，配色的難度不會太大，相對把握畫面的整體調性。
• 近似色：以某個顏色為主色，選擇色環(huán)上在它左右的顏色。
• 對比色：紅綠、黃紫、橙藍3組對比色。以其中一個為大面積主色，另一個為小面積點綴色。
• 固有色：以大面積的物體固有色為畫面基礎色調，加入這個物體固有色的對比色及近似色。

刻畫

• 平涂：平涂畫出人物或道具的外型。
• 暗部及結構線區(qū)分結構：在結構轉折處畫上暗部或結構線。
• 亮部增加細節(jié)：加在物體受光的地方。
• 投影：在光源相反的地方，給物體加上投影，有投影更真實。

質感

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

三. 《休憩時光》從主題構思到完成

我們以《休憩時光》從主題構思到完成來展示上述理論在畫中的應用。

主題：《休憩時光》的主題源于我的日常生活記錄，在亦師亦友的司徒大大家里，當時覺得柜子很喜歡，攝影師lenfer給我拍了這張照片。后來翻照片時，覺得吊燈圓圓的也很可愛，一下就有了在廚房里吃著小甜點的畫面，于是做了草圖構思。照片里的柜子是放在客廳，所以背景是空的。但是畫的設計是廚房吃甜點，所以廚房的道具陳設是找了其他的真實的參考圖，以及自己想象。

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

下面是繪制過程的錄屏，可以更清楚的看到繪制過程中的反復與調整。最開始沒有前景層的時候，畫面會有些空，添加之后，畫面會飽滿一些(當然不是所有作品都需要飽滿，需要因地制宜)。

四. 單幅作品到系列作品

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

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

當前文章：APP界面原創(chuàng)設計分析
URL分享：http://bm7419.com/news/170673.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、網(wǎng)站改版、動態(tài)網(wǎng)站、關鍵詞優(yōu)化、網(wǎng)站排名、網(wǎng)站制作

廣告

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