網(wǎng)頁(yè)設計常用的技能手法:色彩疊加
當然,許多色彩并不全都是靠有色半透明圖層疊加出來(lái)的,有時(shí)候僅僅是使用單純的黑白灰來(lái)疊加,創(chuàng )造出不同的明暗效果,這樣也能很好的實(shí)現一些效果。
上面所顯示的這個(gè)名為“ Call me lsh ”的網(wǎng)站中,設計師在背景上覆蓋了一層半透明的白色,讓用戶(hù)的專(zhuān)注點(diǎn)集中到前景的文字上去,但是背景的攝影師微笑的表情依然潛移默化地影響著(zhù)用戶(hù)的情緒。
色彩和圖片的組合讓訪(fǎng)客不知不覺(jué)地同背景的攝影師產(chǎn)生了情緒上的互動(dòng),也許一份報酬豐厚的工作正悄悄來(lái)到。
4.選擇高對比度的圖片
當你想要在設計項目中使用色彩疊加這種技法的時(shí)候,置于底層的圖片或者視頻是最重要的組成部分。
一張平庸的圖片不管你怎么疊加色彩都很難達到驚艷的效果,而圖片本身如果有著(zhù)良好的對比度,那么能夠在疊加圖片之后構成漂亮的明暗效果,將設計的優(yōu)勢最大化。
當然,如果圖片的可選范圍本身就不大,那么最好嘗試使用PhotoShop之類(lèi)的軟件先提升圖片的對比度,否則實(shí)際效果可能達不到你預期的目標。
想要達成好效果的方法有很多,還有一種方法就更加簡(jiǎn)單粗暴了:從黑白的圖片開(kāi)始著(zhù)手。對于初學(xué)者而言,黑白圖片的對比度更容易控制。你可以嘗試采用黑白色調的突破背景,搭配彩色的半透明圖層。
當你使用色彩疊加到圖片和視頻上的時(shí)候,有兩種處理方法:
A. 圖片盡可能自然。色彩、明暗、陰影都應該處于自然的狀態(tài),疊加的色彩應當盡可能微妙;
B. 用完全出乎意料的色彩疊加在圖片上,創(chuàng )造出獨一無(wú)二的效果。
這么設計的好處在于用戶(hù)會(huì )更加專(zhuān)注于網(wǎng)站內容,強化整體的設計感。
5.嘗試部分疊加
<< 上一篇:網(wǎng)頁(yè)設計手機移動(dòng)端設計稿寬度多少 | >> 下一篇:響應式網(wǎng)頁(yè)設計的9項基本原則 |
- 2018-02-21網(wǎng)頁(yè)設計手機移動(dòng)端設計稿寬度多少
- 2018-02-10平面設計以及印刷常用的標準尺寸大全
- 2018-02-08人工智能網(wǎng)頁(yè)設計的特點(diǎn)和優(yōu)勢
- 2018-02-052018年較新流行的網(wǎng)頁(yè)設計趨勢
- 2018-02-05響應式網(wǎng)頁(yè)設計與自適應網(wǎng)頁(yè)設計有什么區別
- 2018-02-01網(wǎng)頁(yè)設計制作簡(jiǎn)化網(wǎng)頁(yè)設計的方法
- 2018-01-29網(wǎng)頁(yè)設計領(lǐng)域中的開(kāi)放式布局
- 2018-01-29影響網(wǎng)頁(yè)設計的5個(gè)關(guān)鍵因素
- 2018-01-22網(wǎng)頁(yè)設計師如何和客戶(hù)理解與溝通
- 2018-01-20網(wǎng)頁(yè)設計中的排版原則有哪些
- 2018-01-18網(wǎng)頁(yè)設計必須注意的一些常見(jiàn)問(wèn)題
- 2018-01-02網(wǎng)頁(yè)設計中flex布局垂直水平居中
- 2017-12-15網(wǎng)頁(yè)設計flex布局瀏覽器兼容解決方案
- 2017-11-20室內家裝常用的墻面裝修材料有哪些
- 2017-10-27網(wǎng)頁(yè)設計為什么在不同電腦顯示不一樣
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16