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

2023-11-22 17:19:01 來源/作者: / 己有:1人學(xué)習(xí)過

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

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

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

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

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

這個(gè)頁面和現(xiàn)在的主流網(wǎng)站框架差不多,從上到下主要分為三個(gè)部分,導(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)的提取帶的三個(gè)色相的色彩,如果只是排列剩下的幾個(gè)顏色的話,顏色會(huì)很沖,完全不能接受。所以找了幾張圖片用來過渡顏色,調(diào)整畫面的節(jié)奏。現(xiàn)在看來效果好不錯(cuò),內(nèi)容區(qū)域的文字顏色與導(dǎo)航文字一致,都是最淺的藍(lán)色。

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

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