的室內設計大師Charles Eames曾說過，“細節并不只關乎它們自己，它們還構成了設計。”的確，每一個網頁都是由無數的細節構成九寨溝旅游包車，而其中的內容也是同樣由這些細節連接組織到一路。不論是提供信息服務的網站，照舊APP的官方宣傳頁，任何一個優異的網站都能夠經受得起挑剔眼光的洗禮，從圖片到布局，從字體到架構。

網頁設計的細節至關主要，因為正是它們給用戶留下好印象，這些細節支撐起網站的體驗，提高易用性。正如同Eames所說，它們成就了設計，不注重細節會讓設計感流失。

接下來，我們一同看看這11款設計驚艷的網站。它們的好設計源于細節，有的界面雅致，有的交互出彩。深入揣摩這些案例，也許你的下一個網頁設計作品會特別很是壯大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

Basecamp 是一個基于網頁的項目管理工具。正如同它的介紹，速度和效率是至關主要的。

這是網站的驗證界面，設計師巧妙的事先隱藏了確認的按鈕，只有當你輸入了準確的驗證碼之后，OK按鈕才會出現。這種措施不僅提高了網站的性能，還通過讓按鈕從無到有，將“驗證碼準確”的概念具現化，觸動用戶，增添成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

在歐洲，在書中使用Colophons（題跋）可以追溯到15世紀的時候（中國就早許多了），不過這個網站是為了將其運用到網站上去。這次，Neoteric Design分享了他們網站的制作筆記——各個部分的功能，從字體軟件到編程語言和內容管理系統。假如訪客想知道一個網站是如何構建起來的，那么這個帶題跋的筆記可以幫助用戶方便快捷得了解這個網站的構建過程西安做網站，知足好奇心。

VERSATILE TYPOGRAPHIC GRID BY BERGER & FÖHR

2014年5月去世的先鋒設計師Massimo Vignelli曾說過，排版的柵格是“書的內衣”。其實由此推導，柵格系統又何嘗不是“網頁的內衣”呢？也正式它的存在，讓網站整飭而干凈。

在Berger & Föhr 為 Boulder現代藝術博物館的網站進行重新設計的時候，柵格系統的“內衣”作用是如此的鮮明。當你瀏覽網頁的時候，圖片、文字段落、導航的邊緣都隱約看到柵格的痕跡，你會在這里體味到對齊的力量。更主要的是，即使網站隨著屏幕響應的時候，柵格所施加的影響依然存在。

不論網頁的內容的屬性是啥，使用柵格來嚴酷組織內容是首要的工作。

PRIDE IN PLACE CELEBRATED BY MAKER’S ROW

越來越多的歐美網站開始在團隊頁面中標注設計師的家鄉，聲明這個站點的“田園”。在足球領域，球隊的球員介紹頁面上，大家都喜好“自豪地介紹球員來自……”，也正是這種“基于位置”的信息強化了整個隊伍的歸屬感和凝聚力。同理百度排名優化，設計師們的“田園”信息也有著同樣的作用。

DIRECT ACCESS BY TWLOHA TO SOCIAL MEDIA

社交服務是如此之多，動不動倆服務還會在圖標上撞個衫啥的，直接導致用戶在分享的時候點錯地方，而在歐美國家，這種情況更加嚴重。好在有TWLOHA，用帶字體樣式的文字LOGO替代圖標，識別度提高了，美觀度也有所保證。