網頁設計常用的技能手法:色彩疊加
當然,許多色彩并不全都是靠有色半透明圖層疊加出來的,有時候僅僅是使用單純的黑白灰來疊加,創造出不同的明暗效果,這樣也能很好的實現一些效果。
上面所顯示的這個名為“ Call me lsh ”的網站中,設計師在背景上覆蓋了一層半透明的白色,讓用戶的專注點集中到前景的文字上去,但是背景的攝影師微笑的表情依然潛移默化地影響著用戶的情緒。
色彩和圖片的組合讓訪客不知不覺地同背景的攝影師產生了情緒上的互動,也許一份報酬豐厚的工作正悄悄來到。
4.選擇高對比度的圖片

當你想要在設計項目中使用色彩疊加這種技法的時候,置于底層的圖片或者視頻是最重要的組成部分。
一張平庸的圖片不管你怎么疊加色彩都很難達到驚艷的效果,而圖片本身如果有著良好的對比度,那么能夠在疊加圖片之后構成漂亮的明暗效果,將設計的優勢最大化。
當然,如果圖片的可選范圍本身就不大,那么最好嘗試使用PhotoShop之類的軟件先提升圖片的對比度,否則實際效果可能達不到你預期的目標。
想要達成好效果的方法有很多,還有一種方法就更加簡單粗暴了:從黑白的圖片開始著手。對于初學者而言,黑白圖片的對比度更容易控制。你可以嘗試采用黑白色調的突破背景,搭配彩色的半透明圖層。

當你使用色彩疊加到圖片和視頻上的時候,有兩種處理方法:
A. 圖片盡可能自然。色彩、明暗、陰影都應該處于自然的狀態,疊加的色彩應當盡可能微妙;
B. 用完全出乎意料的色彩疊加在圖片上,創造出獨一無二的效果。
這么設計的好處在于用戶會更加專注于網站內容,強化整體的設計感。
5.嘗試部分疊加

<< 上一篇:網頁設計手機移動端設計稿寬度多少 | >> 下一篇:響應式網頁設計的9項基本原則 |
- 2018-02-21網頁設計手機移動端設計稿寬度多少
- 2018-02-10平面設計以及印刷常用的標準尺寸大全
- 2018-02-08人工智能網頁設計的特點和優勢
- 2018-02-052018年較新流行的網頁設計趨勢
- 2018-02-05響應式網頁設計與自適應網頁設計有什么區別
- 2018-02-01網頁設計制作簡化網頁設計的方法
- 2018-01-29網頁設計領域中的開放式布局
- 2018-01-29影響網頁設計的5個關鍵因素
- 2018-01-22網頁設計師如何和客戶理解與溝通
- 2018-01-20網頁設計中的排版原則有哪些
- 2018-01-18網頁設計必須注意的一些常見問題
- 2018-01-02網頁設計中flex布局垂直水平居中
- 2017-12-15網頁設計flex布局瀏覽器兼容解決方案
- 2017-11-20室內家裝常用的墻面裝修材料有哪些
- 2017-10-27網頁設計為什么在不同電腦顯示不一樣