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

2023-11-02 17:24:50 來(lái)源/作者: / 己有:2人學(xué)習(xí)過(guò)

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

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

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

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

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

這個(gè)頁(yè)面和現(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ì)很沖,完全不能接受。所以找了幾張圖片用來(lái)過(guò)渡顏色,調(diào)整畫面的節(jié)奏?,F(xiàn)在看來(lái)效果好不錯(cuò),內(nèi)容區(qū)域的文字顏色與導(dǎo)航文字一致,都是最淺的藍(lán)色。

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

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