在設(shè)計(jì)新網(wǎng)站時(shí)，您可能了解構(gòu)成網(wǎng)站的基本內(nèi)容（圖像、副本和導(dǎo)航鏈接），但如何操作對(duì)許多人來(lái)說(shuō)很困難。首先，您需要定義網(wǎng)站的戰(zhàn)略目的——無(wú)論是用于純粹的品牌表達(dá)、托管信息、轉(zhuǎn)化、銷售、潛在客戶捕獲還是其他目的。然后，重點(diǎn)應(yīng)該是以可訪問(wèn)的方式呈現(xiàn)內(nèi)容，在頁(yè)面上的較高位置，確保它概述了輸入字段的期望，并使您的客戶更容易接觸到您。
網(wǎng)站設(shè)計(jì)的兩個(gè)主要組成部分
網(wǎng)站設(shè)計(jì)中的不同部分分為兩個(gè)主要類別：視覺設(shè)計(jì)和功能性用戶界面（UI）。
視覺設(shè)計(jì)：這包括您看到的所有內(nèi)容，例如調(diào)色板、字體和排版、布局、語(yǔ)氣和視覺效果（圖標(biāo)、照片、插圖等）。
功能 UI：將其視為訪客在您網(wǎng)站上與之交互的任何內(nèi)容，例如按鈕、導(dǎo)航、表單或產(chǎn)品頁(yè)面和商店結(jié)賬。
01. 在選擇視覺效果時(shí)要考慮到上下文和目的
在為您的網(wǎng)站選擇視覺效果時(shí)，請(qǐng)盡量堅(jiān)持使用在其類型、調(diào)色板或主題中反映您的品牌或使命能量的圖像或設(shè)計(jì)。接下來(lái)，考慮視覺對(duì)象的功能和位置。這將使您了解需要多少以及將它們放置在哪里。是視覺對(duì)象的主要目標(biāo)：
傳達(dá)一些信息
向副本添加上下文
喚起情感
具有裝飾性
以上內(nèi)容的某種組合
請(qǐng)記住，您選擇的圖像質(zhì)量也很重要。如果您沒有最好的視覺效果來(lái)展示，或者太忙而無(wú)法獲得高質(zhì)量的內(nèi)容，請(qǐng)考慮將它們縮小，我們還建議避免為低質(zhì)量的資產(chǎn)使用全寬顯示。
02. 保持文案清晰明了
研究表明，平均而言，用戶閱讀網(wǎng)頁(yè)上大約20%的單詞，除了編輯經(jīng)驗(yàn)外，長(zhǎng)篇文本的創(chuàng)建和消化可能會(huì)讓人不知所措。簡(jiǎn)而言之，當(dāng)談到屏幕上的文字?jǐn)?shù)量時(shí)：少即是多。在查看您編寫的副本時(shí)，請(qǐng)使用這些一般準(zhǔn)則作為清單：
考慮您的受眾
減少冗余
使用清晰的語(yǔ)言
使其可掃描
在創(chuàng)建行動(dòng)號(hào)召（CTA）時(shí)，例如要求某人聯(lián)系、繼續(xù)閱讀或購(gòu)買商品的按鈕或文本，請(qǐng)明確說(shuō)明點(diǎn)擊會(huì)將他們帶到哪里。號(hào)召性用語(yǔ)簡(jiǎn)短（通常不超過(guò) 20 個(gè)字符），并鼓勵(lì)采取行動(dòng)，例如“立即購(gòu)買”。要知道，沒有適用于所有網(wǎng)站的規(guī)則。需要多少字才能在你的語(yǔ)氣中表達(dá)你的觀點(diǎn)？
如有疑問(wèn)，請(qǐng)查看與您的網(wǎng)站類似的網(wǎng)站。請(qǐng)注意副本較長(zhǎng)和較短的位置。您是否發(fā)現(xiàn)自己在任何時(shí)候都在掃描或調(diào)出？例如，主頁(yè)上的副本可能不超過(guò)200字。但 “About Us” 頁(yè)面可能接近500字。
想要為業(yè)務(wù)的各個(gè)方面創(chuàng)建一個(gè)頁(yè)面，然后在您的主要導(dǎo)航中鏈接該頁(yè)面是很誘人的，但請(qǐng)相信我們：保持簡(jiǎn)單。
03. 創(chuàng)建面向操作的導(dǎo)航鏈接
導(dǎo)航是您最能控制網(wǎng)站功能部分的地方。要?jiǎng)?chuàng)建易于使用的導(dǎo)航，請(qǐng)牢記兩個(gè)主要事項(xiàng)：
您網(wǎng)站的根本目的
您的網(wǎng)站是促進(jìn)產(chǎn)品在線購(gòu)物的工具嗎？您是否正在尋找簡(jiǎn)單的入口點(diǎn)，讓您的訪客與您安排時(shí)間？定義這些目標(biāo)將定義您如何構(gòu)建導(dǎo)航語(yǔ)言和主要行動(dòng)號(hào)召。
少即是多，即使在導(dǎo)航中也是如此
少即是多的方法可確保網(wǎng)站訪問(wèn)者快速有效地找到他們正在尋找的內(nèi)容。這將有助于減少人們?cè)谡业脚c他們的需求最相關(guān)的鏈接之前需要解析的信息量，想要為業(yè)務(wù)的各個(gè)方面創(chuàng)建一個(gè)頁(yè)面，然后在您的主要導(dǎo)航中鏈接該頁(yè)面是很誘人的，但請(qǐng)相信我們：保持簡(jiǎn)單。
04. 構(gòu)建情緒板
如果直接跳轉(zhuǎn)到網(wǎng)站編輯器的第一步感覺太多，請(qǐng)創(chuàng)建一個(gè)您認(rèn)為鼓舞人心的視覺效果和網(wǎng)站的情緒板。在您保存的內(nèi)容中查找模式，例如某些顏色、文字樣式或布局。
一旦你收集了一個(gè)鼓舞人心的布局、調(diào)色板和其他設(shè)計(jì)組合的存儲(chǔ)庫(kù)，就該開始創(chuàng)建你自己的布局了——樂(lè)趣從這里開始，借助雅黑，您可以探索多種設(shè)計(jì)可能性，直到找到適合您品牌的迭代。
05. 有疑問(wèn)時(shí)，從主圖開始
主圖部分（緊跟在logo和主導(dǎo)航欄后面的空間）通常是您網(wǎng)站最重要的部分之一。
在初步查看您的網(wǎng)站后，您的訪問(wèn)者實(shí)際上會(huì)花費(fèi)不到一秒鐘的時(shí)間對(duì)您的業(yè)務(wù)形成印象，這使得主圖中的視覺設(shè)計(jì)、布局、內(nèi)容、消息傳遞和號(hào)召性用語(yǔ)變得至關(guān)重要。這也是一個(gè)為您網(wǎng)站的其余部分設(shè)定視覺基調(diào)的機(jī)會(huì)。
對(duì)于您的主圖，請(qǐng)選擇一張圖片和/或文本來(lái)概括您的品牌或業(yè)務(wù)以及您為網(wǎng)站訪客提供的內(nèi)容。
06. 讓它獨(dú)一無(wú)二
獨(dú)特的個(gè)性或'設(shè)計(jì)簽名'是創(chuàng)造任何令人難忘的數(shù)字體驗(yàn)的關(guān)鍵組成部分，吸引受眾的注意力并消除噪音是幫助您的品牌或企業(yè)脫穎而出、吸引或最終轉(zhuǎn)化新顧客的一種方式。一旦你定義了品牌的整體特征，你就可以開始通過(guò)創(chuàng)意來(lái)依靠這些屬性。具體來(lái)說(shuō)，我們喜歡玩弄顏色、排版、布局、圖形和內(nèi)容基調(diào)。
字體排印學(xué)：探索 Thinkart 的獨(dú)特字體庫(kù)，尋找與您的品牌個(gè)性和視覺效果相呼應(yīng)的字體。使用縮放文本等功能在大標(biāo)題文本和正文副本之間發(fā)揮比例對(duì)比。
布局： 嘗試不對(duì)稱并傾向于空白。形狀塊和圖像形狀是為直角形狀（如正方形和矩形）添加活力和趣味性的好方法。