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