設為首頁 加入收藏

手機版 鄭州清新教育-鄭州電腦設計培訓學校典范,專業課程包括:室內家裝建筑裝飾設計培訓學習班,平面廣告網頁美工動漫設計培訓,淘寶開店美工運營推廣網站手機開發培訓等課程
鄭州清新教育電話

當前位置:首頁 > 網頁美工設計

網頁美工設計

移動端網頁界面設計標準規范技巧

編輯: 時間:2019-08-20 08:52:33

我們知道網頁的外觀設計得好、好用和能使用在各種設備是今天看上去最重要的事情。響應式網頁成功的關鍵是能適配各種用戶設備。本篇文章不僅僅適用于移動端的網頁,也同樣適用于移動APP上的字體設計。 移動網站界面設計+字體相關的技巧鄭州清新教育的老師今天總結了7條法則如下:

  1. 讓他可讀性高

  無論如何你的網站上的文本必須使人容易閱讀。如果一個網站的文字閱讀起來很有挑戰,用戶很顯然不會去看它,這意味著你將失去潛在的客戶。在移動端屏幕變小,還有各種反光和倒影會讓文字更難讀。移動端文字有它固有的標準(如:一般在2×的設計稿中文字最小可讀是24PX),文字不能過于單薄也不能有太多色彩,所有的“手段”都必需使文字更加容易閱讀。

  2. 建立視覺層次

  訪問者一般用快速掃描的方式查看你的網站。在視覺設計上用一些技巧告訴用戶那些文本是最重要的,他們應該集中注意力看。

  你可以突出你的網站優勢,因而讓用戶去關注你希望他們關注的內容上。那怕是在移動端,用戶再如何快速的掃描信息,也不致于忽略關鍵內容,一旦產生興趣,他們就能成為潛在客戶,產生購買、成為會員、或者你會收獲更多。

  3. 考慮用戶

  想想用戶使用網站的場景,您的網頁設計元素應該讓他們感到溫馨。

  如果他們習慣了網站上使用那些現代而精致的字體,如果突然出現其他字體,他們會覺得蹩腳或不知所措。

  你的網站的字體選擇應該有一個基調,讓訪問者舒適,并熟悉。

  4. 對比的創意

  在平面設計中 玩對比已經是一種常見的方式。您必需使用對比色,來增加可讀性。如果文字的色彩很重,那么配色淺色的背景會更加易讀,背景和字體色彩過于相似會難以閱讀,或者背景過于花哨也會顯得閱讀困難和檔次低。

  也可以在排版中用文字玩對比(如粗細對比、大小對比和疏密對比等),如果所有的文字都很相似,你的作品將失去視覺層次,并顯得很平庸。

  5. 使用同一套風格的字體去設計

  網頁設計中字體的選擇是一件困難的事情,那么多的字體可選,會讓人困惑。

  最好的組合方式是使用同一個系列的字體,或者是由同一個設計師設計的字體。

  在一些情況下,字體并沒有粗體和多個字體樣式供我們使用,這個時候你可以找找同一個設計師做的字體,它們可能擁有相似的特性,讓你的設計顯得更加“和諧”。

  6. 限制字體的種類

  不管你如何使用字體設計和排版,有一條不變的法則,不要使用太多字體,專家建議使用2到3種適宜。

  雖然這條建議非常好,但是也不是絕對,一些情況下,多種字體也能做出特殊效果。但是大多數情況下,過多的字體意味著缺乏設計和亂。

  讓網站調用系統字體不僅僅影響網站的視覺外觀而且會對WEB頁面的性能有巨大影響,英文最好使用woff (Web Open Font Format),可惜中文由于字體數量大導致文件體積過大,不適合做woff。

  字體太多 = 較慢的加載時間,一個網站加載時間過長則意味著用戶的流逝。

  7. 不要忘記測試體驗一下

  如果你不去實踐,任何的規則和理論都是沒有意義的。

  用各種移動設備去試試你的網頁,看看文本閱讀是否流程,在小屏幕可讀性還是否OK。什么樣的設計概念都是用來打破的,一旦你運用到實踐中,可能你就需要有調整,以便于獲取最佳效果。

求學問答專業答復,快速響應
電話:0371-63218905
手機:13613841515
QQ:
有問題需要老師在線解答? 立即提問 馬上回復
更多 熱門課程排行榜
鄭州清新教育電腦學校

室內家裝設計知識平面廣告設計知識網頁美工設計知識

模具機械設計知識電腦辦公文秘知識游戲動漫設計知識

鄭州清新教育電腦學校

清新教育新聞資訊清新教育報班選課清新教育就業服務

關于清新教育聯系清新教育清新教育乘車路線

關于我們 版權所有:鄭州清新教育(www.smnzsa.live)備案號:豫ICP備11011661號

赛马会平台