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

網(wǎng)頁(yè)設(shè)計(jì)的細(xì)節(jié)至關(guān)主要，因?yàn)檎�是它們給用戶留下好印象，這些細(xì)節(jié)支撐起網(wǎng)站的體驗(yàn)，提高易用性。正如同Eames所說(shuō)，它們成就了設(shè)計(jì)，不注重細(xì)節(jié)會(huì)讓設(shè)計(jì)感流失。

接下來(lái)，我們一同看看這11款設(shè)計(jì)驚艷的網(wǎng)站。它們的好設(shè)計(jì)源于細(xì)節(jié)，有的界面雅致，有的交互出彩。深入揣摩這些案例，也許你的下一個(gè)網(wǎng)頁(yè)設(shè)計(jì)作品會(huì)特別很是壯大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

Basecamp 是一個(gè)基于網(wǎng)頁(yè)的項(xiàng)目管理工具。正如同它的介紹，速度和效率是至關(guān)主要的。

這是網(wǎng)站的驗(yàn)證界面，設(shè)計(jì)師巧妙的事先隱藏了確認(rèn)的按鈕，只有當(dāng)你輸入了準(zhǔn)確的驗(yàn)證碼之后，OK按鈕才會(huì)出現(xiàn)。這種措施不僅提高了網(wǎng)站的性能，還通過(guò)讓按鈕從無(wú)到有，將“驗(yàn)證碼準(zhǔn)確”的概念具現(xiàn)化，觸動(dòng)用戶，增添成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

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

VERSATILE TYPOGRAPHIC GRID BY BERGER & FÖHR

2014年5月去世的先鋒設(shè)計(jì)師Massimo Vignelli曾說(shuō)過(guò)，排版的柵格是“書(shū)的內(nèi)衣”。其實(shí)由此推導(dǎo)，柵格系統(tǒng)又何嘗不是“網(wǎng)頁(yè)的內(nèi)衣”呢？也正式它的存在，讓網(wǎng)站整飭而干凈。

在Berger & Föhr 為 Boulder現(xiàn)代藝術(shù)博物館的網(wǎng)站進(jìn)行重新設(shè)計(jì)的時(shí)候，柵格系統(tǒng)的“內(nèi)衣”作用是如此的鮮明。當(dāng)你瀏覽網(wǎng)頁(yè)的時(shí)候，圖片、文字段落、導(dǎo)航的邊緣都隱約看到柵格的痕跡，你會(huì)在這里體味到對(duì)齊的力量。更主要的是，即使網(wǎng)站隨著屏幕響應(yīng)的時(shí)候，柵格所施加的影響依然存在。

不論網(wǎng)頁(yè)的內(nèi)容的屬性是啥，使用柵格來(lái)嚴(yán)酷組織內(nèi)容是首要的工作。

PRIDE IN PLACE CELEBRATED BY MAKER’S ROW

越來(lái)越多的歐美網(wǎng)站開(kāi)始在團(tuán)隊(duì)頁(yè)面中標(biāo)注設(shè)計(jì)師的家鄉(xiāng)，聲明這個(gè)站點(diǎn)的“田園”。在足球領(lǐng)域，球隊(duì)的球員介紹頁(yè)面上，大家都喜好“自豪地介紹球員來(lái)自……”，也正是這種“基于位置”的信息強(qiáng)化了整個(gè)隊(duì)伍的歸屬感和凝聚力。同理百度排名優(yōu)化，設(shè)計(jì)師們的“田園”信息也有著同樣的作用。

DIRECT ACCESS BY TWLOHA TO SOCIAL MEDIA

社交服務(wù)是如此之多，動(dòng)不動(dòng)倆服務(wù)還會(huì)在圖標(biāo)上撞個(gè)衫啥的，直接導(dǎo)致用戶在分享的時(shí)候點(diǎn)錯(cuò)地方，而在歐美國(guó)家，這種情況更加嚴(yán)重。好在有TWLOHA，用帶字體樣式的文字LOGO替代圖標(biāo)，識(shí)別度提高了，美觀度也有所保證。