在上周有讀者問了一個問題:如何才能成為一位優秀的視覺設計師?
正如我在想著如何回答這個問題時,可以結合自己最近學習一門新語言談談一些想法,因為這和從零開始入門新語言的學習方式是一樣的。首先是從基礎知識開始,例如名詞、代詞和動詞等,以它們為基礎進行組合及相互作用會構成很復雜的語句。
語言作為彼此交流的一種方式,同理視覺設計也就是一種視覺語言,所以學習視覺語言和學習新語言的原理幾乎沒有區別。
優秀的視覺設計并不是與生俱來的,但是要想成為一名優秀的視覺設計師,其必須要做到:嚴格要求。如果自己是有意識的去努力和改進,那么成為優秀視覺設計師就更近一步。
在這里我將會列出一些基本的設計原則,如果能夠花大量時間充分的吸收,將會在我們的視覺設計上提升到一個新的高度。
1.回到最基本的字體設計
我們可以通過字體來了解很多基礎設計知識,因為字體是設計中最基礎的。
從字體庫中感受各自微妙的區別,來尋找合適字體來作為整個視覺設計的基本元素。為了選擇合適的字體設計,就不得不了解一些關于字體設計的基礎知識。
嘗試使用不同風格的字體,理解行高、字間距和主體等專業詞匯,這篇文章能很好的幫你理解字體設計的相關知識:如何理解字體設計
如果我們的設計在網絡上使用,那么就需要了解web的相關字體規范。
最后,如何合理的選擇字體,在這里可以找到很多資料:typewolf 、Font Pair
2.合理的使用空間
間距能幫助我們在設計時保證視覺水平和垂直的布局,另外在創建視覺層次結構和元素之間的視覺焦點時起到很重要的作用。
我們可以在Behance和Dribbble上尋找感覺,學習其他設計師在處理不同元素時的空間關系變化。但最重要的還是為了達到元素之間的視覺平衡,要努力提高對空間的敏感度。
在了解字體設計時,可以注意到字間距的重要性。但合適的調整字間距和大小是需要長時間刻意練習的,這里我們可以嘗試網站:KERNTYPE?來保證字間距、大小與實際打印之間的效果對比。
這里有一個幫助訓練視覺敏感度的簡單方法:利用現有的設計稿,繪制出X軸和y軸,將設計稿簡化為基本的形狀,分析出視覺稿之間的元素的平衡關系并重新排列元素,然后重點關注留白區域的影響。
3.使用大小關系建立視覺層次
當涉及到視覺層次時,最有效的方法就是:調整元素大小。
網格對于大小很有用輔助作用,通過使用網格的比例關系來調整元素大小,從而表達這種層級關系。還要注意的一點:確定了一個元素的大小,請在此后所有設計中保證大小一致。
這里有方法可以提高視覺敏感度,而其關鍵在于反饋:提供草圖或線框圖,然后請其他人幫忙查看,并標記出焦點元素,然后讓他們根據視覺權重對焦點元素進行編號,最后查看編號的結果是否符合設計預期。
做這個練習時,請注意一下幾點:
(1)此設計中需要表達的目標是什么?如何來優化并達到目標?
(2)設計中不同元素之間的關系是什么?哪些元素是需要強調的?
(3)排版布局是否能夠成功的引導用戶合理有效的瀏覽信息?
4.合理使用顏色
顏色在設計中扮演很多的角色,它可以準確的傳達設計意義,并與用戶建立情感共鳴,并使設計效果更加突出。
為了更加深入的了解,可以閱讀我之前的文章:顏色在設計中的應用?
在這里引入幾個要點:
(1)在選擇調色板之前,先確定設計目標,因為好的設計使用的顏色通常與其目標一致;
(2)理解目標受眾對于色彩的偏好,根據不同的地區、文化習俗、經驗等都會產生偏差;
(3)選擇調色板時,簡單是最基本的要求,不能太花哨,例如選擇中性背景顏色,然后確定主色和強調色,最后根據不同的UI控件選擇錯誤和正確狀態的顏色提示。
當對色彩理論有了基本理解之后,就會很容易運用到實際的設計和產品迭代中,這里需要積極跳出舒適區,并嘗試使用新的調色板。
一個方法訓練色彩靈敏度的方法:為我們周圍的事物花時間繪制調色板,例如:照片、雜志或者是最喜歡的電視節目。然后將新的調色板應用到現有設計中去,然后仔細理解和感知它們會如何的影響情感和調性,這樣做會帶來什么效果。
把設計工作作為一種工藝,因為它總是不斷完善的,并憑借著不斷自我完善的動力就能成就優秀的視覺設計師。
以上就是我的回答,謝謝!
作者:Jonathan Z. White
原文鏈接:Before you can master design, you must first master the fundamentals