網頁設計中的點滴細節把握(4)
文章來源于 Zhouwenqi，感謝作者 佚名 給我們帶來經精彩的文章！設計教程/前端設計/前端設計2010-09-01
4)關于陰影與質感： 在設計點綴版面時需要有深度和3D質感的時候，可能就會用到投影、陰影、光線感等效果。但web設計和平面廣告不同，太強、太硬的質感只會讓頁面顯得粗糙，web頁面是個很細致的活，還是那句話，這里
4)關于陰影與質感：
在設計點綴版面時需要有深度和3D質感的時候，可能就會用到投影、陰影、光線感等效果。但web設計和平面廣告不同，太強、太硬的質感只會讓頁面顯得粗糙，web頁面是個很細致的活，還是那句話，這里只說細節，先看圖：
陰影要小一點、顏色要淺一點,另外這里面其實還有一個問題，和前面講的邊框一樣，如果圖片是的投影顏色與圖片顏色(或背景顏色)相同，效果會很尷尬，所以要邊框一樣給圖片加一個間隔距離：
理論上講，將一個沒有質感的元素進行投影或加陰影是不現實的!前面講的一些陰影效果，元素本身沒有任何質感。看下面的例子：
上圖Button和價格區塊的投影沒有質量,修改后如下圖:
其實陰影和質感是隨網站整體風格相關聯的,某種情況下還不如不加上去。
關于深色背景下的質感，陰影和投影是不現實的，所以只能用發光或光線質感來實現。
情非得已
推薦文章
-
21個Sketch實用高頻小技巧2019-02-15
-
25款值得收藏的優秀網站模板免費下載2015-09-16
-
20套高質量的免費網頁模版PSD素材2013-09-02
-
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
-
CSS實例教程：十步學會用CSS建站2011-10-05
-
網頁設計師：淺淡網頁BANNER設計2010-09-27
-
網頁細節教程：WEB設計精確點滴2010-09-13
-
網頁設計中的點滴細節把握2010-09-01
-
總結交互組件創新的四種方式2010-06-28
-
最全的國外電子商務CSS模板下載2010-06-18
熱門文章
-
5個網站設計實例解析網頁設計趨勢
相關文章4452018-11-29
-
實例分析9款驚艷的網頁設計作品
相關文章5142018-10-10
-
10種網頁設計中字體的運用方式
相關文章3472018-05-10
-
優秀的網頁設計和開發資源干貨集合
相關文章5102018-05-10
-
精選5月最流行的網頁設計趨勢
相關文章4832018-05-10
-
詳細解析10個2018年網頁設計趨勢
相關文章5182017-12-17
-
設計師須知的已過時的網頁設計趨勢
相關文章3012017-12-11
-
神秘的黑色主題網頁設計配色技巧
相關文章4112017-11-17
