網站的文字還需要設計嗎?

來源:互聯網
上載者:User

可能很多人都要問,網站的文字還需要設計嗎?

對於很多的網站來說,字在整個網站的內容中佔了80%以上甚至更多,或者換個角度上說,網站可以沒有顏色,沒有圖片,但唯獨不能沒有文字。
一個產品團隊,有一個角色叫做Content Design,ucdchina有過一期話題叫做 注意介面上的文字 ,非常精彩,我在寫本文之前,再次通讀一遍,一方面是學習,另一方面,是避免寫重複的內容。如果你按照裡面的觀點對照你的網站,相信一定會有所協助的。
那期話題只有 瀟瀟重點說的是文字的視覺方面 ,那篇文章非常精彩,也是該期話題的“瀏覽冠軍”,本文是延續性的一些想法。

先看看網站以外的中文字型設計,英文的本文字型有很多可以選擇,但中文的本文字,總的來說就兩種:宋體和黑體。在傳統的版式設計中,設計師們都喜歡做英文的排版,為什嗎?從視覺上來看,英文的組合很容易形成線和面的關係,而且字母有節奏感,比如aby這三個字母放一起有高矮區別。中文字相對來說,單調、孤立、不流暢。

回到網站中文字的設計,設計師基本上不用考慮在字型上做選擇,只有宋體。前文說:單個字成點,一行字成線,一段字成面。這是版式設計最基本的原理,我們需要做的就是強化這樣的感覺。拿微軟雅黑和宋體來舉例子,本人非常喜歡微軟雅黑的設計。

將12號的宋體和雅黑放大,注意以下細節:

  1. 雅黑要比宋體寬一像素
  2. 雅黑讓每個筆畫往四周撐,比如“是”上面的“日”,雅黑顯得就要飽滿

這麼做的目的只有一個,讓中文字型更容易形成線,從而讀起來更流暢。我們可以看到,儘管雅黑不是真正的正方形,但它看起來要比宋體方一些。

看完上面這個例子,我的觀點也就出來了:別把你的文字看成字,而是看成點,文字的視覺設計其實就是處理點線面的關係。

下面是具體設計方面的點

  1. 字型的單位用em而不用px,儘管12px和0.8em大小差不多。
    updete:感謝網友 Dreamcolor 推薦文章 95%的中國網站需要重寫CSS ,該文很詳細的解釋了px和em的差別和原理。這點寫之前是我想當然了,沒有深入理解em單位。只看到很多用em的視覺效果不好看,現在明白了,是因為沒有把em單位和px對上號。結論是應該用em而不是px,但需要把em的值設定好。
  2. 在css檔案body中的font-family裡面保證”宋體”前面有Arial或者verdana,個人推薦這麼寫:font-family:Helvetica,Georgia,Arial,sans-serif,宋體。這樣能保證你介面中的字母、數字、符號看上去美觀一些,更重要的是更加易讀。
  3. 子條 說:12號宋體時,我們一般使用18-20像素的行距。14號宋體通常使用22-24像素的行距。
    很贊同,這個行距大小隨著單行字數的多少而上下浮動。我認為12px字如果單行字數少的話,17也是可以接受的。
  4. 本文一行字數最好不超過50,首頁的標題文字以8-20字為佳。
  5. 12和14px字相對來說最精緻,13px在需要的時候可以做本文字,word裡面預設的字的大小相當於網頁的13px字。
  6. 對於一段文字,尤其是本文部分,保證左右至少有15px的留白,便於使用者換行時不受到幹擾。
  7. 文字和背景對比要足夠明顯,保證最弱文字的可讀性。

PS1:給 Denis 的 可愛的女兒晨晨設計的wordpress主題 今天出爐了,細節方面還需要再調。那丫頭著實地可愛!

PS2:有一些朋友給我來郵件讓我給貴站提建議,我在寫完這系列視覺設計的文章之後,統一給予回複。我覺得可以從文章觀點中,是否能得到一些協助呢?尤其是可以看看ucdchina的話題。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。