學習UI如何臨摹別人作品
1.軟件技法能力。
我們在UI設計的工作中要學會很多軟件,我們以用的最多的PS軟件為例,
我們要通過臨摹要把PS的UI技法功能都給掌握。
下面給大家看一個案例,這個是支付寶的一個APP界面截圖,
這里有5個拆分解說。我們來分別講解。
拆分解說1:共分為三部分,首先用橢圓工具畫一個正圓,再把填充色去掉換成描邊
這里可以把描邊設置為6PX,然后再把這個橢圓復制一份,再縮小,之后再復制一份,
然后用直接選擇工具,框選這個圓的下半部分的錨點,
再按刪除鍵刪除,最后把這些組合在一起就繪制完成了。
拆分解說2:畫一個圓角距形,換成描邊4PX,
然后打上下載二個字,再組合在一起就可以了。
拆分解說3:共分為四部分,分別畫一個正圓,一個圓角距形,
再復制二個圓角距形,然后組合就可以了。
拆分解說4:共分為五部分,首先畫一個圓角距形填充紅色,再用圖層樣式加一個黑色的內發光,
再畫一個正圓填充橙色,再加一個內陰影,角度為-90度,不透明度調低一些。
然后用文字工具打一個領字和畫一個圓角距形復制一份,
各旋轉45度,再畫一個圓,然后換成2PX的描邊,
用直接選擇工具,選擇右半圓,再按刪除工具刪除一半。
然后用文字工具打上錢符號和99,再組合在一起就可以了。
拆分解說5:畫一個圓角距形,填充個漸變色,再打上旅游權三個字,
再畫一個圓,然后畫一個圓角距形再復制二個,
其中一個就是畫豎的,另外二個各旋轉45度,進行組合就可以了。
2.設計理論能力
很多人以為臨摹就是畫的和原圖一樣就行了,
結果臨摹了好多作品還是學不會UI,更不用說去工作了。
這個關鍵在于他們只進行了第一階段的臨摹,
大家可以這樣想下,我們可以做出和原作品一模一樣的作品,
但是這個作品我們只是能畫出來,
而這個作品中的內容這個原創作者為什么這樣設計,
這個點我們是不清楚的,比如一個圖標應用多大的尺寸,
應該放什么位置,應該用什么顏色,
里面的文字用什么字體,用多少字號大小,
里面的界面和圖標的版式應該如何擺放這些我們都是不會的。
只是能畫,所以這時我們就做不了原創作品了,
因為原創的前提是你能看到懂對方為什么這樣設計才行的。
下面再來舉例說明,還是以支付寶的一個APP界面為例。
一共分了三塊,分別解說,大家就清楚以后在臨摹學理論的時候應該怎么做了。
一定要多思考,多去想為什么,如果換成是我來設計,
我會和他一樣的想法嗎,還是會做的不一樣。
一定要用心去看,用心去思考,只有這樣才能提升自己的設計能力。
第一個就是掃一掃圖標的,掃一掃這個功能支付非常的快
現在支付寶是支付排名第一的應用。
全中國最多人用的一個支付APP。
為什么那么多人用呢,因為它支付很快,比現錢還快還不用找零。
以前的支付寶沒有掃一掃功能,當時只有轉賬功能
轉賬的話要輸入賬號再寫密碼,過程慢,而且容易輸入錯。
后來掃一掃功能出來了后,雖然轉賬也還有,但是用的不多了就沒有放在首位。
掃一掃放前面就可以提升用戶的支付效率。
放在最上和最左的原因就是讓我們用戶可以更快的看到,一般的人都是從上到下
從左到右來看的,很少有人不這樣看,
著作權58非魚。商業轉載請聯系作者獲得授權。不是商業轉載,請注明出處。蔣老師