上周，我的一位讀者發(fā)了一個(gè)問(wèn)題：如何成為一個(gè)好的視覺(jué)設(shè)計(jì)師曼验？
正如我在想如何回答這個(gè)問(wèn)題一樣。最近我決定自學(xué)普通話粘姜。當(dāng)談到學(xué)習(xí)新的語(yǔ)言時(shí)蚣驼，你首先要從基礎(chǔ)知識(shí)開(kāi)始。名詞相艇、代詞和動(dòng)詞的構(gòu)成是傳達(dá)一個(gè)復(fù)雜想法的基礎(chǔ)颖杏。
語(yǔ)言是人們彼此交流方式的一種概念。視覺(jué)設(shè)計(jì)是一種視覺(jué)語(yǔ)言坛芽。學(xué)習(xí)視覺(jué)設(shè)計(jì)與學(xué)習(xí)一門新的語(yǔ)言沒(méi)有什么不同留储。
好的視覺(jué)設(shè)計(jì)師并不是天生的。他們是后天養(yǎng)成的咙轩。成為好的視覺(jué)設(shè)計(jì)師的關(guān)鍵是需要嚴(yán)謹(jǐn)?shù)幕窕洹Ｈ绻阆乱庾R(shí)地努力，你將會(huì)提升為視覺(jué)設(shè)計(jì)師活喊。
這里有一些你應(yīng)該掌握的基礎(chǔ)知識(shí)丐膝，可以把你的視覺(jué)設(shè)計(jì)提升到一個(gè)新的高度。
原理?1：回歸基本類型
你可以通過(guò)查看他們的排版來(lái)告訴很多設(shè)計(jì)師。因?yàn)檫@個(gè)類型是設(shè)計(jì)的基礎(chǔ)帅矗。
你可以利用類型創(chuàng)建整個(gè)設(shè)計(jì)偎肃。也可以將類型設(shè)計(jì)作為基礎(chǔ)，從選擇的字體中獲取微妙的隊(duì)列浑此。為了改進(jìn)設(shè)計(jì)中的排版累颂，首先要學(xué)習(xí)基礎(chǔ)知識(shí)。
開(kāi)發(fā)描述類型的詞匯表凛俱。了解跟蹤紊馏，字距和領(lǐng)先意義等術(shù)語(yǔ)。文章A Beautifully Illustrated Glossary Of Typographic Terms You Should Know是學(xué)習(xí)這些術(shù)語(yǔ)的一個(gè)很好的視覺(jué)資源蒲犬。
然后朱监，如果你想全面了解如何將排版應(yīng)用于網(wǎng)絡(luò)，請(qǐng)看Web Typography: The ElementsofTypographic Style Applied to the Web原叮。
最后赫编，學(xué)習(xí)如何配對(duì)字體。FontWolf和FontPair是個(gè)很大的資源篇裁。將字體配對(duì)可以大大改變?cè)O(shè)計(jì)的動(dòng)態(tài)沛慢。
原理?2：利用空間創(chuàng)造平衡
間距有助于在你的設(shè)計(jì)中建立垂直和水平運(yùn)動(dòng)。它是創(chuàng)建視覺(jué)層次和形成元素之間的關(guān)鍵因素达布。
你可以隨時(shí)查看Behance和Dribbble等網(wǎng)站团甲，了解如何使用空間元素。但主要的是利用空間開(kāi)發(fā)自己的直覺(jué)來(lái)創(chuàng)造視覺(jué)的平衡和和諧黍聂。
學(xué)習(xí)排版時(shí)躺苦，你要注意到間距的重要性。調(diào)整字體間距是開(kāi)發(fā)你的眼間距的很大鍛煉产还。因此匹厘，我建議你嘗試KernType這個(gè)游戲，這可以把你的字距調(diào)整解決方案與打字機(jī)的解決方案進(jìn)行比較脐区。
另一項(xiàng)有助于開(kāi)發(fā)你的眼睛的練習(xí)如下：利用現(xiàn)有的設(shè)計(jì)愈诚，繪制x和y軸，將設(shè)計(jì)簡(jiǎn)化為基本形狀牛隅，分析設(shè)計(jì)如何平衡炕柔，然后重新排列元素。密切關(guān)注負(fù)面空間如何影響元素的平衡媒佣。
原理 3：使用大小建立視覺(jué)層次
當(dāng)創(chuàng)建視覺(jué)層次結(jié)構(gòu)時(shí)匕累，規(guī)模是必須條件。通過(guò)利用大小來(lái)傳達(dá)元素之間的視覺(jué)關(guān)系默伍，建立流程欢嘿。
規(guī)模化是網(wǎng)格有可用性的原因之一炼蹦。通過(guò)網(wǎng)格使元素的比例大小表達(dá)的更具有重要性羡宙。
一旦確定了一個(gè)元素的大小，請(qǐng)?jiān)谄渌袑?shí)例中保持相同框弛。在設(shè)計(jì)上辛辨，一致性是王者捕捂。
這是一個(gè)有助于開(kāi)發(fā)你眼睛大小的練習(xí)瑟枫。
關(guān)鍵是要求反饋。
Sketch或wireframe的登錄頁(yè)面指攒。然后讓朋友看看你的設(shè)計(jì)慷妙。讓他們?nèi)Τ鲎疃嗟脑亍Ｈ缓笤试茫屗麄兏鶕?jù)視覺(jué)重量對(duì)圓圈的元素進(jìn)行編號(hào)膝擂。結(jié)果是你預(yù)期的嗎？
做這個(gè)練習(xí)時(shí)隙弛，請(qǐng)注意以下幾點(diǎn)：
1. 目標(biāo)網(wǎng)頁(yè)的轉(zhuǎn)化目標(biāo)是什么架馋？你如何優(yōu)化以達(dá)到你的目標(biāo)？
2. 不同元素之間的關(guān)系是什么全闷？ 你想強(qiáng)調(diào)的是什么元素叉寂？
3. 你的布局成功是否引導(dǎo)用戶瀏覽頁(yè)面？
原理?4：利用顏色傳達(dá)意義
顏色扮演很多角色总珠。它傳達(dá)意義屏鳍，創(chuàng)造情感共鳴，并使設(shè)計(jì)統(tǒng)一局服。
為深入了解色彩钓瞭，你可以讀我的文章Designing in Color（https://medium.freecodecamp.com/designing-in-color-abd358660a7b）。以下是文章的幾個(gè)要點(diǎn)淫奔。
1. 在選擇調(diào)色板之前確定你的設(shè)計(jì)目的山涡。好的設(shè)計(jì)使其調(diào)色板與其目的相一致。
2. 確定你的受眾人群唆迁。人們對(duì)顏色的看法不同鸭丛。色彩根據(jù)人們的個(gè)人喜好、文化教養(yǎng)和經(jīng)歷對(duì)人們產(chǎn)生不同的影響媒惕。
3.?選擇調(diào)色板時(shí)系吩，簡(jiǎn)單化是關(guān)鍵。選擇中性背景顏色妒蔚。然后選擇主要和次要重音顏色穿挨。最后根據(jù)你的其他顏色月弛，為不同的用戶界面狀態(tài)選擇一個(gè)錯(cuò)誤和成功的顏色。
一旦你對(duì)色彩理論的基礎(chǔ)知識(shí)有了很好的了解科盛，顏色就會(huì)落到實(shí)驗(yàn)和迭代之中帽衙。積極嘗試突破您的舒適區(qū)，并嘗試新的調(diào)色板贞绵。
這是一個(gè)有助于開(kāi)發(fā)你的眼睛顏色的練習(xí)厉萝。
花時(shí)間為你周圍的事物編制調(diào)色板，如照片榨崩，雜志和你最喜愛(ài)的節(jié)目谴垫。然后利用現(xiàn)有的設(shè)計(jì)并應(yīng)用新的調(diào)色板。
注意到它是如何改變?cè)O(shè)計(jì)的語(yǔ)氣和基調(diào)母蛛。它的改變是否有意義翩剪？
把你的工作當(dāng)作一門手藝，因?yàn)榭傆幸恍┠隳芨倪M(jìn)的東西彩郊∏巴洌靠激勵(lì)自己成為一個(gè)更好設(shè)計(jì)師。
原文地址：https://medium.freecodecamp.com/before-you-can-master-design-you-must-first-master-the-fundamentals-1981a2af1fda
原文作者：Jonathan Z. White
譯者：SKYUI
”歡迎關(guān)注SKYUI官方微博“SKYUIHOME”
官方微信公眾賬號(hào)“SKYUIUX
