創新互聯告訴您了解這3條經典準則，能協助你發明十分好、更易懂的頁面規劃：

很多經典準則，例如那些字體規劃準則，在線上依然有用。為環視而規劃時，有兩種形式需求思考。

首先是F形式。

F形式排版：Creative Bloq的主頁

F形式反映了用戶最一般的環視頁面的方法。他們的視野從上面開端橫向移動，然后沿著左面筆直移動，尋覓杰出的文字。

一旦找到激起他們興趣的內容，他們又會開端橫向閱覽頁面。

還有Z形式：

Z形式規劃：MailChimp的主頁

Z形式也是一種自然的閱覽形式，一般用于報紙，頁面上也是如此。用戶在頁面頂部水平閱覽，然后向左下移動，在頁面的下一行再次進行水平移動搜索。

文字

和打印相同，頁面文字也應當有明晰的層次。選擇合適的字號，有助于關鍵字在頁面上杰出，讓用戶更輕松的閱覽頁面。

明晰的文字層次：World Baking Day網站

咱們來看看文字層次中一些多見的層級：

首要：頁面上最明顯的文字更大更閃爍，招引用戶的留意力。一般用于標題與裝修。

非必須：介于中心的一切內容。不像標題那么明顯，但要在頁面的慣例文字中杰出顯現。

再次：首要內容所選的文字。文字層次中的這一級，有助于運用戶沉浸在正文中。

其他：更小的一級，運用斜體、粗體、下劃線、不一樣顏色等等。

合作運用，樹立文字的層次，能夠發明出次序，避免用戶迷失其間。

要測驗你頁面的易讀性，能夠運用“3秒準則”：簡略地閱覽頁面，然后看向別處。其間杰出的內容有沒有反映出你規劃目的?假如是的，那你方向準確，持續堅持;假如不是，則需求打回從頭規劃——也許的確如此。

02. 樹立平衡感

不管平衡感來自于對稱、非對稱或是放射狀，都是為了讓規劃發明出安定與共同的感受。假如用戶在你的頁面上感到輕松，他們會更情愿停留。

圖像或文字不要過于密布：時間思考元素的空隙。排版傾向于簡練——密布的規劃會阻礙用戶。雙眼難以承受凌亂，使人更難承受信息的流通。

思考運用極簡的規劃，經過白色、黑色或十分深的布景和遠景元素到達平衡。《為人眼進行頁面UI規劃》里討論過，負空間的運用能夠引導用戶的留意力。

震懾的極簡規劃事例：鞋類品牌ETQ的網站

上面展示的ETQ網站，利用了負空間將視野引向所陳設的商品。頁面底部比照明顯的黑白色塊，讓用戶選擇尺度或檢查商品價格。

頁面上極少攪擾信息，發明了一種平靜與次序的感受——當然，也期望有助于促進用戶購買。

03. 發明牢靠的規劃

讓你的規劃關于一切用戶都是牢靠的。不要運用兩種以上的字體，保證一切年齡層的用戶都能閱覽。過于凌亂會打亂信息。

假如你發現自個在屏幕前不知所措，你的規劃也許就包含了太多的圖像。

選擇配色計劃時也要時間為用戶思考——假如是醫院網站，運用鎮定柔和的顏色;假如受眾是青少年，則合適更明顯的顏色。

UC San Diego Health的網站選用的配色很符合它嚴厲的內容

下面是一些書本規劃中常犯的過錯，相同適用于頁面：

未經過滿足的測驗：一直要盡也許廣泛對規劃進行測驗。內容也許會跨過多種前言(頁面、電子書、打印品)，這會使得文字有新面貌。而且，有些字體轉換到新前言上也許會變得不易閱覽。找到適用于一切情境的字體十分重要。還要思考你的規劃在不一樣屏幕尺度、不一樣分辨率和不一樣閱覽器中怎么展示。

不恰當的語調：為每個頁面元素選擇準確的語調。與字體相同，標題應當招引讀者留意，副標題作為標題的說明或彌補，正文要像一段友愛的對話——溫暖親熱，讓讀者巴望了解更多信息。

不恰當的格式：遵從你所選的前言：不然，會一直浪費時間修正文件，應對CMYK用于打印、RGB用于網站這么的疑問。

想要了解更多有用的UI與UX規劃竅門，這可以協助你加速規劃流程設計。

新聞名稱：[網頁設計]這三件事網頁設計師該向印刷設計學習
鏈接地址：http://m.newbst.com/news0/166950.html

成都網站建設公司_創新互聯，為您提供靜態網站、網站維護、App設計、小程序開發、微信公眾號、標簽優化

廣告

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