本節書摘來自異步社區《眾妙之門——網頁排版設計制勝秘訣》一書中的第3章,第3.4節,作者: 【德】Smashing Magazine 譯者: 侯景艷 , 范辰 更多章節內容可以訪問云棲社區“異步社區”公眾號查看。
3.4 展現品牌視覺的同時保持網頁的可讀性
為了讓網頁在浩瀚的互聯網世界中脫穎而出,設計師需要讓網頁的視覺設計保持很高的質量。在某些情況下,這意味著你要對網頁進行精心的設計。隨著演示性和風格性的網站越來越受歡迎,一定要為網頁挑選最適合的版式,這一點特別重要。下面,讓我們來看一些風格獨特的網站,它們都在設計中使用了丑和臟的元素。我們已經在文章“The Secrets Of Grunge Design”中看過了這些網站,只是形式不太一樣罷了。
在Pain is Good網站,品牌理念主導著網頁的設計(見下頁)。網頁上大多數文字都被圖片所替代,這讓設計師能夠充分利用品牌識別的力量。
當我們把字體嵌入圖像中,就能以各種富有創意的方式來利用它們。設計師為了強調品牌理念,在商標中使用了“pain(痛苦)”字樣,但因為是圖像而非文字,所以將會被搜索引擎屏蔽。而且頂部的導航欄也做了非常規的處理,致使導航欄元素間的對比很弱,雖然能看清楚,但還是應該稍作改善。

Bart-Jan Verhoef網站則更注重文字而不是視覺元素。設計師精心挑選了一些品牌和設計元素用圖像來表達,但是大部分仍是文字表述。設計氛圍通過背景圖片
營造出來,而文字的功能性未受影響。
這種方式既能營造出“臟”設計的感覺,又能很好地滿足用戶的需求。下面即將講述“將文字看作用戶界面”部分,先讀一讀這個章節的內容,再回過頭看上面的設計,你就能體會個中內涵。

這是一個結合了美觀與可讀性的出色例子:www.subdued.net。
當然,設計師和藝術家還會繼續在可讀性的范疇中探索。最佳的方式就是在個人的設計案例中進行各種設計實踐,比如下面的網站Exp Typo。注意,頁面左下角與舊打字機圖片交疊部分的文字很難辨認。
