UI設(shè)計(jì)培訓(xùn)哪里有？UI設(shè)計(jì)培訓(xùn)哪家強(qiáng)？
UI設(shè)計(jì)培訓(xùn)哪里有？UI設(shè)計(jì)培訓(xùn)哪家強(qiáng)？
04 . 何為形？   

形，決定著整個(gè)產(chǎn)品線的調(diào)性，能直接將產(chǎn)品所蘊(yùn)含的情感文化通過視覺表現(xiàn)傳達(dá)給給用戶。無論是按鈕的圓角比例，還是圖標(biāo)的統(tǒng)一性，都是形的重要組成部分。而在UI界面設(shè)計(jì)中圖形更多的體現(xiàn)在圖標(biāo)及按鈕上，這里可以嘗試這樣來提升形的統(tǒng)一感。


要素一：統(tǒng)一的icon風(fēng)格

在圖標(biāo)設(shè)計(jì)中，首先要把控好icon視覺語言的核心，以較為常見的線性圖標(biāo)為例，其中就包括著 ：描邊線寬、圓角、斷點(diǎn)方式、點(diǎn)綴、顏色填充類型、圖標(biāo)重心。像這些，都是需要進(jìn)行統(tǒng)一規(guī)范化。如果你是剛?cè)腴T的設(shè)計(jì)師，對圖標(biāo)這塊不擅長，可以去圖標(biāo)網(wǎng)站如iconfont上找相關(guān)圖標(biāo)進(jìn)行參考，再根據(jù)自己的想法進(jìn)行繪制。這里的繪制教程可以參考我之前的一期 ，UI中國搜索《圖標(biāo)中的那些小技巧》即可找到。




要素二：統(tǒng)一的圖形元素

圖形也是一個(gè)尤為重要的元素，直接決定著一個(gè)企業(yè)的品牌形象。在界面設(shè)計(jì)中使用品牌圖形能讓用戶牢記品牌形象，讓產(chǎn)品快速搶占市場，提高用戶比。如天貓、京東、QQ、網(wǎng)易云等優(yōu)秀產(chǎn)品,在這塊就運(yùn)用的非常巧妙。天貓使用了大量貓頭的形象，而網(wǎng)易云，則提取了唱片的元素，整個(gè)圖標(biāo)風(fēng)格，都使用了較為圓潤的造型。





05 . 何為色？   

色，往往是人感官中留下的第一印象。想要合理的運(yùn)用顏色，其實(shí)并不容易。其實(shí)在界面設(shè)計(jì)中，對于選擇配色方案，就好像比穿衣服一樣，顏色越多越花哨，整個(gè)檔次感覺越low。跟傳統(tǒng)的空間設(shè)計(jì)一樣，在大部分界面設(shè)計(jì)中，一般使用三種顏色就夠了，除非設(shè)計(jì)師擁有者非常高的配色駕馭能力，不其然整個(gè)頁面都會顯得較為花哨，影響信息傳遞。下面，我們可以使用兩個(gè)小技巧，來幫助你提升配色的能力。


技巧一：使用情緒板決定主色調(diào)

設(shè)計(jì)師往往在做界面設(shè)計(jì)時(shí)，都是感性的，往往難以支撐各樣的質(zhì)疑。那么通過場景關(guān)鍵詞，收集相應(yīng)的圖片素材，使用情緒板來創(chuàng)建顏色，能更好幫助設(shè)計(jì)師完成對產(chǎn)品情緒的理解，同時(shí)提高工作效率流程，并且能讓界面設(shè)計(jì)更符合用戶的預(yù)期，完成產(chǎn)品目標(biāo)需求。設(shè)計(jì)出來的方案也更具有說服力，能更好的幫助設(shè)計(jì)師拿到產(chǎn)品視覺設(shè)計(jì)的主導(dǎo)權(quán)。




技巧二：六三一原則

所謂的六三一原則就是在空間設(shè)計(jì)中，通常主色調(diào)占60%，輔助色占30，突出色占10%。其實(shí)在界面設(shè)計(jì)中也是一樣的，設(shè)計(jì)稿中顏色不宜過多，不同色系*好不要超過三種。如果對色系不能很好理解的同學(xué)，我這邊給個(gè)辦法、就像當(dāng)初學(xué)畫畫，瞇著眼睛看即可看出其主要色調(diào)。但如果一個(gè)大型圖案的個(gè)別色塊很大的話，同樣得視為一種色。







06 . 何為字？   
 
字，字體的形狀及樣式會直接影響到信息傳遞的速度。所以根據(jù)不同的場景，使用不同的字體樣式也是極為重要的。因此對UI設(shè)計(jì)師而言，理解字體也是個(gè)必不可缺的技能。這里也給大家提供幾個(gè)小技巧，幫助大家提升對字體的理解能力。


技巧一：合理的使用字體樣式

在做界面設(shè)計(jì)時(shí)，永遠(yuǎn)要把內(nèi)容的可讀性放在首位，其次再去考慮其它樣式。根據(jù)不同的業(yè)務(wù)模式，選擇不同的字體，可以讓頁面更容易達(dá)到用戶的心理預(yù)期。如襯線字與無襯線字，所傳遞出來的感受也是有著較大區(qū)別的，一般而言，需要強(qiáng)調(diào)的文字或者小篇文字中，使用無襯線字會更合適一些。而在一些長篇文章中，使用襯線體則會更容易閱讀。如在網(wǎng)頁設(shè)計(jì)中，*小的11號字體使用襯線體宋體，會比非襯線體的微軟雅黑更具有優(yōu)勢。



技巧二：合理的使用字重

在單色環(huán)境中，使用不同的字重能更好的加強(qiáng)內(nèi)容之間的呼應(yīng)對比。減少過渡色階層級的使用，能使核心內(nèi)容更為聚焦，減輕閱讀負(fù)擔(dān)。因此在界面設(shè)計(jì)中，使用較粗的字重來作為標(biāo)題是較為合適的。在iOS11中，這樣的設(shè)計(jì)手法尤為多見。下圖我使用了不同的字重，很明顯，左邊的圖會更利于信息閱讀一些，因?yàn)閷蛹壍闹鞔蔚玫搅撕芎玫膮^(qū)分。因此大家在設(shè)計(jì)界面中，不妨把一些主標(biāo)題加粗試試，或許有一些意想不到的效果。


技巧三：合理的控制字距

字距跟行距會直接影響到大排文字的閱讀性。標(biāo)題的字間距要緊密，正文大排文字的字間距要稀疏一些。另外正文的行間距應(yīng)該設(shè)置為字體大小的120%到150%之間。大家可以多進(jìn)行一下嘗試，直到信息較容易識別閱讀為止。





總結(jié)

以上幾個(gè)大點(diǎn)，構(gòu)成了一套較為完整的視覺語言。我們可以通過對以上這幾個(gè)點(diǎn)進(jìn)行刻意練習(xí)，來熟練掌握這些基本知識。另外除了通過臨摹一些優(yōu)秀的視覺作品，拿現(xiàn)有產(chǎn)品進(jìn)行Redesign或者視覺改版都是一個(gè)較為不錯(cuò)的選擇。提升自己的視覺設(shè)計(jì)水平，也并非一朝一夕之事，靠的也是不斷地積累，不斷學(xué)習(xí)。

學(xué)習(xí)路上是很艱辛的，慶幸是生活在了一個(gè)知識共享的年代，通過前人的經(jīng)驗(yàn)，我們得到了快速的成長！喝水不忘挖井人，寫下這篇文章，希望能幫助到正在不斷探索的設(shè)計(jì)師朋友。