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