如何通過臨摹作品來提升自己的UI設計能力
如何通過臨摹作品來提升自己的UI設計能力
學UI設計,臨摹這塊到底應該如何學習。
今天特地給大家寫一篇這方面的學習文章,希望對於大家有所幫助。
如何通過臨摹作品來提升自己的UI設計能力
學UI設計,臨摹這塊到底應該如何學習。
今天特地給大家寫一篇這方面的學習文章,希望對於大家有所幫助。
臨摹是UI設計學習必走的一步,只有臨摹了很多作品之後,
才有可能去設計原創作品。
臨摹分為2步,第1步是提升軟體技法能力,第2步則是提升設計理論能力。
1. 軟體技法能力。
我們在UI設計的工作中要學會很多軟體,我們以用的最多的PS軟體為例,
我們要通過臨摹要把PS的UI技法功能都給掌握。
下面給大家看一個案例,這個是支付寶的一個APP介面截圖,
這裡有5個拆分解說。我們來分別講解。
拆分解說1:共分為三部分,首先用橢圓工具畫一個正圓,再把填充色去掉換成描邊
這裡可以把描邊設定為6PX,然後再把這個橢圓複製一份,再縮小,之後再複製一份,
然後用直接選擇工具,框選這個圓的下半部分的錨點,
再按刪除鍵刪除,最後把這些組合在一起就繪製完成了。
拆分解說2:畫一個圓角距形,換成描邊4PX,
然後打上下載二個字,再組合在一起就可以了。
拆分解說3:共分為四部分,分別畫一個正圓,一個圓角距形,
再複製二個圓角距形,然後組合就可以了。
拆分解說4:共分為五部分,首先畫一個圓角距形填充紅色,再用圖層樣式加一個黑色的內發光,
再畫一個正圓填充橙色,再加一個內陰影,角度為-90度,不透明度調低一些。
然後用文字工具打一個領字和畫一個圓角距形複製一份,
各旋轉45度,再畫一個圓,然後換成2PX的描邊,
用直接選擇工具,選擇右半圓,再按刪除工具刪除一半。
然後用文字工具打上錢符號和99,再組合在一起就可以了。
拆分解說5:畫一個圓角距形,填充個漸變色,再打上旅遊權三個字,
再畫一個圓,然後畫一個圓角距形再複製二個,
其中一個就是畫豎的,另外二個各旋轉45度,進行組合就可以了。
2. 設計理論能力
很多人以為臨摹就是畫的和原圖一樣就行了,
結果臨摹了好多作品還是學不會UI,更不用說去工作了。
這個關鍵在於他們只進行了第一階段的臨摹,
大家可以這樣想下,我們可以做出和原作品一模一樣的作品,
但是這個作品我們只是能畫出來,
而這個作品中的內容這個原創作者為什麼這樣設計,
這個點我們是不清楚的,比如一個圖示應用多大的尺寸,
應該放什麼位置,應該用什麼顏色,
裡面的文字用什麼字型,用多少字號大小,
裡面的介面和圖示的版式應該如何擺放這些我們都是不會的。
只是能畫,所以這時我們就做不了原創作品了,
因為原創的前提是你能看到懂對方為什麼這樣設計才行的。
下面再來舉例說明,還是以支付寶的一個APP介面為例。
一共分了三塊,分別解說,大家就清楚以後在臨摹學理論的時候應該怎麼做了。
一定要多思考,多去想為什麼,如果換成是我來設計,
我會和他一樣的想法嗎,還是會做的不一樣。
一定要用心去看,用心去思考,只有這樣才能提升自己的設計能力。
第一個就是掃一掃圖示的,掃一掃這個功能支付非常的快
現在支付寶是支付排名第一的應用。
全中國最多人用的一個支付APP。
為什麼那麼多人用呢,因為它支付很快,比現錢還快還不用找零。
以前的支付寶沒有掃一掃功能,當時只有轉賬功能
轉賬的話要輸入賬號再寫密碼,過程慢,而且容易輸入錯。
後來掃一掃功能出來了後,雖然轉賬也還有,但是用的不多了就沒有放在首位。
掃一掃放前面就可以提升使用者的支付效率。
放在最上和最左的原因就是讓我們使用者可以更快的看到,一般的人都是從上到下
從左到右來看的,很少有人不這樣看,
我們人的閱讀順序就是這樣,這樣就可以達到最高的效率。
第二個是自定義的,這塊的圖示為什麼可以自定義,而不是固定位置。
支付寶的主要功能是支付,支付在掃一掃那,已經固定了位置。
而現在的這些功能,則是次要的,次要的功能不是使用者必須用。
支付寶使用者幾個億,每人的愛好需求都不一樣。
有人想點外賣,有人想看電影,有人想打車,有人想買車票。
還有的人啥功能也不用,所以這塊自定義則可以讓使用者。
根據自己的喜好來進行增加或刪減。
第三個是廣告頁的設計。
支付寶我們在用他支付的時候,支付寶公司並不怎麼賺錢。
而一個企業要想運轉下去,必須要有收入。
這個廣告頁就可以給支付寶公司賺錢。通過我們點選廣告
裡面的廣告主,提供錢給支付寶。
常見的有電影票推廣,火車票春運推廣,外賣和旅遊推廣。
本篇文章到此結束,如果覺得本文章對你有幫助,
可以關注微信公眾號: XSUI2015
學習到更多UI設計知識。