看完上面這張圖你就能明白瞭 是不是閱讀起來非常的難受?
那就對瞭!
其實折磨你的問題有以下幾點
1.字體樣式太多,雜亂無章
2.使用的字體不易識別
3.字體和內容的氣氛不匹配
怎麼避免這樣的結果發生呢?
一句話:通過常用字體規范可以幫助你做出符合要求的設計
一.字不過三!
很多大神說過色不過三,其實在同一個APP或在同一個設計作品中字體也不要過三種樣式,一般在每個項目設計中使用1-2個字體樣式就夠瞭,然後通過對字體大小或顏色來強調重點文案。
看到上圖中的幾個界面,都是通過字體的大小來區分出界面內容中的層級關系的。
其中包括瞭螞蟻花唄的banner裡隻用瞭一種字體來區分主標題和副標題的關系。
其實網頁也是一樣,使用一種字體樣式,通過字體大小的對比也能做出高逼格的構圖和設計。
講真!字體用的太多,會顯得你不夠專業!
看完上面兩張Banner圖是不是發現瞭同樣的問題,字體和背景融到一塊去瞭,在閱讀的時候非常的不方便
這樣的Banner如何才能達到廣而告知呢?
包括做移動界面也是一個道理,選擇下面這樣的一個背景,用戶在光照很強的時候能看清嗎?
所以
易讀性和易用性是用戶的根本訴求!
三.字體樣式與氣氛要匹配
結合文案內容,設計風格采用瞭比較明快剛勁的設計風格,字體也選擇瞭比較剛勁有力的造字工坊勁黑體。氣氛匹配,用戶代入感強。
活動banner的氣氛非常重要,選擇合適的字體樣式能加強購買欲和點擊欲。
以風格分類常用的字體有以下幾種類型
1.平穩型字體
方正蘭亭系列是網頁設計中必用的字體,穩重而細膩,還具有時尚科技感。
看看下面這個蘋果的網頁,就造瞭
用瞭方正蘭亭超細後的感覺,是不是高端瞭許多~
2.剛勁有力型
張海山的字體非常的好用,可以試試,清晰明瞭,年輕有力
3.可愛型字體
使用方正經黑設計的內涵banner
是不是很可愛很有深度~~~
二.界面中文字使用的規則
1.瞭解系統字體
iOS系統中用的是蘋方字體系列
為瞭加強層次關系蘋方系列從細到粗有著不同的樣式
Android的默認字體是Roboto和Noto系列
Roboto有6種字樣
Thin、Light、Regular、Medium、Bold 和 Black
2.統一字號
一個App,不同位置的字體字號
你能準確地說出來嗎?
如果不能,說明你還不瞭解規范,沒有去制定規范。
那我們先瞭解一下常規的一些大小(應用於2倍尺寸中,即iphone5/6)
導航主標題字號:34/36px
蘋果默認標題字號為34px,而有些軟件也會用到36px,更加強頁面位置關系
比如微信導航標題字號36px,導航字體醒目易於對應頁面位置。
在內文展示中字號大小又是多大呢?
正文字號32px-34px
副文是28px-24px
最小字號不低於20px
字在正文字號使用中,閱讀類的APP更註重文本的閱讀便捷性
正文字號34px,會選擇性的選用蘋方粗體
而列表形式、工具化的APP普遍是正文32px
(由於屏幕使用變大正文大小趨勢變成瞭34px)
副文案28px,時間文字24px
註意瞭!在選用字體大小的時候一定要選擇偶數的字號。因為在開發界面的時候,字號大小換算是要除以二的
那網頁中常用的字號有哪些呢?
網頁字號最小12px
常用微軟14px/16px作為正文
大號字體是18px、20px、26px、30px
(註意使用雙數字號,單數的字體在顯示的時候會有毛邊)
好的設計不應該永遠是“人傢的設計”
一定是看得不夠多,琢磨不夠透,練手太少
培戀網絡原創版權,轉載請註明出處:
培戀網原創版權,網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址:http://www.gdszrq.com/news/51903.html
在線咨詢
企業關鍵詞排名優化是指通過提高企業在搜索引擎中的排名,來……
隨著互聯網的不斷發展,越來越多的企業開始意識到,擁有一個……
在網絡推廣優化中,不同類型的網站有不同的優化方法和策略。……
搜索引擎優化是一項長期的工作,很多站長經常遇到這樣一個問……
2023年,抖音小店出了一堆新政策,包括0元可以入駐抖店,個人……
你的小店體驗分是不是下降了,但是自己不知道提升是不是?小……