記關(guān)于UI的學(xué)習(xí)方法

一、圖形基礎(chǔ)

? ? ? ?UI需要很好的圖形基礎(chǔ),大多數(shù)人接觸UI都是從學(xué)習(xí)畫圖標(biāo)開始的,說明這也是繪制圖形的基礎(chǔ),手機(jī)界面就相當(dāng)于設(shè)計(jì)師的畫板。在之前一段時(shí)間,扁平化的設(shè)計(jì)風(fēng)格比較流行,圖標(biāo)設(shè)計(jì)主要以線性和色塊為主,但是寫實(shí)風(fēng)格的圖標(biāo)也還是不容忽略的?;A(chǔ)的素描、速寫以及色彩都是需要掌握的基礎(chǔ)。我們要在電腦上對(duì)現(xiàn)實(shí)的物體準(zhǔn)確描繪就需要很認(rèn)真仔細(xì)地觀察事物,比如物體的透、視光照角度、明暗分布等,對(duì)細(xì)節(jié)的把握,都是你寫實(shí)功力的體現(xiàn),這樣慢慢你就養(yǎng)成一種洞察一切的眼睛。而且在設(shè)計(jì)的過程中也可以考慮提煉圖形,對(duì)寫實(shí)細(xì)節(jié)進(jìn)行取舍,只保留核心較抽象的圖形,這就是速寫的過程。最后再通過軟件的對(duì)圖形進(jìn)行渲染,完成最終的色彩,使之更為真實(shí)豐富。

二、設(shè)計(jì)軟件

? ? ? ? ?再好的想法,都需要軟件來替我們實(shí)現(xiàn),所以軟件的掌握是一種必備的技能,相當(dāng)于畫家的筆和顏料一般。作為一名UI設(shè)計(jì)師以下幾個(gè)軟件都是必須要會(huì)的

Photoshop:是入門階段軟件,也是最需要熟悉掌握的軟件,它具有強(qiáng)大的圖像處理功能,可以幫助我們實(shí)現(xiàn)很多酷炫的效果,而且應(yīng)用范圍也極為廣泛。

Illustrator:這是一款矢量圖形軟件,設(shè)計(jì)logo、icon等,需要處理一些復(fù)雜路徑,作為首選工具軟件。

After Effects:動(dòng)效工具,主要做一些小動(dòng)畫比如下拉刷新、圖標(biāo)微動(dòng)畫、loading等等。效果較為豐富,尤其是設(shè)計(jì)扁平化風(fēng)格時(shí),可通過此軟件設(shè)計(jì)動(dòng)效平滑切換界面。

Principle:輕量級(jí)動(dòng)效設(shè)計(jì)工具,也可以作為輸出設(shè)計(jì)原型軟件,動(dòng)畫效果的制作是本款軟件的強(qiáng)項(xiàng),只是沒有AE的效果那么豐富,沒有三維動(dòng)畫。

Sketch:界面設(shè)計(jì)神器,輕量級(jí)專業(yè)UI設(shè)計(jì)工具,插件多、運(yùn)行快、資源豐富,缺點(diǎn)是只能在MAC使用。

動(dòng)畫的學(xué)習(xí)可以放在往后一些,首先界面拿得出手了,才會(huì)開始考慮動(dòng)畫的設(shè)計(jì),所以?Photoshop、illustrator、Sketch這三款軟件的學(xué)習(xí)是重中之重。

三、設(shè)計(jì)規(guī)范

? ? ? 設(shè)計(jì)出來的應(yīng)用最終是搭載在iOS系統(tǒng)和Android系統(tǒng)上運(yùn)行的,而這兩個(gè)系統(tǒng)都有其不同的官方設(shè)計(jì)規(guī)范,比如iOS系統(tǒng)下的設(shè)計(jì)圖標(biāo)需要?jiǎng)?chuàng)建多大尺寸的,Android系統(tǒng)下又是多大尺寸的,各自的狀態(tài)欄、導(dǎo)航欄和標(biāo)簽欄高度又是多少,iOS系統(tǒng)用什么字體,Android系統(tǒng)用什么字體等等,這些都是有一套官方設(shè)計(jì)規(guī)范的,都需要自己去熟悉觀察,養(yǎng)成一種規(guī)范的習(xí)慣。如果想要做出自己的特色,必須在遵守的前提下,根據(jù)自己產(chǎn)品特性制訂出自己的一套設(shè)計(jì)規(guī)范。

四、臨摹學(xué)習(xí)

? ? ? ?理論與實(shí)踐并行,說得多不如做得多,熟能生巧,需要把理論知識(shí)實(shí)踐于大量的設(shè)計(jì)練習(xí)中。業(yè)余時(shí)間多實(shí)踐多臨摹成熟的優(yōu)秀的設(shè)計(jì)作品,對(duì)我們?cè)O(shè)計(jì)參考都是有很大幫助的。另外還需要拓寬自己的眼界,多去看看其他設(shè)計(jì)師的優(yōu)秀作品,最新設(shè)計(jì)作品,如這些網(wǎng)站都是設(shè)計(jì)師經(jīng)常光顧的,可以多去看看,站酷、UI中國、Dribble、Behance、Pinterest。

五、在實(shí)踐中成長

? ? ? ?從一開始的討論原型,然后出效果圖,再到切圖以及標(biāo)注給開發(fā)工程師,這一完整的設(shè)計(jì)流程的經(jīng)歷下來就是最好的鍛煉方式。自己在導(dǎo)出在手機(jī)上預(yù)覽,核對(duì)實(shí)際效果跟設(shè)計(jì)稿的差距,發(fā)現(xiàn)存在的問題,踩過的坑,都為自己以后更好的設(shè)計(jì)做鋪墊,設(shè)計(jì)水平也會(huì)日漸提高。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 都說男生具有長發(fā)情結(jié),其實(shí)女生也有。我有一襲早已及腰的秀發(fā),念舊的我在家人的嘮叨下遲遲不愿剪,總跟自己說:舍不得 ...
    顧銘生閱讀 194評(píng)論 0 0
  • 空洞乏味的青春 年少無知時(shí),渴望愛情。青春而懵懂,憧憬而嬌羞。當(dāng)遇之,卻無所適從...
    橙窨個(gè)蠢貨閱讀 156評(píng)論 0 0
  • 秀美耿達(dá) 熊貓新家 因?yàn)榕畠旱暮糜鸭以诠⑦_(dá),而自己也有一位好友老家在耿達(dá),于是對(duì)走過的這個(gè)...
    山神山神閱讀 310評(píng)論 0 2
  • 身為女性的你,在為生活中的各種失衡而煩惱嗎? 不論你是溫婉小女子,還是豪情女漢子你會(huì)不會(huì)經(jīng)常覺得累,有這樣的苦惱:...
    徐林Grace閱讀 13,533評(píng)論 94 145

友情鏈接更多精彩內(nèi)容