不管你是要為自己的微博做個(gè)風(fēng)趣的圖片，仍是為自己的活動(dòng)做PPT和邀請(qǐng)函，專(zhuān)業(yè)的UI規(guī)劃的技巧總能給你的在線(xiàn)設(shè)計(jì)https://www.fotor.com.cn極大的協(xié)助。
UI規(guī)劃的技巧許多，可是中心的就那么多。字體的選取和調(diào)配，排版布局的規(guī)矩，留白的規(guī)則，說(shuō)起來(lái)復(fù)雜，整理起來(lái)也不是特別多。那么就讓這25個(gè)史詩(shī)級(jí)的UI規(guī)劃技巧幫你繞過(guò)規(guī)劃上的坑，幫你打造真實(shí)令人難以忘記的UI好著作吧。
01、管好你的字體
請(qǐng)必須挑選易讀性較高的字體，太多的字體類(lèi)型擠壓在一起也是十分難以辨認(rèn)的，盡量運(yùn)用簡(jiǎn)略和諧的字體組合。
這個(gè)事例中只是運(yùn)用了名為Aileron 的字體族，這是一款無(wú)襯線(xiàn)字體，全體風(fēng)格精約而賦有現(xiàn)代美感，字體族中包括了多種字重和變體。
02、不要懼怕擴(kuò)大
將字體、形狀等需求著重的內(nèi)容擴(kuò)大。恰當(dāng)?shù)卣{(diào)配顏色，讓需求著重的部分看起來(lái)巨大醒目，在這個(gè)事例中，我用Releway 字體來(lái)出現(xiàn)“Scale”這個(gè)詞，由于這個(gè)字體愈加敦實(shí)、明晰，擴(kuò)大后看起來(lái)體積感十足。
03、操控好各個(gè)元素的距離
“Respect”這個(gè)詞的字距離被緊縮，然后讓整個(gè)單詞顯得更有凝聚力。排版中，各種元素距離需求依據(jù)實(shí)際情況來(lái)調(diào)整，內(nèi)容多的時(shí)分能夠恰當(dāng)收緊，少的時(shí)分能夠恰當(dāng)放松。距離巨細(xì)都需求兼顧到根本的可讀性，分太開(kāi)和離太近都很難讓人閱覽。
04. 明智地選取配色
選取同一色系下的不同色彩，能夠堅(jiān)持全體的一起性。色彩亮堂程度的差異能給配色帶來(lái)比照度，精美的文字需求用深色的布景來(lái)烘托，這也是為什么我在事例的文字中運(yùn)用了淺綠色，提高明晰度，增強(qiáng)可讀性。
05. 潔凈，明快，明晰
經(jīng)過(guò)提高文字內(nèi)容和布景圖片之間的明暗比照來(lái)提高可讀性。一般運(yùn)用純黑和純白的文字能夠更為快捷地實(shí)現(xiàn)這一點(diǎn)。
06. 字體也有豪情
保證你選取的字體和你的內(nèi)容堅(jiān)持一向的調(diào)性。帶有圓角的字體看起來(lái)會(huì)愈加友愛(ài)（這兒用的Quicksand），棱角清楚的字體看起來(lái)愈加強(qiáng)硬（比如Sans Serifs），襯線(xiàn)領(lǐng)會(huì)看起來(lái)愈加高雅而精美。
07. 用對(duì)齊營(yíng)建次序
對(duì)齊和對(duì)稱(chēng)都是讓規(guī)劃著作愈加賦有次序的手法。相對(duì)而言，對(duì)齊運(yùn)用范疇更廣泛。這兒的事例中，左面的直線(xiàn)勾勒出對(duì)齊的邊際，提高了規(guī)劃的全體性。
08. 堅(jiān)持簡(jiǎn)略
堅(jiān)持簡(jiǎn)略，可是別忘了最根底的原則。運(yùn)用有比照度的配色，用安定而均衡的排版結(jié)構(gòu)。
09. 仿制是多頁(yè)文檔規(guī)劃的精華
如果你在規(guī)劃一份多頁(yè)的文檔，最簡(jiǎn)略的方式就是仿制頁(yè)面，然后替換其間的圖片，然后編輯文本內(nèi)容。合理地運(yùn)用線(xiàn)條裝點(diǎn)，堅(jiān)持款式的一起性。
10. 原創(chuàng)性與發(fā)明性
和研究一樣，平面規(guī)劃的技術(shù)和考慮一樣需求原創(chuàng)性和發(fā)明性。你并不一定非得運(yùn)用我們都在用的字體和款式，躲避盛行并探索自己的風(fēng)格，會(huì)讓你的規(guī)劃作業(yè)異乎尋常。
11. 用層次來(lái)整理內(nèi)容
將內(nèi)容和信息擺放得愈加層次化是視覺(jué)規(guī)劃中最重要的部分，調(diào)整你的內(nèi)容中元素的顏色和份額，能夠觀(guān)察到它在全體視覺(jué)中重要性的改變。
12. 對(duì)稱(chēng)也很有用
許多優(yōu)異的規(guī)劃著作都會(huì)充分運(yùn)用對(duì)稱(chēng)的技巧。運(yùn)用對(duì)稱(chēng)手法的時(shí)分，保證對(duì)稱(chēng)兩邊在視覺(jué)的厚度上的一起。
13. 時(shí)不時(shí)讓你的雙眼放松一下
7×24小時(shí)的斗爭(zhēng)當(dāng)然杰出，可是你很難堅(jiān)持并具有持續(xù)的發(fā)明力。恰當(dāng)?shù)姆潘赡茏屇憧祻?fù)功率，發(fā)生構(gòu)思。適時(shí)地脫離電腦屏幕亮點(diǎn)別的，常常會(huì)有意外之喜。
14. 運(yùn)用同族字體
想要讓文字排版具有高度的一起性，最好的辦法是找到一套包括各類(lèi)字重、字形的字體族，這樣保證了多樣性和一起性。此處我們運(yùn)用了Libre Baskerville 字體族中的粗體、細(xì)體和斜體。
15. 巨大的留白
留白會(huì)賦予規(guī)劃中各種元素以滿(mǎn)足的呼吸的空間，給用戶(hù)以幻想的空間。它讓內(nèi)容愈加會(huì)集和易讀，也不會(huì)由于雜亂而讓用戶(hù)分神。
16. 先調(diào)研，再著手
在你著手開(kāi)端規(guī)劃之前，保證你把握了一切的需求和悉數(shù)的細(xì)節(jié)。調(diào)研、閱覽、收集資料。資料的收集讓你掌控滿(mǎn)足多的現(xiàn)實(shí)和內(nèi)容，而調(diào)研則會(huì)保證這個(gè)規(guī)劃是深思熟慮之后的效果。
17. 發(fā)明心情板
在規(guī)劃之前，將你所收集的相關(guān)的圖片、色板和-視覺(jué)著作會(huì)集到白板上，這樣能夠便利你尋覓構(gòu)思，找到一起的特色、主題和調(diào)色板，而且終究應(yīng)用到項(xiàng)目中去。
18. 仿照與發(fā)明
運(yùn)用比如Canva、Dribbble、behance 這樣的網(wǎng)站來(lái)閱讀他人的著作，憑借查找和過(guò)濾來(lái)尋覓符合你需求的著作、風(fēng)格和款式，在仿照和發(fā)明中構(gòu)建歸于自己的著作。
19. 重視正在發(fā)作的作業(yè)
規(guī)劃并不是脫離年代的存在。不管你此時(shí)重視的是哪個(gè)范疇，請(qǐng)必須重視正在發(fā)作的作業(yè)，堅(jiān)持對(duì)新動(dòng)態(tài)的敏銳認(rèn)識(shí)，從交際媒體到新聞時(shí)政，最新最重要的信息終歸是對(duì)你有所裨益的。
20. 跳出來(lái)考慮
最有構(gòu)思的考慮者總會(huì)跳出條條框框來(lái)看待這個(gè)國(guó)際的。不要用隨處可見(jiàn)的圖標(biāo)來(lái)裝點(diǎn)你的規(guī)劃，或許一個(gè)全新的規(guī)劃更能代表你的主意。
21. 比照是關(guān)鍵
比照所發(fā)生的效果是真實(shí)讓人形象深入的部分，運(yùn)用濾鏡來(lái)提高圖片的比照度，用是非來(lái)出現(xiàn)最動(dòng)人心魄的細(xì)節(jié)，用巨細(xì)差異來(lái)出現(xiàn)不同，這些都是比照。
22. 照亮你的規(guī)劃
在規(guī)劃中發(fā)明戲曲抵觸，將代表不同心情的色彩注入規(guī)劃，用對(duì)立和抵觸來(lái)讓你的規(guī)劃令人無(wú)法忘記。
23. 隨身攜帶筆記本
不管你是在火車(chē)上，在作業(yè)仍是睡前，構(gòu)思會(huì)在任何時(shí)刻閃現(xiàn)出來(lái)，因而做好預(yù)備是很有必要的。在筆記本上用草圖記錄下你隨時(shí)閃現(xiàn)的主意，或許它就是你下一次重要規(guī)劃的中心思路。
24. 勇于試錯(cuò)
每個(gè)人都會(huì)犯錯(cuò)，而過(guò)錯(cuò)是獲取經(jīng)歷，學(xué)習(xí)并生長(zhǎng)的重要手法。如果你想將你的規(guī)劃推到極致，那么試錯(cuò)是不可避免的。
25. 技巧重要，但不是僅有
擺放好各種元素，選好文字，做好配色，保證比照度和留白，這些都是技巧。可是技巧不是僅有重要的作業(yè)，你還要勇于立異，適時(shí)地打破規(guī)矩，提出立異的思路。