2014年7月14日 星期一

電子商務網站的設計技術分析 - 文字原則


文字原則


1. 一個畫面,文字種類字型不要超過三種。


2. 一段文字,要注意字距與行距的字體大小和空白比例。


- 字句每一行最好25到35個中文字。
- 字型大小一般為12px,不要寫於10px。
- 行距的大小以1.5倍行距較佳。


3. 重點字形樣式必須一致,以增加好的可讀性。


4. 文字的超連結互動,必須符合一致性。


5. 大小寫必須有分別,也注意是否方便閱讀。


6. 初學者先撇開具有意義的歷史文字。


7. 網頁字形工具:google font & adobe font。


天貓網站字型與CSS的關係,應符合幾項呢?


1. body設定字型大小與字型類別為font:12px/1.5 tahoma,arial。
2. font-family:除了基本字型Arial,天貓再每一層樓置入不一樣的天貓自家的字型,這一些字型屬於CSS3的用法,不同於一般網站的基本字型。
3. font-size:字型大小方面,使用12~18px的字級。
4. 多以文字代替圖片,以增加下載的速度。
5. 英文字型和中文字型大小差了一點級數,天貓網站讓英文字型大一點,使得和中文字型看起來是一樣的,算是一般的做法。
6. line-height:字體行距多為1.5倍行距,較多的空白增加可讀性。



沒有留言:

張貼留言