網(wǎng)站的文字還需要設(shè)計(jì)嗎？

2024-08-30 08:34:00

字體：大中小

供稿：網(wǎng)友

可能很多人都要問，網(wǎng)站的文字還需要設(shè)計(jì)嗎？
對(duì)于很多的網(wǎng)站來說，字在整個(gè)網(wǎng)站的內(nèi)容中占了80%以上甚至更多，或者換個(gè)角度上說，網(wǎng)站可以沒有顏色，沒有圖片，但唯獨(dú)不能沒有文字。
一個(gè)產(chǎn)品團(tuán)隊(duì)，有一個(gè)角色叫做Content Design，ucdchina有過一期話題叫做注意界面上的文字，非常精彩，我在寫本文之前，再次通讀一遍，一方面是學(xué)習(xí)，另一方面，是避免寫重復(fù)的內(nèi)容。如果你按照里面的觀點(diǎn)對(duì)照你的網(wǎng)站，相信一定會(huì)有所幫助的。
那期話題只有瀟瀟重點(diǎn)說的是文字的視覺方面，那篇文章非常精彩，也是該期話題的“瀏覽冠軍”，本文是延續(xù)性的一些想法。
先看看網(wǎng)站以外的中文字體設(shè)計(jì)，英文的正文字體有很多可以選擇，但中文的正文字，總的來說就兩種：宋體和黑體。在傳統(tǒng)的版式設(shè)計(jì)中，設(shè)計(jì)師們都喜歡做英文的排版，為什么？從視覺上來看，英文的組合很容易形成線和面的關(guān)系，而且字母有節(jié)奏感，比如aby這三個(gè)字母放一起有高矮區(qū)別。中文字相對(duì)來說，單調(diào)、孤立、不流暢。
回到網(wǎng)站中文字的設(shè)計(jì)，設(shè)計(jì)師基本上不用考慮在字體上做選擇，只有宋體。前文說：單個(gè)字成點(diǎn)，一行字成線，一段字成面。這是版式設(shè)計(jì)最基本的原理，我們需要做的就是強(qiáng)化這樣的感覺。拿微軟雅黑和宋體來舉例子，本人非常喜歡微軟雅黑的設(shè)計(jì)。

將12號(hào)的宋體和雅黑放大，注意以下細(xì)節(jié)：

雅黑要比宋體寬一像素雅黑讓每個(gè)筆畫往四周撐，比如“是”上面的“日”，雅黑顯得就要飽滿
這么做的目的只有一個(gè)，讓中文字體更容易形成線，從而讀起來更流暢。我們可以看到，盡管雅黑不是真正的正方形，但它看起來要比宋體方一些。
看完上面這個(gè)例子，我的觀點(diǎn)也就出來了：別把你的文字看成字，而是看成點(diǎn)，文字的視覺設(shè)計(jì)其實(shí)就是處理點(diǎn)線面的關(guān)系。
下面是具體設(shè)計(jì)方面的點(diǎn)：

PS1：給 Denis 的可愛的女兒晨晨設(shè)計(jì)的wordpress主題今天出爐了，細(xì)節(jié)方面還需要再調(diào)。那丫頭著實(shí)地可愛！
PS2：有一些朋友給我來郵件讓我給貴站提建議，我在寫完這系列視覺設(shè)計(jì)的文章之后，統(tǒng)一給予回復(fù)。我覺得可以從文章觀點(diǎn)中，是否能得到一些幫助呢？尤其是可以看看ucdchina的話題。

上一篇：需要讓用戶"知其所以然"

下一篇：誰是用戶體驗(yàn)的設(shè)計(jì)者？