查看
網頁(yè)設計的基本元素，了解每個元素有(yǒu)什麽影響以及它如何對一般用(yòng)戶體(tǐ)驗做出貢獻。包含網頁(yè)設計示例。
“細節不是細節。他(tā)們制作(zuò)了設計，”查爾斯·埃姆斯曾經說過，這句話從未停止過。開始設計一個網頁(yè)時，我們必須考慮它應該由什麽組成來解決它的任務(wù)集，并且既可(kě)用(yòng)又(yòu)美觀。我們今天的文(wén)章專門介紹創建有(yǒu)效網頁(yè)的那些重要細節。讓我們簡要回顧一下哪些元素對于典型的網頁(yè)，每個元素有(yǒu)什麽影響，以及它如何為(wèi)一般用(yòng)戶體(tǐ)驗做出貢獻。包含大量網頁(yè)設計示例。
頁(yè)眉是網頁(yè)的上部（頂部）部分(fēn)。作(zuò)為(wèi)人們在網站上第一秒(miǎo)滾動頁(yè)面之前看到的區(qū)域，頁(yè)眉是一個具(jù)有(yǒu)戰略重要性的元素。期望标題提供圍繞網站的核心導航，以便用(yòng)戶可(kě)以在幾秒(miǎo)鍾内浏覽它并跳轉到可(kě)以幫助他(tā)們的主頁(yè)。标題也稱為(wèi)站點菜單，并定位為(wèi)網站布局中(zhōng)的主要導航元素。标題可(kě)能(néng)包含一堆有(yǒu)意義的布局元素，例如基本要素 ：
品牌标識，通常是一個标志(zhì)
号召性用(yòng)語按鈕
指向網站内容基本類别的鏈接
社交網絡鏈接
基本聯系信息（電(diàn)話号碼、電(diàn)子郵件地址等）
多(duō)語言界面時的語言切換器
搜索欄
訂閱字段或按鈕
與産(chǎn)品交互的鏈接，例如試用(yòng)版、從 AppStore 下載等。
這并不意味着所有(yǒu)提到的元素都應該包含在一個網頁(yè)标題中(zhōng)：在這種情況下，标題部分(fēn)将被信息過載。吸引用(yòng)戶注意力的對象越多(duō)，就越難将注意力集中(zhōng)在重要的對象上。根據設計任務(wù)，設計師有(yǒu)時與營銷專家一起決定具(jù)有(yǒu)戰略意義的選項，并從列表中(zhōng)選擇它們或添加其他(tā)選項。
使頁(yè)眉成為(wèi)有(yǒu)助于 Web 可(kě)用(yòng)性的重要元素的原因在于，它被放置在網頁(yè)最易掃描的區(qū)域。不管是什麽
掃描模式
用(yòng)戶停留在一個網站上，它從頁(yè)面的頂部開始，從左到右掃描使用(yòng)相同閱讀和寫作(zuò)模式的語言。這意味着放置在标題中(zhōng)的内容不會被遺漏，尤其是放置在其左右角的元素。這就是為(wèi)什麽您經常會在其中(zhōng)一個按鈕中(zhōng)找到主 CTA 按鈕的原因。更重要的是，習慣的力量和觀念
外部一緻性
這裏還應該考慮用(yòng)戶體(tǐ)驗。多(duō)年來，訪問者已經習慣于在标題中(zhōng)找到核心導航，因此主要問題是決定将什麽放入其中(zhōng)，而不是使用(yòng)或不使用(yòng)标題。
