在上周有讀者問了一個問題:如何才能成為一位優(yōu)秀的視覺設(shè)計師拴疤?
正如我在想著如何回答這個問題時,可以結(jié)合自己最近學(xué)習(xí)一門新語言談?wù)勔恍┫敕ǚ淇疲驗檫@和從零開始入門新語言的學(xué)習(xí)方式是一樣的延蟹。首先是從基礎(chǔ)知識開始,例如名詞、代詞和動詞等包斑,以它們?yōu)榛A(chǔ)進(jìn)行組合及相互作用會構(gòu)成很復(fù)雜的語句流礁。
語言作為彼此交流的一種方式,同理視覺設(shè)計也就是一種視覺語言罗丰,所以學(xué)習(xí)視覺語言和學(xué)習(xí)新語言的原理幾乎沒有區(qū)別神帅。
優(yōu)秀的視覺設(shè)計并不是與生俱來的,但是要想成為一名優(yōu)秀的視覺設(shè)計師萌抵,其必須要做到:嚴(yán)格要求找御。如果自己是有意識的去努力和改進(jìn),那么成為優(yōu)秀視覺設(shè)計師就更近一步绍填。
在這里我將會列出一些基本的設(shè)計原則霎桅,如果能夠花大量時間充分的吸收,將會在我們的視覺設(shè)計上提升到一個新的高度讨永。
1.回到最基本的字體設(shè)計
我們可以通過字體來了解很多基礎(chǔ)設(shè)計知識滔驶,因為字體是設(shè)計中最基礎(chǔ)的。
從字體庫中感受各自微妙的區(qū)別卿闹,來尋找合適字體來作為整個視覺設(shè)計的基本元素揭糕。為了選擇合適的字體設(shè)計,就不得不了解一些關(guān)于字體設(shè)計的基礎(chǔ)知識锻霎。
嘗試使用不同風(fēng)格的字體著角,理解行高、字間距和主體等專業(yè)詞匯旋恼,這篇文章能很好的幫你理解字體設(shè)計的相關(guān)知識:如何理解字體設(shè)計
如果我們的設(shè)計在網(wǎng)絡(luò)上使用吏口,那么就需要了解web的相關(guān)字體規(guī)范。
最后,如何合理的選擇字體锨侯,在這里可以找到很多資料:typewolf 嫩海、Font Pair
2.合理的使用空間
間距能幫助我們在設(shè)計時保證視覺水平和垂直的布局,另外在創(chuàng)建視覺層次結(jié)構(gòu)和元素之間的視覺焦點時起到很重要的作用囚痴。
我們可以在Behance和Dribbble上尋找感覺,學(xué)習(xí)其他設(shè)計師在處理不同元素時的空間關(guān)系變化深滚。但最重要的還是為了達(dá)到元素之間的視覺平衡奕谭,要努力提高對空間的敏感度。
在了解字體設(shè)計時痴荐,可以注意到字間距的重要性血柳。但合適的調(diào)整字間距和大小是需要長時間刻意練習(xí)的,這里我們可以嘗試網(wǎng)站:KERNTYPE?來保證字間距生兆、大小與實際打印之間的效果對比难捌。
這里有一個幫助訓(xùn)練視覺敏感度的簡單方法:利用現(xiàn)有的設(shè)計稿,繪制出X軸和y軸鸦难,將設(shè)計稿簡化為基本的形狀根吁,分析出視覺稿之間的元素的平衡關(guān)系并重新排列元素,然后重點關(guān)注留白區(qū)域的影響合蔽。
3.使用大小關(guān)系建立視覺層次
當(dāng)涉及到視覺層次時击敌,最有效的方法就是:調(diào)整元素大小。
網(wǎng)格對于大小很有用輔助作用拴事,通過使用網(wǎng)格的比例關(guān)系來調(diào)整元素大小沃斤,從而表達(dá)這種層級關(guān)系。還要注意的一點:確定了一個元素的大小刃宵,請在此后所有設(shè)計中保證大小一致衡瓶。
這里有方法可以提高視覺敏感度,而其關(guān)鍵在于反饋:提供草圖或線框圖牲证,然后請其他人幫忙查看鞍陨,并標(biāo)記出焦點元素,然后讓他們根據(jù)視覺權(quán)重對焦點元素進(jìn)行編號从隆,最后查看編號的結(jié)果是否符合設(shè)計預(yù)期诚撵。
做這個練習(xí)時,請注意一下幾點:
(1)此設(shè)計中需要表達(dá)的目標(biāo)是什么键闺?如何來優(yōu)化并達(dá)到目標(biāo)寿烟?
(2)設(shè)計中不同元素之間的關(guān)系是什么?哪些元素是需要強(qiáng)調(diào)的辛燥?
(3)排版布局是否能夠成功的引導(dǎo)用戶合理有效的瀏覽信息筛武?
4.合理使用顏色
顏色在設(shè)計中扮演很多的角色缝其,它可以準(zhǔn)確的傳達(dá)設(shè)計意義,并與用戶建立情感共鳴徘六,并使設(shè)計效果更加突出内边。
為了更加深入的了解,可以閱讀我之前的文章:顏色在設(shè)計中的應(yīng)用?
在這里引入幾個要點:
(1)在選擇調(diào)色板之前待锈,先確定設(shè)計目標(biāo)漠其,因為好的設(shè)計使用的顏色通常與其目標(biāo)一致;
(2)理解目標(biāo)受眾對于色彩的偏好竿音,根據(jù)不同的地區(qū)和屎、文化習(xí)俗、經(jīng)驗等都會產(chǎn)生偏差春瞬;
(3)選擇調(diào)色板時柴信,簡單是最基本的要求,不能太花哨宽气,例如選擇中性背景顏色随常,然后確定主色和強(qiáng)調(diào)色,最后根據(jù)不同的UI控件選擇錯誤和正確狀態(tài)的顏色提示萄涯。
當(dāng)對色彩理論有了基本理解之后绪氛,就會很容易運用到實際的設(shè)計和產(chǎn)品迭代中,這里需要積極跳出舒適區(qū)窃判,并嘗試使用新的調(diào)色板。
一個方法訓(xùn)練色彩靈敏度的方法:為我們周圍的事物花時間繪制調(diào)色板喇闸,例如:照片袄琳、雜志或者是最喜歡的電視節(jié)目。然后將新的調(diào)色板應(yīng)用到現(xiàn)有設(shè)計中去燃乍,然后仔細(xì)理解和感知它們會如何的影響情感和調(diào)性唆樊,這樣做會帶來什么效果。
把設(shè)計工作作為一種工藝刻蟹,因為它總是不斷完善的逗旁,并憑借著不斷自我完善的動力就能成就優(yōu)秀的視覺設(shè)計師。
以上就是我的回答舆瘪,謝謝片效!
作者:Jonathan Z. White
原文鏈接:Before you can master design, you must first master the fundamentals