免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

每個項目10個網頁設計規則

2022-06-27    分類: 網站建設

網站設計方面你有規則手冊嗎?有一些規則適用于幾乎所有的網頁設計項目 - 我們稱之為“網頁設計規則”。
無論網站多大或多小,這些規則都是良好設計的基礎。如果您遵循這些基本指導方針,并將其納入您開始的每個項目的思考過程中,那么您將避免許多設計師可能陷入的陷阱!
1.你會一致
讓設計盡可能簡單,以便用戶與之交互
一致的設計易于使用和理解設計。用戶參與和行動以及視覺效果在整個單一設計中的外觀和使用應該相似。
這意味著按鈕顏色相同,并且使用相同的懸停狀態來幫助用戶了解如何進行交互,標題的大小相同,并在整個設計中使用相同的字體,并且諸如顏色之類的元素遵循可識別并與之關聯的調色板品牌。
其他視覺元素也應遵循一致的風格,以及圖標或攝影,視頻或插圖等元素的風格和使用計劃。該設計應該有一個用于與整體美學相匹配的復制塊的聲音。
所有這些一致性元素都有助于提高整體可用性,使設計盡可能方便用戶進行交互。
你要用空白
元素周圍的額外空間可以幫助創建分離并使其更易于閱讀。
沒有必要將每個元素都塞進滾動條上方的空間。使用空格建立節奏和流程,創建視覺層次結構并幫助用戶在設計中移動。
如果內容是好的,他們將滾動。
而空白實際上可以通過將視線拉到屏幕上來幫助鼓勵用戶行為。
隨著屏幕尺寸變小,空白顯得更加重要。元素周圍的額外空間可以幫助創建分離并使其更易于閱讀。(考慮輕松點擊按鈕時多余的空間可以帶來多大的益處。)
不確定在設計中包含空白的地方?從這里開始:
圍繞按鈕或其他交互元素
由于線條之間的線條間距使閱讀更容易
元素之間的東西是分開的,例如將文本塊中嵌入的照片包裹起來
在表單字段中,以便在移動屏幕上輕松點按
圍繞您希望用戶關注的任何元素
你會使用網格
網格是用戶體驗的基礎。當您使用網格進行設計時,最終網站會更加精確,一致,并且將元素按照視覺上的順序排列。
網格既是水平的也是垂直的,盡管最著名的網頁設計網格可能是用于對齊元素的12列垂直網格。
只有在設計過程中才會看到網格,如果您在查找元素的位置或創建有組織的大綱時遇到問題,網格可能會成為完整的救星。
4.你不會忘記用戶模式
用戶以某種方式做事,期望從設計中獲得具體的東西。為了獲得盡可能多的成功,設計應該使用普遍接受的用戶模式(設計問題的循環解決方案),以便人們確切知道設計的功能。
常見的用戶模式包括:
表單中的信息順序,以名稱或電子郵件開始并以“提交”結尾
導航菜單的放置
電子商務的購物車圖標的位置和可點擊性
通知如何工作
搜索和聊天的圖標等等
用戶界面設計模式在所有類型的設計情況下都有很長的用戶模式列表。
5.在UI操作中使用相似性
網站設計中的每個元素都應該像其他所有類型的元素一樣工作。這些元素還應具有視覺識別,以便用戶一眼就能知道他們是什么以及他們做了什么。
有許多用戶界面操作可以嵌入到設計中,遵循格式塔相似性原則是必須的。將視覺元素和操作分組以便它們在視覺上可識別將有助于為用戶創造更好的整體體驗。
你應該使用印刷術
從設計中退出,看看字母是否易于遠距離閱讀。
你不必是一個主要的印刷工,但它絕對有幫助。
如此多的構成優秀設計的根源在于可讀性和易讀性。這些概念取決于你如何選擇和使用字體。
如果有疑問,請選擇簡單的字體對,如serif和sans serif。從設計中退出,看看字母是否易于遠距離閱讀。然后看一下手機屏幕等小畫布上的字母,以確保在那里一目了然也很容易閱讀。
嘗試在高對比度環境中使用類型,例如在深色背景上使用淺色類型或在淺色背景上使用深色類型,以便每個單詞都易于閱讀。
7.你不會忘記視網膜屏幕
即使是最小的屏幕也可以使元素和圖像逼近像素好。
您需要考慮如何處理圖像,圖標和其他元素,以便無論屏幕大小如何,都能呈現精美的圖像。如果可能的話,使用矢量格式可能是理想的解決方案,這也是SVG越來越受歡迎的原因之一。
如果您沒有具有適合普通屏幕尺寸的分辨率的圖像,請不要使用它。根本沒有圖像比壞或像素圖像更好。
8.你應該誠實
您的設計應該忠于您的小型企業,信息或品牌,并且對您的工作透明。不要竊取設計或圖像,也不要使用虛假關鍵字來增加流量,并忠實于您的內容。
隨著網絡的混亂,用戶希望與真實的設計交互。誘騙用戶做某件事或注冊產品或服務或者誤導他們關于主題或信息應該違反您的個人道德規范。不要接受設計中期望的項目。
9.你不會忽略可訪問性
網絡應盡可能多的人使用。雖然聽起來很難確保設計是可訪問的,但并不像您想象的那么復雜。
Google對網站輔助功能有很好的指導,它定義如下:
一般來說,當我們說一個網站是可訪問的,我們的意思是說,該網站的內容是可用的,并且它的功能可以由任何人操作。作為開發人員,很容易假設所有用戶都可以看到并使用鍵盤,鼠標或觸摸屏,并且可以按照您的方式與頁面內容進行交互。這可以產生一種對某些人來說很好的體驗,但會產生一些問題,從簡單的煩惱到其他人的炫耀。
那么,可訪問性是指可能在“典型”用戶的狹窄范圍之外的用戶的體驗,他們可能以不同于預期的方式訪問或交互事物。具體而言,它涉及正在經歷某種類型的損害或殘疾的用戶 - 并且要記住,該經歷可能是非物質的或臨時的。
良好設計的許多原則(例如尺寸,對比度和空間)有助于實現整體可訪問性。
WebAIM有一個清單以及其他工具,可幫助您確定您的設計是否可訪問。該清單涵蓋了與可訪問性有關的四個方面:設計是否可感知,可操作,可以理解和強大?
10.你應該回應
它應該在2018年不言而喻,但您的網站必須具有響應能力。這包括從文本到圖像,按鈕到整體框架的每個元素。
每個設計都必須適用于每個設備。期。
結論
一套可靠的規則可以幫助您更快地進入設計項目并更加持續地工作。請注意,這些誡命中沒有一條告訴你一個項目應該如何看待; 它們植根于您如何勾畫和創建每個網站的理論。

你有沒有額外的網頁設計規則來添加到這些誡命?讓我們知道他們在社交媒體上的作用。只要確保標記設計小屋!


本文來自創新互聯品牌網站建設網站設計制作公司-創新互聯
標簽:公司網站制作,成都建設網站,官網建設,網頁制作公司,建網站公司,企業建站,重慶網站建設公司成都網頁設計公司,成都網站設計公司,企業網站建設

名稱欄目:每個項目10個網頁設計規則
網站地址:http://m.newbst.com/news47/172197.html

成都網站建設公司_創新互聯,為您提供小程序開發面包屑導航、標簽優化搜索引擎優化、移動網站建設、靜態網站

廣告

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

h5響應式網站建設