每個人都是以新手的身份入行設計，沒有人天生就有很好的審美，它也必須像其他事物一樣得到訓練。每天看Dribbble上的設計作品可能是非常有幫助的，但很多時候你可能只是在欣賞設計，卻不明白為什麼。
沒有想法，只會用素材，不知道該設計什麼，所有這些都可能是你進步路上的阻力並給你帶來挫敗感。在今天的這篇文章中我將教你10個非常簡單的設計技巧，這些技巧不需要任何特殊的技能，只要用上就能大大提升你作品的設計感。
當然，這些不是公式定理，而是大多數情況下行之有效的技巧。
01
善用黑白
沒有想法？沒有好的配圖？那麼就只需要用到萬能的黑色和白色，就可以迅速獲得一個具有正確構圖的“抽象主義設計”。在作品中善用黑白將幫助你理解平衡、留白以及如何使用文字和幾何圖形。
讓我們快速看一個例子，黑白的運用對作品的展示簡單而有效，看起來就很高階。
02
保持畫面平衡
我喜歡用我自己發明的“東西”來測試我的設計，我稱之為“平衡方案”。這是一個黑白的內容塊方法，我會用簡單的幾何圖形來代替內容。
我的這個方法是讓黑色塊蓋住元素，然後計算左右的黑色面積，大致相等的話，就視為平衡。如果把這個原理應用到介面中，會得到這樣的結果：
用黑色矩形替代主要內容，灰色是次要內容。顯然你必須靠眼睛觀察，但其實我們也可以直接計算。左側區域的黑色矩形面積之和為（236x138）+（934x132）+（674x44）+（313x69） = 207109px，右邊的大矩形面積為（446x446） = 198916px。他們之間的差別很小，誤差只有3。9558%
我現在在設計之前不用去計算，經過多年的練習，這種意識就變成了自然而然的事情，因為你的眼睛會感覺到不平衡。
03
給作品增加背景
我在前面那個例子中是用了一個灰色的背景來展示設計作品，但其實可以嘗試不同的元素，這有助於增加畫面空間感和背景效果。
但要注意，在一個真實的網站中，頁面周圍可能沒有有這麼多多餘空間，所以這只是一個作品展示技巧。
在上面這個作品展示中，咖啡豆給人的感覺是有深度和有品質的。
04
使用規範字體大小
不用浪費時間整天去測試尺寸。我建議段落文字尺寸大約是14-18pt，副標題是24-36pt，標題可以用更大一些的字號（我個人是習慣用96-144pt）。Figma的預設大小非常適合排版。
上面的尺寸看起來太小，這也正常，因為你在手機上看到的圖，在電腦上全屏看就是正常的。
注意：有些字型比其他字型大或小得多。你應該使用像Roboto這樣的標準字型，如果字型大小跟14-18pt的Roboto差不多，那麼它是完美的正文字型。
段落18，導航24，標題96
一個比較快且行之有效學習規範的方法就是去截圖大廠的應用，網頁和APP都可以。然後，對著截圖直接量就好了，記住人家在做介面的時候，字型用多大，什麼顏色，間距，字號等等。記住這些引數，至少不容易出錯了。之後，在自己專案中自定義規範。
05
增加z軸
如果你有一些透明的圖片，可以利用它們來設計一些3D圖層。如果你沒有，你可以使用remove。bg ，網頁版AI自動摳圖，神器！
作為CSS中的Z-index，你可以將透明圖片放在其他專案的後面或前面，給人一種三維的錯覺。這對增強設計感來說，是非常有效的。
讓我們看看我使用這種技術的一個簡單設計。
鳥嘴巴從綠色背景中出界到黃色背景中，強化了整體的視覺衝擊力。
06
使用高階淺色
明亮的顏色很棒，但沒用好的話，往往會導致激進的設計和糟糕的畫面。此外，淺色設計（性冷淡設計）如今非常流行，所以讓我們開始嘗試顏色選擇器的一個新區域。
在這個紅框範圍內可以快速選到一些比較好的顏色
兩種配色都沒有啥問題，這是一個審美的問題，但如果你想要表達一些更高階的設計感覺，可以嘗試淺色。
07
打造呼吸感
在我看來，大的留白比太少的留白要好。雜亂滿檔的設計很糟糕， 呼吸感可以透過多種方式獲得：
讓背景大面積保持可見
善用間距，避免出現文字牆效果
使用不會引起太多關注的圖片
精簡文字，保留朗朗上口的短語
更大的留白（在上圖中指的是黑色區域）會顯得更加高階
08
加入噪點
通常當我們思考設計時，我們想到的是乾淨、流暢、清晰的概念。但太乾淨的畫面會讓人感到不真實，缺乏質感。
在設計中，噪點是一個很好的朋友，尤其是當你想給你的網站有一個優雅或藝術的外觀時。此外，應用一個微妙的噪點讓畫面能有一個電影級的外觀，這種處理手法非常適合用在影片和動態網站中。
你可以使用Photoshop在白色背景上建立2-4K大小的雜色-高斯分佈的紋理，然後將它放到頁面的最上層。
整個網頁中都增加了一些噪點，這讓畫面整體擁有更強的質感。（這裡噪點的效果比較微妙，小圖可能看不清，點看大圖可以看到噪點效果）
09
使用漂亮的字型
其實有很多設計的比較糟糕的字型，尤其是那些預裝在我們電腦上的字型。可以從網上找到很多優秀的第三方字型，但是要小心：很多字型都不是免費的，沒有授權就使用它們可能會給你帶來麻煩。不過，別擔心，可以從這個網站中找到很多免費的字型 https：//alternatype。net
有很多不同的字族和風格，但總的來說，我把它們分為三大類：
襯線字型
無襯線字型
正文字型
常用的襯線字型，如Abril Fatface， Playfair Display， Volux， Chalga等。
無襯線字型包括Metropolis、ITC Avant Garde、Redwing、Takota、Gotham。。。。
10
使用幾何圖形
這可能是最難使用的技巧，但如果使用正確，它定會大放光彩。
使用幾何圖形有助於加強概念和佈局中的順序，甚至不需要配圖。找到合適的幾何形狀是困難的，我至今仍然不能很好地掌握它。
一個好用的技巧是將文案中的字母、數字和標題作為幾何形狀：讓它們變得巨大而巧妙，或者使用一些特殊的字母作為形狀（A很管用）。（這個技巧非常實用，彩雲經常在一些視覺內容較少的頁面，用一個大的幾何圖形比如大寫的字母作為底部背景，用很淺的顏色，看起來視覺上就能更豐富了。）
文章來源：彩雲譯設計
作者：Lorenzo Doremi，版權歸原作者所有
譯者：彩雲譯Sky
版權宣告：“IXDC”所推送的文章，除非確實無法確認，我們都會註明作者和來源，本公眾號對轉載、分享的內容、陳述、觀點判斷保持中立，不對所包含內容的準確性、可靠性或完善性提供任何明示或暗示的保證，僅供讀者參考。部分文章推送時未能與原作者取得聯絡，若涉及內容或作品等版權問題，煩請原作者聯絡我們，給出內容所在的網址並提供相關證明資料，我們會核查後立即更正或者刪除有關內容！本公眾號不承擔任何責任，並擁有對此宣告的最終解釋權。
