視覺設計師需要懂的4個設計原理
把你的工作當作一門手藝,因為總有一些你能改進的東西??考钭约撼蔀橐粋€更好設計師。
上周,我的一位讀者發了一個問題:如何成為一個好的視覺設計師?
正如我在想如何回答這個問題一樣。最近我決定自學普通話。當談到學習新的語言時,你首先要從基礎知識開始。名詞、代詞和動詞的構成是傳達一個復雜想法的基礎。
語言是人們彼此交流方式的一種概念。視覺設計是一種視覺語言。學習視覺設計與學習一門新的語言沒有什么不同。
好的視覺設計師并不是天生的。他們是后天養成的。成為好的視覺設計師的關鍵是需要嚴謹的。如果你下意識地努力,你將會提升為視覺設計師。
這里有一些你應該掌握的基礎知識,可以把你的視覺設計提升到一個新的高度。
原理1:回歸基本類型
你可以通過查看他們的排版來告訴很多設計師。因為這個類型是設計的基礎。
你可以利用類型創建整個設計。也可以將類型設計作為基礎,從選擇的字體中獲取微妙的隊列。為了改進設計中的排版,首先要學習基礎知識。
開發描述類型的詞匯表。了解跟蹤,字距和領先意義等術語。文章?A Beautifully Illustrated Glossary Of Typographic Terms You Should Know是學習這些術語的一個很好的視覺資源。
然后,如果你想全面了解如何將排版應用于網絡,請看?Web Typography: The Elements?of?Typographic Style Applied to the Web。
Font pairing can make or break a?design
最后,學習如何配對字體。?FontWolf和?FontPair是個很大的資源。將字體配對可以大大改變設計的動態。
原理2:利用空間創造平衡
間距有助于在你的設計中建立垂直和水平運動。它是創建視覺層次和形成元素之間的關鍵因素。
Create balance and visual?harmony
你可以隨時查看Behance和?Dribbble等網站,了解如何使用空間元素。但主要的是利用空間開發自己的直覺來創造視覺的平衡和和諧。
學習排版時,你要注意到間距的重要性。調整字體間距是開發你的眼間距的很大鍛煉。因此,我建議你嘗試KernType這個游戲,這可以把你的字距調整解決方案與打字機的解決方案進行比較。
Simplification of award winning poster by Craig?Welsh
另一項有助于開發你的眼睛的練習如下:利用現有的設計,繪制x和y軸,將設計簡化為基本形狀,分析設計如何平衡,然后重新排列元素。密切關注負面空間如何影響元素的平衡。
原理3:使用大小建立視覺層次
當創建視覺層次結構時,規模是必須條件。通過利用大小來傳達元素之間的視覺關系,建立流程。
規?;蔷W格有可用性的原因之一。通過網格使元素的比例大小表達的更具有重要性。
一旦確定了一個元素的大小,請在其所有實例中保持相同。在設計上,一致性是王者。
Use size to establish visual hierarchy
這是一個有助于開發你眼睛大小的練習。
關鍵是要求反饋。
Sketch或wireframe的登錄頁面。然后讓朋友看看你的設計。讓他們圈出最多的元素。然后,讓他們根據視覺重量對圓圈的元素進行編號。結果是你預期的嗎?
做這個練習時,請注意以下幾點:
- 目標網頁的轉化目標是什么? 你如何優化以達到你的目標?
- 不同元素之間的關系是什么? 你想強調的是什么元素?
- 你的布局成功是否引導用戶瀏覽頁面?
原理4:利用顏色傳達意義
顏色扮演很多角色。它傳達意義,創造情感共鳴,并使設計統一。
Color helps convey meaning in?design
為深入了解色彩,你可以讀我的文章Designing in Color。以下是文章的幾個要點。
- 在選擇調色板之前確定你的設計目的。好的設計使其調色板與其目的相一致。
- 確定你的受眾人群。人們對顏色的看法不同。色彩根據人們的個人喜好、文化教養和經歷對人們產生不同的影響。
- 選擇調色板時,簡單化是關鍵。選擇中性背景顏色。然后選擇主要和次要重音顏色。最后根據你的其他顏色,為不同的用戶界面狀態選擇一個錯誤和成功的顏色。
一旦你對色彩理論的基礎知識有了很好的了解,顏色就會落到實驗和迭代之中。 積極嘗試突破您的舒適區,并嘗試新的調色板。
這是一個有助于開發你的眼睛顏色的練習。
花時間為你周圍的事物編制調色板,如照片,雜志和你最喜愛的節目。然后利用現有的設計并應用新的調色板。
注意到它是如何改變設計的語氣和基調。它的改變是否有意義?
把你的工作當作一門手藝,因為總有一些你能改進的東西??考钭约撼蔀橐粋€更好設計師。
原文作者:Jonathan Z. White
譯者:SKYUI
本文由 @SKYUI 翻譯發布于人人都是產品經理。未經許可,禁止轉載。
配圖完全看不懂。
配圖下有網站鏈接說明
翻譯的不太好……