原文 Before you can master design, you must first master the fundamentals
這篇文章讓我有我茅塞頓開之感,終于知道該從何練習基本的視覺設計。并不是會用sketch,ps就能自稱設計師的。就像學一門語言要先從基礎的名詞動詞和語法學起。學習設計,也要從基礎入手。所以簡略記錄文中講到的重點和方法,從基礎開始補起,希望自己的設計能力能有所提升。
1 學習基礎的字體和排版
你可以僅用排版和字體進行一個很好的設計。
學習字體相關的知識,知道tracking, kerning, leading這些詞的意思。
這篇文章就提供了很好的解釋
https://designschool.canva.com/blog/typography-terms/
然后,如果你想運用字體排版知識到web上,再看看這里
https://webtypography.net/toc/
最后,學習怎么搭配不同的字體。
FontWolf
FontPair
2 學會用留白制造平衡
留白會在你的設計中建立橫向和縱向的律動感。制造視覺上的等級,在元素之間建立連接是非常重要的。
可以經??纯?Behance和dribbble來找尋靈感。但訓練你自己的運用空間制造平衡和視覺層次的直覺更加重要。
在學習排版的時候,你應該已經注意到了空白在字體中的重要性。調整kerning和leading是很好的練習,練習用你的眼睛測量空間距離。
所以,我建議你試試 KernType,這是一個小游戲,你可以比較你自己的kerning和字體設計師的kerning有什么不同。
另外一個練習眼睛的方法是:找一個別人的設計,畫x軸和y軸,將這個設計簡化為基本的形狀,分析這個設計是如何平衡的,然后重排元素。要非常注意負空間是如何影響設計的。如下圖所示:
3 用大小來建立視覺層級
元素大小應該是最直觀的建立視覺層級關系的方法。這也是為什么網格是非常有用的。你可以利用網格來設計不同大小元素的比例。
當你確定了某個元素的大小,記住要始終保持一致。一致性在設計中的重要性如何強調都不為過。
下面介紹一個針對size的練習:
用線框圖畫一個landing page。然后找朋友來看你的設計,讓他們圈出來設計中最突出的元素。然后,讓他們為這些圈出來的元素根據視覺比重標上序號。看看和你預期的是否一致?
當做這個練習的時候,時刻問自己:
- 這個頁面的轉化目標是什么?如何優化?
- 不同元素之間的關系是什么?你想強調哪些元素?
- 你的設計是否成功的引導了用戶的瀏覽頁面的順序?
4 用顏色傳達意義
你可以讀讀 designing in color這篇文章。
文中要點如下:
- 選顏色方案之前先明確設計目的。好的設計會選擇與目的契合的顏色方案。
- 知道你的受眾。不同的人對顏色有不同的感覺。來自不同文化,不同背景的人對顏色的感知也不一樣。
- 選擇顏色的時候,注重簡約。選擇一個中性色作為背景。然后選一個主要強調色,和一個次要強調色。最后基于你選擇的顏色,再確定一個表示“操作成功”和“操作失敗”的顏色。
一旦你對基本的顏色理論有了了解,下面就依靠不斷地實驗和調整了。多試試你不怎么常用的顏色來走出舒適區。
下面是針對顏色的一個小練習:
從一些攝影作品或者雜志上提取一組顏色,然后應用在已有的設計上,看看這組新的顏色會如何改變這個設計,記錄設計的氛圍,感覺是如何被改變的。