沒有主意嗎？沒有好的圖像？那就黑白相間。你就可以獲得具有正確構圖的野獸派設計。這可以幫助你了解平衡空白以及如何使用文本和幾何形狀。
02、創建一個“平衡方案”。
我喜歡使用我可能發明的“事物”來測試我的設計。我稱其為“平衡方案”，它是概念的黑白版本，其中，我使用簡單的幾何圖形代替內容。
03、設計背景
我之前介紹的示例以灰色背景顯示，但你可以嘗試其他操作。這有助于你的設計創建一些深度和上下文。
04、使用尺寸指南。
你不必浪費一整天的時間來設計測量尺寸。只要最后，你的段落文本將在14–18pt左右即可，你的小標題需要大一些，可以為24–36pt之間，并且你的大標題還要更大一點，我個人為它們可以使用96-144pt。而Figma的默認大小非常適合排版。
05、使用Z-Index，分層設計
如果你有一些具有透明性的圖像，則可以利用它們來創建一些分層。如果沒有，則可以使用remove.bg
作為CSS中的Z-index，n可以將圖像置于其他項目的前面或后面，從而產生三維感。這是非常有效的。
06、嘗試使用柔和的顏色
鮮艷的色彩很棒，但常常導致激進的設計和糟糕的組合。此外，如今柔和的設計非常流行，因此，我們可以多嘗試使用柔和的顏色選擇器。
07、使用空白設計
在我看來，空白多比空白少要好。雜亂無章的設計真的很糟。不過，你可以通過多種方式獲得：
保持大背景圖可見。
避免帶有間隔的文本墻。
不要使用不會吸引太多注意力的圖像。
減少文本的內容，并保留醒目的短語即可。
08、發現噪點的力量
通常，當我們想到設計時，就會想到干凈，平滑，清晰的概念。但是，完美在于缺陷。
噪音是你設計中的堅強朋友，尤其是當你要使網站外觀優雅或藝術化時。
此外，施加細微的噪點會使你的構圖具有電影效果，這非常適合視頻和動態網站。
09、尋找并使用好的字體
有很多可怕的字體，尤其是我們計算機上預裝的字體。要找到好的字體，請開始瀏覽網絡或觀看youtube視頻，以了解出色的字體。
但請注意：許多字體不是免費的，并且在沒有許可的情況下使用它們可能會給你帶來麻煩。不過，也不用擔心：大多數字體都有免費版本！
10、使用幾何體
這可能是最難使用的技巧，但如果正確應用，它會幫助你提升設計效果。
使用幾何圖形有助于增強布局中的概念和順序，甚至不需要圖像。找到正確的幾何形狀很困難，但我仍然無法很好地掌握它。
一個非常實用的技巧是，將文案中的字母，數字和標題變換成作幾何體圖形，使其巨大而微妙，或者將某些特定的字母用直接當作形狀使用，像下面示例中的A字母，就應用的很好。
11、單色圖像背景
一種極其簡單但有效的技巧是使用單色圖像作為背景，而不是使用純色。
這個技巧可以幫助你將設計圖的紋理增強，同時還留出一些空間。
12、利用圖像中的顏色進行設計
我見過很多不知道如何使用圖像本身調色板的初學者設計師。
從你正在處理的圖像中找到所需的每種顏色。
有時，立即找到顏色可以幫助你提出新的想法。讓我們以圖像色調決定樣式的示例為例。
使用常見的顏色有助于減輕對比度，并保持設計流程的順暢。
13、三種顏色合理分配
在前面，我談到了黑白設計，但從長遠來看，這是極其有限的。
基本上，每個設計師也都知道這一點，但是，下一步就是利用一種最常見的設計策略：僅使用三種顏色。
顯然，這三種顏色不是隨機使用的。他們每個人都有特定的角色，你必須知道：
主要背景。占填充圖像的60％。
主體顏色。占填充圖像的30％。
強調色。占填充圖像的10％。
14、對數字和文本使用不同的字體
一個常見的錯誤就是強迫自己把數字和文本使用相同的字體。盡管這通常可以工作，但某些字體不是為數字設計的。
如果要在數字中使用它，請不要害怕在設計中使用第三個字體。當你正在使用的兩種字體應用于你正在設計的具有百年歷史的公司網站的漂亮日期覆蓋物中時，可能會很爛。
15、注意黃色或避免黃色
黃色，是一種漂亮的顏色，但是，它帶有一系列你可能不想面對的問題。
簡而言之，黃色是我們眼睛最敏感的顏色，這使它非常明亮：由于你不想使客戶蒙蔽，因此，你可能會使用黃色作為強調色。
在現代網頁設計中，強調色通常必須與白色配合使用，就像下面示例中的按鈕一樣，由于其亮度，它的對比度過低，而造成文本可讀性偏低。
16、使用網格參考線
你可能知道960網格系統或Twitter的Bootstrap，并且已經多次使用12列網格布局進行設計。
但是，你是否曾經嘗試過讓這些網格可見？使用網格通常會增強精確度和專業精神。
17、不對稱性
一旦知道了規則，我們有時候也需要打破它們。現代藝術設計包含很多不對稱性。嘗試四處移動并破壞標準的網格布局。但是，這是最難把握的技巧之一，而創建不平衡的合成非常容易。
18、設計有用的組件
人們認為可用的網站更令人愉悅。設計用戶所需的一切，并快速完成每項任務。
19、同時考慮設計PC端和移動端
設計移動版和臺式機版對于每種設計都是必須的，但經常在培訓時，我們只專注于一個框架，而全神貫注于此。
通過將兩個版本添加到相同的組成中，你將至少獲得三個有益的效果：
在設計時，考慮網頁的響應式設計。
設計時，看看這樣設計是否更明智，更專業
你也可以玩分層設計
20、將其設為3D
自從我與Blender和Maya一起玩了兩年以來，這是我最喜歡的藝術技巧之一。
通過使用Blender，可以將有效的SVG導入，你可以通過幾個步驟將2D設計轉換為3D模型。
盡管它不是“純”設計，但你可以將其發送給開發人員，將其轉換為3D，可能會在演示和營銷階段非常有用。

分享題目：20個改善網站設計的簡單技巧
新聞來源：http://m.newbst.com/news9/275859.html

成都網站建設公司_創新互聯，為您提供品牌網站建設、網站設計公司、標簽優化、微信小程序、云服務器、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯