**像素級細(xì)節(jié)也適用于Grunge風(fēng)格: AvalonStar
譯注:Grunge風(fēng)格有“做舊”、“迷幻搖滾”、“做臟”等幾層意思在里面,算是平面藝術(shù)中的一個流派。
下面的例子是漂亮的AvalonStar:Distortion(扭曲)主題博客,有著更贊的grunge風(fēng)格。不過,即便是骯臟做舊的grunge風(fēng),利用1像素高光也能創(chuàng)造大不同。下圖的Example 1 處,上面的棕色區(qū)域有一個漸變陰影,下面的綠色區(qū)塊的更部則有著一條1像素高亮線。陰影與1像素線的結(jié)合,讓這些區(qū)塊顯得更為精致。
**細(xì)節(jié)小貼士
要在這一技巧上達到**,不斷的實踐尤為重要。如您所見,一條1像素線這么簡單的東西就能給設(shè)計添加非??岬纳疃雀小D闵踔敛灰欢ㄒ玫侥切┑菇腔驖u變,費盡心力做一些實實在在的置于某對象之上的效果。
[i]一定得是細(xì)節(jié)
小細(xì)節(jié)完善內(nèi)容感官是關(guān)鍵。
[/i][i]思考像素級問題
描邊、漸變、線條、陰影等等,不用太寬大也能有效增強設(shè)計。
[/i][i]前后對比
應(yīng)用效果后注意與沒有這種效果之前進行對比。如此你就能知道這些細(xì)節(jié)到底帶來了哪些改觀。
[/i]
03. 文字排列與字體選用的訣竅
盡管設(shè)計師大都不會親自撰寫網(wǎng)站的實際內(nèi)容,不過他們對于內(nèi)容的整體品質(zhì)仍然至關(guān)重要。網(wǎng)頁設(shè)計師的作用就是要保證內(nèi)容的展現(xiàn)方式足夠易讀。有很多方法能保證你的字體易讀易用,不過我不會給大家列一些該做什么或者不能做什么的規(guī)矩和條款,我?guī)Ыo大家的是一些聰明運用字體的實例和分析。
仔細(xì)考慮了字體的實例
The Netsetter上大而漂亮的字體
網(wǎng)頁設(shè)計中,標(biāo)題很重要,對于博客設(shè)計來說尤為如此。更近流行在標(biāo)題上使用大而粗的字體。這樣做有很多好處,不僅能提高特定內(nèi)容區(qū)塊的可用性,而且有助于組織設(shè)計中的空間和結(jié)構(gòu)。 Netsetter 在這方面做得非常好,如您所見,標(biāo)題字體很大,周圍有大量留白,十分易讀。
行間空白和字符間距
Viget 的網(wǎng)站是字體究竟對網(wǎng)頁設(shè)計有多重要的**實例。下面的截圖來自他們的作品集展示頁,再一次展示了大字體是如何幫助創(chuàng)建開放空間的。即使是這種清爽的細(xì)線體,他們也使用了寬闊的空白。另一個值得稱道的地方是他們對于行高 (line height) [行間空白]的的更妙選擇。行間距被設(shè)定得比默認(rèn)值大很多,大大增強了文字可讀性。也許下次你可以在自己的設(shè)計中也試一試這個技巧。
Web Design Ledger, 配合情緒的字體
要找到**的字體需要不斷的嘗試和失敗,或者你還可以根據(jù)字體所代表的“情緒”來選擇字體。下面的例子,Web Design Ledger, 在給人以復(fù)古和做舊感的同時,也飽含開放的情緒與現(xiàn)代感。他成功的關(guān)鍵就在于選擇了能喚起人們相應(yīng)情緒的字體。Henry Jones (該站的設(shè)計師) 為標(biāo)題選擇了一種流行的傳統(tǒng)襯線字體:Georgia,為懷舊復(fù)古風(fēng)的實現(xiàn)提供了很大裨益。現(xiàn)代感則來自與標(biāo)題完全不同的字體——主內(nèi)容使用的Helvetica字體,一種無襯線的、滑溜的、開放的字體。
頁設(shè)計師的作用就是要保證內(nèi)容,謝謝圍觀。
查看更多寧波網(wǎng)站制作公司設(shè)計師作用內(nèi)容