Week 19 — UI Design | LOW POLY: 一種抽象的復古美

Max 麥克斯
5 min readApr 26, 2019

--

上個月看了一部電影:

「WILD」(中譯:那時候,我只剩下勇敢)

這是真人真事改編,主要是在講一個26歲的女生,一個人去太平洋屋脊步道(Pacific Crest Trail,簡稱PCT)健行,距離相對是環島台灣4圈,平均需要150天左右才能完成。

原本看簡介想說她是不是瘋了XDDD,還一個女生自己去多危險啊,但後來電影開始描述她為什麼要開始這趟旅程。當一直活在悲傷裡,把自己的生活變得墮落和腐爛不堪時,就沒有什麼好失去的,當下剩下的只有勇敢去面對它,去找回原本正常的生活。(就不解釋太多了,畢竟不是電影影評,但很推薦正面臨生活低潮的人去看。),下面會說明為什麼會提到這部電影。

回歸到主題的LOW POLY低多邊形,是把多色元素切割成多個三角形,每個三角形取相對位置的顏色,且相隔的三角形不能同色,需要間隔取色。製作手法簡單、易上手、且風格富有立體復古感,但製作過程耗時,蠻考驗耐心的一種設計。

以下說明製作步驟(相信我,真的非常簡單!):

1.選一張你喜歡的圖片,最好是你很有感覺的圖片(例如你很喜愛的歌手、明星、動物、電影...等),或是不會看得很膩的圖片都好!底下的圖片是我選的範例。

( Reeese Witherspoon in Wild Anne Marie Fox — Fox Searchlight)

2. 打開AI,開啟你選擇的圖片(可以去背也可以不用,看個人),只需要用到兩個工具,分別為「鋼筆工具」和「檢色滴管工具」,先用鋼筆工具點出三角形,再用檢色滴管工具選取相對位置的顏色。這兩個工具會很頻繁的轉換使用,所以記一下快捷鍵「P」和「I」,這樣做的速度會快很多。

p.s 記得鄰近的三角形不要同色唷!

3. 沒錯,就是一直用鋼筆重複畫三角形+檢色滴管取相對位置顏色。像是頭髮、衣服、背包...等大致顏色差不多或大區塊的地方,我就會將三角形做大一點;而眼睛、眉毛、鼻孔...等較小較細節的地方,我則會將三角形做小一點,如下圖所示:

4.抽象的復古美風格就大功告成!
雖然過程耗時,但這種設計卻別有一般感覺。

5. 如果還有精力的話,可以把它融入在UI設計裡(如banner設計),這次的UI練習題目就剛好是「LOW POLY」,因此底下做了兩款UI設計。

這次UI練習題目-Low Poly的設計是我第一次做,記得當時看到別人做這個題目的成品時,心想:「哇!這個看起來好酷,好厲害,不知道我能不能做出來。」後來上網去拜google大神和觀看教學影片,才發現其實不難!

而至於為什麼前面開頭會提到「WILD」這部電影,是因為這次練習的設計就是用這部電影其中一個最令我印象深刻的畫面來製作而成的,當初看完這部電影實在是太喜歡了,而製作過程中,能讓我重溫這部電影帶給我的感動,那些畫面和感覺也深深地烙印的,好像自己就在其中。

沙漠、寒冷、飢餓、口渴、疲累、黑暗、蛇、害怕、崩潰、
夕陽、彩虹、微笑、釋懷

即使是做自己熱情的事,總有乾涸枯旱的一天,所以要一直不斷從中尋找樂趣,而要尋求樂趣最快的方式就是學新的東西來刺激感受,沉浸在新體驗中,生活也會變得比較有趣點!

本週UI練習

使用工具:Adobe Xd, photoshop, illustrator

#094 | Daily UI_Low Poly

設計理念或心得札記:最近看了這部電影,因為太喜歡了,就把它結合到UI設計作品裡,在做的過程中,又再回憶一次印象深刻的畫面:)

電影: wild (中譯: 那時候, 我只剩下勇敢)
網址

--

--

Max 麥克斯
Max 麥克斯

Written by Max 麥克斯

UI設計師 | 相信閱讀 | 喜歡有溫度的文字 | 致力於介面設計 | 記錄自學設計的一隅 https://maxinstudio.com/

No responses yet