在設(shè)計新網(wǎng)站時，您可能了解構(gòu)成網(wǎng)站的基本內(nèi)容（圖像、副本和導(dǎo)航鏈接），但如何操作對許多人來說很困難。首先，您需要定義網(wǎng)站的戰(zhàn)略目的——無論是用于純粹的品牌表達、托管信息、轉(zhuǎn)化、銷售、潛在客戶捕獲還是其他目的。然后，重點應(yīng)該是以可訪問的方式呈現(xiàn)內(nèi)容，在頁面上的較高位置，確保它概述了輸入字段的期望，并使您的客戶更容易接觸到您。

網(wǎng)站設(shè)計的兩個主要組成部分

網(wǎng)站設(shè)計中的不同部分分為兩個主要類別：視覺設(shè)計和功能性用戶界面（UI）。

• 視覺設(shè)計：這包括您看到的所有內(nèi)容，例如調(diào)色板、字體和排版、布局、語氣和視覺效果（圖標(biāo)、照片、插圖等）。

• 功能 UI：將其視為訪客在您網(wǎng)站上與之交互的任何內(nèi)容，例如按鈕、導(dǎo)航、表單或產(chǎn)品頁面和商店結(jié)賬。

01. 在選擇視覺效果時要考慮到上下文和目的

在為您的網(wǎng)站選擇視覺效果時，請盡量堅持使用在其類型、調(diào)色板或主題中反映您的品牌或使命能量的圖像或設(shè)計。接下來，考慮視覺對象的功能和位置。這將使您了解需要多少以及將它們放置在哪里。是視覺對象的主要目標(biāo)：

• 傳達一些信息

• 向副本添加上下文

• 喚起情感

• 具有裝飾性

• 以上內(nèi)容的某種組合

請記住，您選擇的圖像質(zhì)量也很重要。如果您沒有最好的視覺效果來展示，或者太忙而無法獲得高質(zhì)量的內(nèi)容，請考慮將它們縮小，我們還建議避免為低質(zhì)量的資產(chǎn)使用全寬顯示。

02. 保持文案清晰明了

研究表明，平均而言，用戶閱讀網(wǎng)頁上大約20%的單詞，除了編輯經(jīng)驗外，長篇文本的創(chuàng)建和消化可能會讓人不知所措。簡而言之，當(dāng)談到屏幕上的文字數(shù)量時：少即是多。在查看您編寫的副本時，請使用這些一般準(zhǔn)則作為清單：

• 考慮您的受眾

• 減少冗余

• 使用清晰的語言

• 使其可掃描

在創(chuàng)建行動號召（CTA）時，例如要求某人聯(lián)系、繼續(xù)閱讀或購買商品的按鈕或文本，請明確說明點擊會將他們帶到哪里。號召性用語簡短（通常不超過 20 個字符），并鼓勵采取行動，例如“立即購買”。要知道，沒有適用于所有網(wǎng)站的規(guī)則。需要多少字才能在你的語氣中表達你的觀點？

如有疑問，請查看與您的網(wǎng)站類似的網(wǎng)站。請注意副本較長和較短的位置。您是否發(fā)現(xiàn)自己在任何時候都在掃描或調(diào)出？例如，主頁上的副本可能不超過200字。但 “About Us” 頁面可能接近500字。

想要為業(yè)務(wù)的各個方面創(chuàng)建一個頁面，然后在您的主要導(dǎo)航中鏈接該頁面是很誘人的，但請相信我們：保持簡單。

03. 創(chuàng)建面向操作的導(dǎo)航鏈接

導(dǎo)航是您最能控制網(wǎng)站功能部分的地方。要創(chuàng)建易于使用的導(dǎo)航，請牢記兩個主要事項：

您網(wǎng)站的根本目的

您的網(wǎng)站是促進產(chǎn)品在線購物的工具嗎？您是否正在尋找簡單的入口點，讓您的訪客與您安排時間？定義這些目標(biāo)將定義您如何構(gòu)建導(dǎo)航語言和主要行動號召。

少即是多，即使在導(dǎo)航中也是如此

少即是多的方法可確保網(wǎng)站訪問者快速有效地找到他們正在尋找的內(nèi)容。這將有助于減少人們在找到與他們的需求最相關(guān)的鏈接之前需要解析的信息量，想要為業(yè)務(wù)的各個方面創(chuàng)建一個頁面，然后在您的主要導(dǎo)航中鏈接該頁面是很誘人的，但請相信我們：保持簡單。

04. 構(gòu)建情緒板

如果直接跳轉(zhuǎn)到網(wǎng)站編輯器的第一步感覺太多，請創(chuàng)建一個您認為鼓舞人心的視覺效果和網(wǎng)站的情緒板。在您保存的內(nèi)容中查找模式，例如某些顏色、文字樣式或布局。

一旦你收集了一個鼓舞人心的布局、調(diào)色板和其他設(shè)計組合的存儲庫，就該開始創(chuàng)建你自己的布局了——樂趣從這里開始，借助雅黑，您可以探索多種設(shè)計可能性，直到找到適合您品牌的迭代。

05. 有疑問時，從主圖開始

主圖部分（緊跟在logo和主導(dǎo)航欄后面的空間）通常是您網(wǎng)站最重要的部分之一。

在初步查看您的網(wǎng)站后，您的訪問者實際上會花費不到一秒鐘的時間對您的業(yè)務(wù)形成印象，這使得主圖中的視覺設(shè)計、布局、內(nèi)容、消息傳遞和號召性用語變得至關(guān)重要。這也是一個為您網(wǎng)站的其余部分設(shè)定視覺基調(diào)的機會。

對于您的主圖，請選擇一張圖片和/或文本來概括您的品牌或業(yè)務(wù)以及您為網(wǎng)站訪客提供的內(nèi)容。

06. 讓它獨一無二

獨特的個性或'設(shè)計簽名'是創(chuàng)造任何令人難忘的數(shù)字體驗的關(guān)鍵組成部分，吸引受眾的注意力并消除噪音是幫助您的品牌或企業(yè)脫穎而出、吸引或最終轉(zhuǎn)化新顧客的一種方式。一旦你定義了品牌的整體特征，你就可以開始通過創(chuàng)意來依靠這些屬性。具體來說，我們喜歡玩弄顏色、排版、布局、圖形和內(nèi)容基調(diào)。

字體排印學(xué)：探索 Thinkart 的獨特字體庫，尋找與您的品牌個性和視覺效果相呼應(yīng)的字體。使用縮放文本等功能在大標(biāo)題文本和正文副本之間發(fā)揮比例對比。

布局： 嘗試不對稱并傾向于空白。形狀塊和圖像形狀是為直角形狀（如正方形和矩形）添加活力和趣味性的好方法。