Photoshop提圖片取色彩及應(yīng)用的技巧

2023-12-04 17:16:36 來源/作者: / 己有:0人學(xué)習(xí)過

二、提取到的色彩怎樣應(yīng)用

按照咱們第一步提取的顏色做了一個Metro風(fēng)格改進(jìn)版的頁面(里面的內(nèi)容可以無視,都是替代文字)。先感受下。。。

Photoshop從作品中提取色彩及應(yīng)用的技巧

單純說顏色的話,這個話題還真不好說,因為咱們最終要出的是呈現(xiàn)內(nèi)容的界面,讓圖形、文字、色彩相互協(xié)調(diào),而不是做排列顏色的色譜,所以就牽扯到框架布局和內(nèi)容展示層級的問題。

Photoshop從作品中提取色彩及應(yīng)用的技巧

這個頁面和現(xiàn)在的主流網(wǎng)站框架差不多,從上到下主要分為三個部分,導(dǎo)航區(qū)域、banner、內(nèi)容區(qū)。

具體顏色應(yīng)用為:

導(dǎo)航文字及l(fā)ogo的顏色為最淺的藍(lán)色。

banner區(qū)域既大背景,這里用了咱們開始的圖片。上邊的大標(biāo)題logo則用了最深的藍(lán)色。

內(nèi)容區(qū)域出現(xiàn)的提取帶的三個色相的色彩,如果只是排列剩下的幾個顏色的話,顏色會很沖,完全不能接受。所以找了幾張圖片用來過渡顏色,調(diào)整畫面的節(jié)奏?,F(xiàn)在看來效果好不錯,內(nèi)容區(qū)域的文字顏色與導(dǎo)航文字一致,都是最淺的藍(lán)色。

內(nèi)容區(qū)域的幾個按鈕并沒有用提取的顏色,而是白色疊加然后調(diào)整出透明度來的

這個技巧還望大家靈活運用,如果單純靠機(jī)器程序的話,自己的感覺依舊很難找。如果你真的對設(shè)計感興趣的話請不要忘記設(shè)計師的三多:多看、多想、多練,看到,理解,通過自己形式表現(xiàn)出來。