上周轻黑,我的一位讀者提出了一個(gè)問(wèn)題:我如何成為一名更好的視覺(jué)設(shè)計(jì)師糊肤?
當(dāng)我在思考如何回答這個(gè)問(wèn)題時(shí),我的思緒依賴(lài)于我學(xué)習(xí)普通話(huà)的經(jīng)驗(yàn)氓鄙。 最近馆揉,我決定自學(xué)普通話(huà)。 在學(xué)習(xí)新語(yǔ)言時(shí)抖拦,首先必須從基礎(chǔ)知識(shí)開(kāi)始升酣。 名詞,代詞和動(dòng)詞構(gòu)成了傳達(dá)更復(fù)雜思想的基礎(chǔ)态罪。
語(yǔ)言是人們將概念相互交流的一種方式噩茄。 視覺(jué)設(shè)計(jì)是一種視覺(jué)語(yǔ)言。 學(xué)習(xí)視覺(jué)設(shè)計(jì)與學(xué)習(xí)新語(yǔ)言沒(méi)有什么不同向臀。
良好的視覺(jué)設(shè)計(jì)并非誕生巢墅。 它們是制造的。 成為更好的視覺(jué)設(shè)計(jì)師的關(guān)鍵是嚴(yán)謹(jǐn)。 如果您有意識(shí)地努力君纫,您將只會(huì)作為視覺(jué)設(shè)計(jì)師進(jìn)行改進(jìn)驯遇。
以下是您應(yīng)該掌握的一些基礎(chǔ)知識(shí),以便您將視覺(jué)設(shè)計(jì)提升到新的水平蓄髓。
基礎(chǔ)#1:回到類(lèi)型的基礎(chǔ)知識(shí)
您可以通過(guò)查看排版來(lái)了解設(shè)計(jì)師叉庐。 這是因?yàn)轭?lèi)型是設(shè)計(jì)的基礎(chǔ)。
您只需輸入類(lèi)型即可創(chuàng)建整個(gè)設(shè)計(jì)会喝。 您還可以基于類(lèi)型設(shè)計(jì)基礎(chǔ)陡叠,從您選擇的字體中獲取微妙的隊(duì)列。 為了改善設(shè)計(jì)中的排版肢执,首先要學(xué)習(xí)基礎(chǔ)知識(shí)枉阵。
開(kāi)發(fā)用于描述類(lèi)型的詞匯表。 了解跟蹤预茄,字距調(diào)整和主要方法等術(shù)語(yǔ)兴溜。 您應(yīng)該知道的印刷術(shù)語(yǔ)的精美插圖詞匯是學(xué)習(xí)這些術(shù)語(yǔ)的絕佳視覺(jué)資源。
然后耻陕,如果您想全面了解如何將排版應(yīng)用于Web拙徽,請(qǐng)閱讀Web排版:應(yīng)用于Web的排版樣式元素。
最后诗宣,學(xué)習(xí)如何將字體組合在一起膘怕。 FontWolf和FontPair是一個(gè)很好的資源。 能夠?qū)⒆煮w配對(duì)在一起將極大地改變您的設(shè)計(jì)動(dòng)態(tài)召庞。
為了更深入地探索排版岛心,你可以閱讀我的文章:排版可以使你的設(shè)計(jì)...或打破它。
基本原則#2:利用空間創(chuàng)造平衡
間距有助于在您的設(shè)計(jì)中建立垂直和水平運(yùn)動(dòng)裁眯。 它對(duì)于創(chuàng)建視覺(jué)層次結(jié)構(gòu)和形成元素之間的關(guān)聯(lián)至關(guān)重要鹉梨。
您可以隨時(shí)查看Behance和Dribbble等網(wǎng)站讳癌,了解如何使用空間元素穿稳。 但是,發(fā)展自己的直覺(jué)來(lái)利用空間來(lái)創(chuàng)造平衡和視覺(jué)和諧非常重要晌坤。
在學(xué)習(xí)排版時(shí)逢艘,您可能已經(jīng)注意到間距類(lèi)型的重要性。 調(diào)整字距和字體前導(dǎo)是一種很好的練習(xí)方式骤菠,可以培養(yǎng)你的間距它改。 因此,我建議您嘗試使用KernType商乎,這是一款將您的字距調(diào)整解決方案與印刷工作者解決方案進(jìn)行比較的游戲央拖。
另一項(xiàng)有助于培養(yǎng)您眼睛的練習(xí)如下:采用現(xiàn)有設(shè)計(jì),繪制x和y軸,將設(shè)計(jì)簡(jiǎn)化為基本形狀鲜戒,分析設(shè)計(jì)如何平衡专控,然后重新排列元素。 密切關(guān)注負(fù)空間如何影響元素的平衡遏餐。
基本#3:使用大小來(lái)建立視覺(jué)層次結(jié)構(gòu)
在創(chuàng)建視覺(jué)層次結(jié)構(gòu)時(shí)伦腐,大小調(diào)整是首屈一指的。 通過(guò)使用大小來(lái)傳達(dá)元素之間的視覺(jué)關(guān)系失都,您可以建立流程柏蘑。
大小調(diào)整是網(wǎng)格有用的原因之一。 您可以使用網(wǎng)格來(lái)幫助您使用比率來(lái)調(diào)整元素的大小以表達(dá)重要性粹庞。
確定元素的大小后咳焚,在所有實(shí)例中保持相同。 在設(shè)計(jì)中庞溜,一致性是王道黔攒。
這是一個(gè)練習(xí),有助于培養(yǎng)你的尺寸强缘。
關(guān)鍵是要求反饋督惰。
草繪或線框化著陸頁(yè)。 然后請(qǐng)朋友看看你的設(shè)計(jì)旅掂。 讓他們?nèi)Τ鲎钔怀龅脑亍?然后赏胚,讓他們根據(jù)視覺(jué)重量對(duì)帶圓圈的元素進(jìn)行編號(hào)。 結(jié)果是你所期望的嗎商虐?
在進(jìn)行此練習(xí)時(shí)觉阅,請(qǐng)記住以下問(wèn)題:
目標(biāo)網(wǎng)頁(yè)的轉(zhuǎn)化目標(biāo)是什么? 您如何優(yōu)化以實(shí)現(xiàn)目標(biāo)秘车?
不同元素之間有什么關(guān)系典勇? 你想強(qiáng)調(diào)哪些元素?
您的布局是否成功引導(dǎo)用戶(hù)注意整個(gè)頁(yè)面叮趴?
基本#4:用顏色來(lái)表達(dá)意義
顏色扮演很多角色割笙。 它傳達(dá)意義,創(chuàng)造情感共鳴眯亦,并為設(shè)計(jì)帶來(lái)統(tǒng)一伤溉。
要深入了解顏色,您可以閱讀我的文章Designing in Color妻率。 以下是文章中的幾個(gè)要點(diǎn)乱顾。
在選擇調(diào)色板之前確定設(shè)計(jì)的目的咸灿。 良好的設(shè)計(jì)使其調(diào)色板與其目的一致逐虚。
確定您的受眾群體休玩。 人們對(duì)顏色的看法不同。 顏色根據(jù)個(gè)人偏好烫扼,文化教養(yǎng)和經(jīng)歷對(duì)人們產(chǎn)生不同的影響姻政。
選擇調(diào)色板時(shí)浩考,簡(jiǎn)潔是關(guān)鍵廊移。 選擇中性背景顏色。 然后選擇主要和次要強(qiáng)調(diào)色舵鳞。 最后根據(jù)您的其他顏色震檩,為您的不同UI狀態(tài)選擇錯(cuò)誤和成功顏色。
一旦掌握了色彩理論的基礎(chǔ)知識(shí)蜓堕,色彩就會(huì)歸結(jié)為實(shí)驗(yàn)和迭代抛虏。 積極嘗試突破您的舒適區(qū)并嘗試新的調(diào)色板。
這是一個(gè)有助于培養(yǎng)你的色彩的練習(xí)套才。
花時(shí)間為你周?chē)氖挛锞庉嬚{(diào)色板迂猴,比如照片,雜志和你最喜歡的節(jié)目背伴。 然后采用現(xiàn)有設(shè)計(jì)并為其應(yīng)用新的調(diào)色板沸毁。
注意它如何改變?cè)O(shè)計(jì)的情緒和基調(diào)。 它也改變了意義嗎傻寂?
把你的工作視為一種工藝息尺,因?yàn)榭傆幸恍〇|西你可以改進(jìn)。 依靠自己成為成為更好的設(shè)計(jì)師的動(dòng)力疾掰。
您可以在我每周發(fā)布的簡(jiǎn)書(shū)中找到我搂誉。 或者你可以在微博上關(guān)注我,在那里我發(fā)布關(guān)于設(shè)計(jì)静檬,前端開(kāi)發(fā)和虛擬現(xiàn)實(shí)的非感性翻譯炭懊。
附: 如果您喜歡這篇文章,請(qǐng)您點(diǎn)擊并與朋友分享拂檩。