首頁 >web前端 >css教學 >高品質的網頁設計與技巧之五(自我克制與精妙細節)

高品質的網頁設計與技巧之五(自我克制與精妙細節)

黄舟
黄舟原創
2016-12-26 16:00:221124瀏覽

設計師總是在尋找製造衝擊力的方式,總是想做一個獨一無二的設計,創造出前所未有的效果。不過有時候透過自我克制也能形成衝擊力。量變產生質變,過多的「好」也會帶出不好的結果。好的設計師曉得平衡點在哪裡,能避免讓過多的特殊效果毀了一項設計。

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

高品質的網頁設計與技巧之五(自我克制與精妙細節)

Icon Dock 上的投影
Icon Dock的網站簡直就是各種精簡細節聚在一起開大會。像素級高光,漸變,以及投影。不過在這裡我們只關注它的投影。不是很大,透明度也被調高,小心翼翼地烘托著內容區塊,讓其成為真正的焦點。實在漂亮~

高品質的網頁設計與技巧之五(自我克制與精妙細節)

精細的背景材質:Scouting for Girls
材質性背景要么成全你的設計,要么毀掉你的設計。很多複雜的背景除了分散讀者註意力,沒有帶來任何好處。最終使得設計品質大為降低。所以,最好還是一直保持你的背景材質細微而柔和。 Scouting for Girls的網站在運用材質打造整體風格和設計品質方面做得極佳。


高品質的網頁設計與技巧之五(自我克制與精妙細節)

做舊與撕碎的啟發: Viget Advance
我從來不覺得越細微越好,任何細節的「細度」都以可見為前提。或許人們並沒有清楚地意識到,不過這些細節必定確實產生了影響。在部落格Viget Advance的範例中,在做舊與撕碎效果方面,能給我們一點啟發。 只是非常細微的做舊,不過如果沒有這效果,這張人造紙就會顯得平淡無奇,枯燥乏味了。正是這些小小的「不完美」讓這畫面顯得更可信,更真實。


高品質的網頁設計與技巧之五(自我克制與精妙細節)

WebDesignerWall 上的水彩效果
使用水彩效果的時候,關鍵是要確保顏色混合得足夠柔和,濃淡變化適宜,而且… 足夠「水」。水彩效果為你的設計提供許多好處:精細而和諧的多種色彩,感染力極強的材質感… 正因如此,越來越多的設計師選擇了在他們的設計中創造水彩效果。

高品質的網頁設計與技巧之五(自我克制與精妙細節)

精妙的植物:Dara’s Garden
下面是一個充滿智慧的關於精妙植物細節的設計。網路上還有很多更栩栩如生的植物圖案,而且也非常漂亮,不過這個例子中,我關注的是背景上那些更清淡更微妙的細節。這個例子展現了細節的重要性,柔和的色彩,做舊的效果,喚起你對細節的感知,但卻不會形成為主要焦點。

高品質的網頁設計與技巧之五(自我克制與精妙細節)

運用精妙細節的小貼士
我認為,精妙細節能讓一項好的設計昇華為燦爛奪目的設計。如果你還在尋找讓設計與眾不同的方法,精妙細節是個不錯的嘗試方向。 以下是運用精妙細節的小貼士:

創建細節圖層
不要在一個筆刷或材質上吊死,多加些圖層,多做點細節
嘗試不同透明度和色彩
有時只有3% 的不透明度也能產生正面影響
拒絕縮手縮腳
不要擔心太多細微,或者太不明顯

 以上就是高品質的網頁設計與技巧之五(自我克制與精妙細節)的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn