每個人都是從初學者開始他的設計之旅的，你的審美眼光也要像其他事物一樣經過訓練。看 Dribbble 的設計可能是非常有幫助的，但有時候你只是欣賞設計，卻不明白為什么。

 

沒有靈感、沒有優(yōu)質的設計素材、不知道要設計什么，所有這些原因都可能會拖慢你的速度，讓你感到沮喪。所以現(xiàn)在我將和你分享 10 個極其簡單的設計技巧，幫你改善你的設計作品，而且不需要額外學習新的技能哦。

 

請記住，我提供的不是必修遵守的規(guī)則，而是大多數時候都有效的技巧。

 

1）把你的設計作品去色。

如果你沒有好的想法或優(yōu)質的設計素材，那么你可以把你的作品去色。你可以通過正確的構圖獲得野獸派的設計。這么做有助于你理解平衡、留白，以及如何使用文字和幾何圖形。

 

讓我們來看一個案例：

 

2）用“平衡方案”測試你的畫面。

我自己發(fā)明了一套測試畫面的方法：用簡單的幾何圖形代表畫面中內容，然后通過比較頁面中色塊的面積來確定頁面是否平衡。當你在自己的作品中使用這個方法時，會得到下圖這樣的效果。

 

 

通常你需要通過視覺進行判斷，但這里我們可以做一些簡單的計算幫助理解：

 

左邊區(qū)域的黑色矩形加起來約為：

(236 * 138 ) + (934 * 132 ) + ( 313 * 69 ) + (674 * 44) = 207109 PX

 

而右邊的大長方形數約為：

446×446=198916PX

 

他們只是相差了一點點 3.9558%。

 

注意：圓形比長方形小，但由于相當銳利和細致，使它更吸引人的注意。

我在設計之前沒有計算過。經過多年的練習，這只是成為自動的，因為你的眼睛會感覺到錯誤的平衡。

 

3）用背景來呈現(xiàn)設計。

我之前帶來的例子是在灰色背景上呈現(xiàn)的，但你可以嘗試不同的東西。這有助于為你的設計創(chuàng)造一些景深。但要注意，在一個真正的網站中，你不會有那么多額外的空間，所以這只是一個展示技巧!

 

4）使用推薦的字體大小。

不要再整天浪費時間去實驗字體大小。一般情況下以下字體大小是合適的：段落使用 14-18 pt 左右，副標題使用 24-36 pt，標題使用 96-144 pt 左右。Figma 的默認大小對于排版來說是相當不錯的。雖然它們看起來會很小，但這是正常的。

 

有些字體相對于其他字體會偏大或者偏小，所以你應該以標準字體為基礎。比如 Roboto：如果字體大小接近 14-18 pt 的 Roboto，那就非常適合用于段落。

 

 

5）擁抱 Z 軸。

如果你有一些具有透明區(qū)域的圖片，你可以利用它們來創(chuàng)建一些分層。

 

在網頁開發(fā)中，CSS 代碼有一個 Z-index 的參數，可以用來把圖像帶到其他項目的后面或前面，給人一種立體的錯覺。

 

讓我們看看我的一個簡單的設計，其中就利用了這種技巧。

 

 

6）開始使用柔和的顏色。

鮮艷的色彩雖然美好，但往往會導致畫面過于刺激?，F(xiàn)在非常流行在設計中使用更加柔和的色彩，你可以在下圖拾色器中紅色標記區(qū)域內選取更柔和的顏色。

 

 

7）讓畫面有呼吸感。

在我看來，多一些留白要比沒有留白更好。雜亂無章的設計就通常都很糟。你可以通過以下方式獲得呼吸感。

 

1、保持大量的背景可見。

2、用間距避免文字墻效果。

3、使用不會吸引太多注意力的圖片。

4、精煉你的文字。

 

 

 

8）在設計中使用噪點。

通常當我們想到設計的時候，我們會想到干凈、流暢、清晰等概念。但完美就存在于缺陷之中。

 

在你的設計中，當你想給自己的網站一個優(yōu)雅或藝術的外觀，噪點是一個強有力的朋友。

 

此外，應用微妙的噪點讓你的構圖看起來像電影一樣，這對視頻和動態(tài)網站來說效果非常好。

 

你可以通過使用 Photoshop，在白色背景上創(chuàng)建一個 2-4 K 的高斯模糊，然后將其應用在你的畫板上，從而獲得一些噪點紋理。

 

 

9）開始尋找更好的字體。

我們電腦上預裝的字體通常都不是很好的選擇。要想找到更好的字體，可以開始上網沖浪或看 youtube 視頻，了解精彩的字體和字庫。

 

但要注意：很多字體都不是免費的，在沒有授權的情況下使用它們可能會給你帶來麻煩。不過不用擔心，大多數的字體都有免費版本!

 

雖然有大量不同的字體和風格，但一般來說，我把它們分為三大類。

 

1、古典字體

2、現(xiàn)代字體

3、正文字體

 

通常情況下，前兩種也可以用在正文中，只是字體的設計者希望你把它們當作標題來使用。

 

古典字體包括Abril Fatface、Playfair Display、Volux、Chalga和許多其他字體。

現(xiàn)代字體包括Metropolis, ITC Avant Garde, Redwing, Takota, Gotham....

 

 

10）利用幾何圖形。

這可能是最難利用的技巧，但如果應用得當，畫面會非常有沖擊力。

 

利用幾何圖形有助于強化布局中的概念和秩序，甚至不需要使用額外的圖像。找到合適的幾何圖形是很難的。目前我還是不能很好地掌握它。

 

但是有一個訣竅是，把你的文案中的字母、數字和標題當作幾何圖形：把它們做成巨大但微妙的形狀，或者用一些特定的字母作為形狀（字母 A 就很好用）。