本節書摘來自異步社區《眾妙之門——網頁排版設計制勝秘訣》一書中的第3章，第3.4節，作者： 【德】Smashing Magazine 譯者： 侯景艷 , 范辰 更多章節內容可以訪問云棲社區“異步社區”公眾號查看。

3.4 展現品牌視覺的同時保持網頁的可讀性

為了讓網頁在浩瀚的互聯網世界中脫穎而出，設計師需要讓網頁的視覺設計保持很高的質量。在某些情況下，這意味著你要對網頁進行精心的設計。隨著演示性和風格性的網站越來越受歡迎，一定要為網頁挑選最適合的版式，這一點特別重要。下面，讓我們來看一些風格獨特的網站，它們都在設計中使用了丑和臟的元素。我們已經在文章“The Secrets Of Grunge Design”中看過了這些網站，只是形式不太一樣罷了。

在Pain is Good網站，品牌理念主導著網頁的設計（見下頁）。網頁上大多數文字都被圖片所替代，這讓設計師能夠充分利用品牌識別的力量。

當我們把字體嵌入圖像中，就能以各種富有創意的方式來利用它們。設計師為了強調品牌理念，在商標中使用了“pain（痛苦）”字樣，但因為是圖像而非文字，所以將會被搜索引擎屏蔽。而且頂部的導航欄也做了非常規的處理，致使導航欄元素間的對比很弱，雖然能看清楚，但還是應該稍作改善。

Bart-Jan Verhoef網站則更注重文字而不是視覺元素。設計師精心挑選了一些品牌和設計元素用圖像來表達，但是大部分仍是文字表述。設計氛圍通過背景圖片

營造出來，而文字的功能性未受影響。

這種方式既能營造出“臟”設計的感覺，又能很好地滿足用戶的需求。下面即將講述“將文字看作用戶界面”部分，先讀一讀這個章節的內容，再回過頭看上面的設計，你就能體會個中內涵。

這是一個結合了美觀與可讀性的出色例子：www.subdued.net。

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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的《众妙之门——网页排版设计制胜秘诀》——3.4 展现品牌视觉的同时保持网页的可读性...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。