高品質(zhì)的網(wǎng)頁設(shè)計與技巧之五（自我克制與精妙細(xì)節(jié)）

“Things”網(wǎng)站上的柔和漸變
對于我訪問過的站點，我總是很關(guān)注他們的細(xì)微漸變。聽起來可能有點惱火，不過我就是忍不住要去研究別人的那些小細(xì)節(jié)，以積累我將來設(shè)計時的靈感。漸變是最被濫用的設(shè)計方法之一，不過運用成功的話，還是能讓設(shè)計增色不少，它所能提供的真實感和深度感是其他技巧所不能達(dá)到的。大部分人都不太注意漸變，不過別人對漸變的運用確實是我最好的靈感來源。

Icon Dock 上的投影
Icon Dock的網(wǎng)站簡直就是各種精妙細(xì)節(jié)聚在一起開大會。像素級高光，漸變，以及投影。不過在這里我們只關(guān)注它的投影。不是很大，透明度也被調(diào)高，小心翼翼地烘托著內(nèi)容區(qū)塊，讓其成為真正的焦點。實在漂亮~

精細(xì)的背景材質(zhì)：Scouting for Girls
材質(zhì)性背景要么成全你的設(shè)計，要么毀掉你的設(shè)計。很多復(fù)雜的背景除了分散讀者注意力，沒有帶來任何好處。最終使得設(shè)計品質(zhì)大為降低。所以，最好還是一直保持你的背景材質(zhì)細(xì)微而柔和。 Scouting for Girls的網(wǎng)站在運用材質(zhì)打造整體風(fēng)格和設(shè)計品質(zhì)方面做得極好。

做舊與撕碎的啟發(fā)： Viget Advance
我從來不覺得越細(xì)微越好，任何細(xì)節(jié)的“細(xì)度”都以可見為前提?？赡苋藗儾]有清楚地意識到，不過這些細(xì)節(jié)必定確實產(chǎn)生了影響。博客Viget Advance的例子中，在做舊與撕碎效果方面，能給我們一點啟發(fā)。 只是非常細(xì)微的做舊，不過如果沒有這效果，這張人造紙就會顯得平淡無奇，枯燥乏味了。正是這些小小的“不完美”讓這畫面顯得更可信，更真實。

WebDesignerWall 上的水彩效果
使用水彩效果的時候，關(guān)鍵是要確保顏色混合得足夠柔和，濃淡變化適宜，而且… 足夠“水”。水彩效果為你的設(shè)計提供很多好處：精細(xì)而和諧的多種色彩，感染力極強(qiáng)的材質(zhì)感…… 正因如此，越來越多的設(shè)計師選擇了在他們的設(shè)計中創(chuàng)造水彩效果。

精妙的植物：Dara’s Garden
下面是一個充滿智慧的關(guān)于精妙植物細(xì)節(jié)的設(shè)計。網(wǎng)上還有很多更加栩栩如生的植物圖案，而且也非常漂亮，不過這個例子中，我關(guān)注的是背景上那些更清淡更微妙的細(xì)節(jié)。這個例子展現(xiàn)了細(xì)節(jié)的重要性，柔和的色彩，做舊的效果，喚起你對細(xì)節(jié)的感知，不過卻并不形成為主要焦點。

運用精妙細(xì)節(jié)的小貼士
我認(rèn)為，精妙細(xì)節(jié)能讓一項好的設(shè)計升華為燦爛奪目的設(shè)計。如果你還在尋找讓設(shè)計與眾不同的方法，精妙細(xì)節(jié)是個不錯的嘗試方向。 以下是關(guān)于運用精妙細(xì)節(jié)的小貼士：

創(chuàng)建細(xì)節(jié)圖層
不要在一個筆刷或材質(zhì)上吊死，多加些圖層，多做點細(xì)節(jié)
嘗試不同透明度和色彩
有時候只有 3% 的不透明度也能產(chǎn)生正面影響
拒絕縮手縮腳
不要擔(dān)心太多細(xì)微，或者太不明顯

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com