視覺設計師需要懂的4個設計原理

3 評論 25779 瀏覽 99 收藏 8 分鐘

把你的工作當作一門手藝,因為總有一些你能改進的東西??考钭约撼蔀橐粋€更好設計師。

上周,我的一位讀者發了一個問題:如何成為一個好的視覺設計師?

正如我在想如何回答這個問題一樣。最近我決定自學普通話。當談到學習新的語言時,你首先要從基礎知識開始。名詞、代詞和動詞的構成是傳達一個復雜想法的基礎。

語言是人們彼此交流方式的一種概念。視覺設計是一種視覺語言。學習視覺設計與學習一門新的語言沒有什么不同。

好的視覺設計師并不是天生的。他們是后天養成的。成為好的視覺設計師的關鍵是需要嚴謹的。如果你下意識地努力,你將會提升為視覺設計師。

這里有一些你應該掌握的基礎知識,可以把你的視覺設計提升到一個新的高度。

原理1:回歸基本類型

你可以通過查看他們的排版來告訴很多設計師。因為這個類型是設計的基礎。

Type as?imagery

你可以利用類型創建整個設計。也可以將類型設計作為基礎,從選擇的字體中獲取微妙的隊列。為了改進設計中的排版,首先要學習基礎知識。

開發描述類型的詞匯表。了解跟蹤,字距和領先意義等術語。文章?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。以下是文章的幾個要點。

  • 在選擇調色板之前確定你的設計目的。好的設計使其調色板與其目的相一致。
  • 確定你的受眾人群。人們對顏色的看法不同。色彩根據人們的個人喜好、文化教養和經歷對人們產生不同的影響。
  • 選擇調色板時,簡單化是關鍵。選擇中性背景顏色。然后選擇主要和次要重音顏色。最后根據你的其他顏色,為不同的用戶界面狀態選擇一個錯誤和成功的顏色。

一旦你對色彩理論的基礎知識有了很好的了解,顏色就會落到實驗和迭代之中。 積極嘗試突破您的舒適區,并嘗試新的調色板。

這是一個有助于開發你的眼睛顏色的練習。

花時間為你周圍的事物編制調色板,如照片,雜志和你最喜愛的節目。然后利用現有的設計并應用新的調色板。

注意到它是如何改變設計的語氣和基調。它的改變是否有意義?

把你的工作當作一門手藝,因為總有一些你能改進的東西??考钭约撼蔀橐粋€更好設計師。

 

原文地址:https://medium.freecodecamp.com/before-you-can-master-design-you-must-first-master-the-fundamentals-1981a2af1fda

原文作者:Jonathan Z. White

譯者:SKYUI

本文由 @SKYUI 翻譯發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 配圖完全看不懂。

    來自廣東 回復
    1. 配圖下有網站鏈接說明

      來自陜西 回復
  2. 翻譯的不太好……

    回復