91九色系列视频在线国产,国产高清午夜人成在线观看,,手机色在线,91免费国产在线观看尤物,色综合久久中文综合网

最新案例推薦

點(diǎn)擊查看

掃一掃查看
最新行業(yè)案例

網(wǎng)頁設(shè)計(jì)：對(duì)抗網(wǎng)頁配色4個(gè)絕招

發(fā)表于：2016-08-10

　　01.首先決定基色

　　首先，來決定網(wǎng)站的基色吧！雖然說你可以使用任何你喜歡的顏色，但為了讓別人理解你的設(shè)計(jì)意圖和理念，盡量還是需要注意以下幾點(diǎn)。

　　善于使用手邊的資料客戶端的標(biāo)志上常用的顏色，往往是成功的。避免使用競(jìng)爭(zhēng)對(duì)手的顏色品牌顏色的差異性是非常重要的。

　　了解你的用戶層所喜歡的顏色不管面對(duì)的是怎樣的用戶，你都要知道他們適合什么樣的顏色。不要使用千篇一律的顏色少女向的設(shè)計(jì)并不意味著就是粉紅色，要將你的創(chuàng)意展現(xiàn)出來。決定一個(gè)關(guān)鍵字為了展現(xiàn)出品牌和項(xiàng)目的氛圍、將關(guān)鍵字涂上顏色，在配色遇到困難時(shí)是非常便利的方法。

　　為你的作品設(shè)計(jì)一個(gè)良好的配色方案，參考別人的優(yōu)秀的設(shè)計(jì)是非常有必要的！通過在下列網(wǎng)站上點(diǎn)擊【color】按鈕，你可以根據(jù)你的直覺來選擇一個(gè)顏色。

　　·Dribbble

　　·Designspiration

　　選擇喜歡的顏色之后點(diǎn)擊Update、與之相關(guān)聯(lián)的就以設(shè)計(jì)列表的形式表現(xiàn)出來了。這個(gè)時(shí)候你再來創(chuàng)建一個(gè)配色版，再選取顏色時(shí)我想應(yīng)該會(huì)更加順利。

　　在Designspiration這可以選擇五種顏色相互組合、在形象更相符的作品中選擇合適的配色作為參考。舉個(gè)例子，在這里選擇淡藍(lán)色和粉紅色。

　　點(diǎn)擊Search按鈕、與之相關(guān)聯(lián)的作品就顯示出來了。

　　在調(diào)色板中選擇顏色作為參考時(shí)、調(diào)色板的上段顯示的作品是最新的，設(shè)計(jì)思維最活躍的作品。

　　而下面的，則是更值得信賴的，給企業(yè)的配色作為參考的作品。如果你找到了喜歡的作品、可以用Chrome的拓展程序?qū)㈩伾槌觥⒛阋部梢砸部梢杂肞hotoshop直接將顏色選取出來（在吸管工具的狀態(tài)下，先按住鼠標(biāo)左鍵，然后按住鍵盤上的Option鍵，就可以將【如果是Windows請(qǐng)按ALT鍵CS5以上版本可以使用】將鼠標(biāo)拖動(dòng)到屏幕外面選取顏色了。）

　　02.接下來決定強(qiáng)調(diào)色

　　強(qiáng)調(diào)色就是讓觀眾特別的引起注意的，但是使用的機(jī)會(huì)不多，起到強(qiáng)調(diào)效果的顏色。Paletton這個(gè)網(wǎng)站，使用色彩的基本原理，可以很輕松的創(chuàng)建一個(gè)美麗的配色方案。

　　Paletton基色在前面已經(jīng)決定好了，「淡藍(lán)色（#57CBEC）」輸入到左下角的BaseRGB中、下面的設(shè)計(jì)案例用來參考，讓我們來點(diǎn)擊「AddComplementary（追加上輔色）」按鈕。另外、通過點(diǎn)擊左上角的圖標(biāo)，有大量的可供你決定的配色方案。在這一次，我們的強(qiáng)調(diào)色、就選擇顯眼的紅色（#FF6F59）吧。

　　03.然后決定深色

　　在WEB項(xiàng)目中，你可能需要靈活運(yùn)用同種顏色的不同深淺來進(jìn)行配色。一個(gè)是深灰色的文字文本，而另一個(gè)，則是用來作為背景設(shè)計(jì)時(shí)布置不同的內(nèi)容時(shí)所運(yùn)用的較淺的灰色。通過執(zhí)行下面的步驟，選擇配色進(jìn)行調(diào)和，你可以創(chuàng)建一個(gè)最初的灰色。

　　打開Photoshop、創(chuàng)建一個(gè)新文件，創(chuàng)建兩個(gè)矩形，填充色分別為#424242和#fafafa然后創(chuàng)建一個(gè)新圖層，在上面填充基本色（#57CBEC）。

　　在圖層上右鍵選擇混合模式，設(shè)置為「疊加」、不透明度在「4-40%」的范圍內(nèi)調(diào)整。然后用吸管工具將顏色選取出來就完成了。

　　這是基本顏色適用之前的樣子。不管怎樣的配色都可以用這個(gè)點(diǎn)來對(duì)應(yīng)。

　　然后這個(gè)基本顏色適用之后。只有一點(diǎn)點(diǎn)藍(lán)色，我們創(chuàng)建出了#404d51和#fafbfb這兩種顏色。

　　最后在這里添加上白色（#ffffff），全部5種顏色配色的配色版就順利的做成了。

　　04.讓我們來使用已經(jīng)弄好的配色吧

　　那么讓我們將已經(jīng)做成的配色板上的配色，運(yùn)用到你的網(wǎng)頁中吧！這一次的設(shè)計(jì)案例，我們?cè)谶@個(gè)簡(jiǎn)單的網(wǎng)站線框上練習(xí)使用配色。

　　然后這就是應(yīng)用了我們之前配置好的配色版之后的樣子。

這是只需要五分鐘左右就能完成的工作，一個(gè)擁有你個(gè)人風(fēng)格的網(wǎng)頁設(shè)計(jì)就完成了。

　　我們?cè)賴L試著做一些別的調(diào)色版，然后再相同的模版上使用。這是用橘黃色和藍(lán)色組合出來的配色。

　　如果你想表現(xiàn)出更平靜的氛圍時(shí)可以使用這樣的配色。就算是相同顏色的配色版，應(yīng)用的設(shè)計(jì)要素不同，給人的印象也就不同。

　　如果你想突出的重點(diǎn)沒有被凸顯出來，那就回到上色時(shí)的那一步好好想想吧。如果你還需要更多的豐富多彩的配色方案，通過重復(fù)上面的步驟，你可以將你的調(diào)色板無限的延長。

　　那么，全文到這里就結(jié)束了，步驟總結(jié)起來還是很簡(jiǎn)單的，大家不妨也去試一試，一起來感受設(shè)計(jì)的樂趣吧~

（非特殊說明，本文版權(quán)歸原作者所有，轉(zhuǎn)載請(qǐng)注明出處）
標(biāo)簽：上海網(wǎng)站建設(shè)、上海網(wǎng)站制作、高端網(wǎng)站設(shè)計(jì)、邁若網(wǎng)絡(luò)

手機(jī)隨時(shí)獲取邁若動(dòng)態(tài)，掃描左側(cè)二維碼
添加邁若微信公眾號(hào)【manro_since2005】

相關(guān)文章