|
您的位置: 首頁 > 網(wǎng)站資訊 > 網(wǎng)站制作之色彩搭配終極指南 |
網(wǎng)站制作之色彩搭配終極指南發(fā)布日期:2017/5/6
不同的行業(yè),不同的風(fēng)站風(fēng)格,在此就筆者的網(wǎng)站制作經(jīng)驗(yàn)來談下網(wǎng)站設(shè)計(jì)的風(fēng)格方向與搭配效果 一、休閑網(wǎng)站風(fēng)格選擇 1.綠色和藍(lán)色都是涼爽而悠閑的色彩,將兩者搭配到一路,體現(xiàn)出明快的氣息。 2.紅色是熱情的象征,在頁面中以紅色系為主,充滿熱情,給人以力量。 3.使用明度低的藍(lán)色和綠色,難人以清新感的同時(shí),又站人感覺到穩(wěn)重。 4.頁面以暗色調(diào)為主,給人一種神秘感 5.電影網(wǎng)站首頁以剪影風(fēng)格為主,背景色彩雄厚鮮艷,使主題凸起。 6.網(wǎng)站使用炫彩風(fēng)格,其中使用了各種暖色配色,雄厚的色彩讓網(wǎng)站設(shè)計(jì)視覺沖擊力很強(qiáng)。 7.網(wǎng)站以中國式水墨以及古書風(fēng)格元素為主,整體給人一種大氣而沉穩(wěn)的感覺,設(shè)計(jì)業(yè)優(yōu)美。 8.網(wǎng)站整體設(shè)計(jì)比較活潑可愛,風(fēng)格,形象生動。 9.游戲官網(wǎng)的頁面簡單,風(fēng)格活潑可愛,卡通形象的融入讓網(wǎng)站更加生動和形象。 二、教育文化類網(wǎng)站風(fēng)格 1.非盈利組織的網(wǎng)站,是拯救森林的公益宣傳網(wǎng)站,黑色讓人感覺嚴(yán)厲,要穩(wěn)重使用。 2.采用單頁式布局,整個(gè)版面設(shè)計(jì)看起來很有創(chuàng)意。 3.頁面以淡黃色和綠色為主,整體風(fēng)格清新天然。 4.采用多種鮮艷的色彩和清新的花草元素,內(nèi)容活潑向上,氣氛把所握得特別很是好。 5.運(yùn)用黑色和紅色的對比,在質(zhì)感和光澤上體現(xiàn)比較優(yōu)異 6.網(wǎng)站以紅色為主,主字以白色為主,整體給人一種一目了然的感覺。 三、電子商務(wù)類網(wǎng)站 1.在網(wǎng)站站使用不同面積的無彩度的黑、白、灰色,很容易與其它色彩搭配,讓人感覺協(xié)調(diào)。 2.網(wǎng)站使用復(fù)古的深圳色調(diào)的藍(lán)色和綠色,給人一種穩(wěn)重的感覺。 3.頁面使用淡色,大面積乳白色的運(yùn)用,整個(gè)頁面有種透亮的感覺。 4.網(wǎng)站中色塊運(yùn)用面積較大,如藍(lán)色。黃色和白色,給人一種可相信的感覺。 5.使用比較艷的紅色,使整體風(fēng)格活潑,能夠吸引人的視線。 6.以灰色和黃色為主,整體風(fēng)格簡潔大方,用戶體驗(yàn)。 四、健康類網(wǎng)站風(fēng)格 1.網(wǎng)站配色以淡淡的色調(diào) 為主,給人一種舒服,舒適的感覺。 2.配色以藍(lán)色為主,整體給人一種協(xié)調(diào)的感覺。 3.網(wǎng)站中的顏色明度比較低,會給人一種寧靜的感覺。 4.用色以鮮艷的色調(diào)為主,制造出一種平和。恬靜的氛圍。 5.配色以你低明度為主,讓人感覺放松和明快。 6.假如網(wǎng)站的版式經(jīng)較簡單,用色也比較單一,但散發(fā)出的氣息卻讓人感覺愉快。 五、家居裝修類網(wǎng)站風(fēng)格 1.網(wǎng)站運(yùn)用中性的灰色體現(xiàn)出細(xì)膩溫馨的家居場景以及優(yōu)異的產(chǎn)品攝影,將品牌特別很是好地體現(xiàn)出來。 2.網(wǎng)站采用全flash中國風(fēng)設(shè)計(jì)、融入中國國家以及眾多古風(fēng)元素,設(shè)計(jì)優(yōu)美,讓人心曠神怡。 3.用橙黃色等大量暖色的融入,使整體感覺細(xì)膩優(yōu)美。 4.以明凈的天空、湛藍(lán)的海水和柔軟的沙灘為背景,打造出清新天然,令人產(chǎn)生無限憧憬的詩般夢境。 5.采用純度高的黑色,及藍(lán)天,草地作為裝飾元素,給人一種淡雅的感覺,在藍(lán)色的背景下采用有創(chuàng)意的淡色字體,讓人一目了然。 6.主頁以家居為主,戲色和紫色的家具讓人感覺優(yōu)美、有品位。 7.整個(gè)風(fēng)站冷暖色調(diào)相結(jié)合,搭配協(xié)調(diào),給人一種奢華的感覺。 8.以黃色為主,將歐美高貴生活帶到亞洲,為畫面增添了不少色彩。 六、美容化妝類網(wǎng)站風(fēng)格 1.此網(wǎng)站定位是年輕人,整個(gè)充滿個(gè)性的設(shè)計(jì)和色彩,特別很是迎合這一觀點(diǎn)。 2.網(wǎng)站以海藍(lán)色作為主色調(diào),打造出節(jié)奏舒緩,柔美的效果。 3.網(wǎng)站的圖文設(shè)計(jì)優(yōu)美,有深圳沉的色彩下,使整個(gè)場景分創(chuàng)意很有特色。 4.網(wǎng)站以清亮的藍(lán)色為主色調(diào),把水滴作為畫面的整個(gè)元素,凸起產(chǎn)品補(bǔ)水的功效。 5.清爽明快的亮藍(lán)色,使整個(gè)網(wǎng)站的色彩比較鮮亮,讓人印象深刻。 6.頁面的綠色風(fēng)格讓瀏覽者感受到化妝品成分的自然性,是很有新意的化妝品酷站。 7.網(wǎng)站使用中國風(fēng)元素,通過水墨及古文排版等展示了化妝品的文化氣息,風(fēng)格清新淡雅。 8.使用黑色和紅色的搭配透露出知性的特征。 9.頁面以黑色和藍(lán)色為主色調(diào),用在男性化妝品網(wǎng)站中,體現(xiàn)出清新的效果。 七、藝術(shù)設(shè)計(jì)類網(wǎng)站風(fēng)格 1.以中國的祥云及東方元素為修飾,整體風(fēng)格有張有馳,設(shè)計(jì)很有特色。 2.風(fēng)格以同系色的紅色為主,整體大氣簡潔,而網(wǎng)站標(biāo)志部分設(shè)計(jì)優(yōu)美,是一個(gè)特別很是不錯(cuò)的藝術(shù)設(shè)計(jì)網(wǎng)站 3.網(wǎng)站背景設(shè)計(jì)優(yōu)美,以土黃色為背景,尤其是3D場景很有特色,讓人回味無限。 4.該網(wǎng)站是素材網(wǎng)站,其中運(yùn)用了青色調(diào),使整個(gè)頁面結(jié)構(gòu)比較清晰。 5.將多種卡通人物放在主頁上,凸起頁面主題。 6.優(yōu)雅的高級灰色讓人感覺了到溫文與鎮(zhèn)靜。 八、綜合門戶類網(wǎng)站風(fēng)格 1.網(wǎng)站排版錯(cuò)落有致,配色比較淡雅,看盧來特別很是恬逸。 2.網(wǎng)站界面和功能與ps極為相似,簡單的界面和用色,讓人感覺比較清新。 3.設(shè)計(jì)素材下載網(wǎng)站,用色比較深沉,感覺可信。 4.假如以黑色調(diào) 為主,藍(lán)色的添加使頁面給人以理智的感覺。 5.例如一個(gè)折紙網(wǎng)站,使用各種色彩虛擬出地球和城市,感覺新穎。 6.以flash動畫加載大全網(wǎng)站,設(shè)計(jì)新穎,創(chuàng)意,用色比較素雅,百看不厭。 九、商業(yè)經(jīng)濟(jì)類網(wǎng)站風(fēng)格 1.運(yùn)用大天然的色彩讓人感覺了清新天然,猶如置身于藍(lán)天大海之中。 2.設(shè)計(jì)采用通俗,深圳色調(diào)色何須的運(yùn)用讓人感覺可信和安全。 3.紫色,紫色在網(wǎng)站中的運(yùn)用能夠引起人們的注重。 十、餐飲美食類網(wǎng)站風(fēng)格 1.網(wǎng)站以藍(lán)色和綠色為主,給人以鮮嫩和可愛的感覺。 2.以較淡的色調(diào)為主,透露出悠閑與舒適的感覺。 3.以桔紅色作為主體色,再以黃色相搭配,制造出甜美的效果。 4.將巧克力鐸彩用在藍(lán)色的天空背景中,讓人感覺新穎有趣。 5.使用橙色使人產(chǎn)生食欲的作用,網(wǎng)站整體以這種顏色為主,且設(shè)計(jì)風(fēng)格協(xié)調(diào)同一,制造出美味的效果。 6.以褐色和橙色為主也可制造出美味的效果,讓人留連忘返。 7.以綠色為主,透露出健康的意昧,并且使網(wǎng)站風(fēng)硌清新陽光。 8.采用歐式古典元素,黃色和紅色的運(yùn)用使頁面充滿生機(jī)。 9.整個(gè)網(wǎng)站以巧克力色為主色調(diào),襯托出糖果的甜美。 十一、服裝服飾類網(wǎng)站風(fēng)格 1.明度高的藍(lán)色在網(wǎng)頁中顯得格外清新,版式的設(shè)計(jì)使整體比較活潑。 2.采用中性色彩,整體設(shè)計(jì)天然頁甜美。 3.網(wǎng)站用色比較簡單,只有大面積的乳白色,以鮮艷的色彩作為點(diǎn)綴色,經(jīng)人以個(gè)性化的感覺。 4.使用黃色系這種無邪的色系體現(xiàn)服裝,用充滿童話的色彩的場景體現(xiàn)了一個(gè)品牌的內(nèi)涵。 5.明度越低,顏色就會越暗,將這一網(wǎng)站用在服裝類網(wǎng)站中,使網(wǎng)站充滿神秘。 6.以淡黃色和粉紅色為主,整體設(shè)計(jì)比較簡單,讓人感覺輕快,簡潔大方。 7.灰色有著溫文的特征,與鮮艷色彩相搭配,使整個(gè)網(wǎng)站風(fēng)格活潑,氣氛活躍,特別很是精彩! 8.網(wǎng)站以中性色和淡淡的顏色為主,整體感覺簡潔大方。 使用明度稍低的綠色與藍(lán)色,使畫面產(chǎn)生穩(wěn)重而又無邪的效果。 十二、汽車運(yùn)輸類網(wǎng)站風(fēng)格 1.電動車官網(wǎng)界面以紅色為主,整體設(shè)計(jì)簡潔新穎,讓人感覺優(yōu)美。 2.以用戶體驗(yàn)的網(wǎng)站,以藍(lán)色為主,給人一種很放松的感覺。 3.以雄厚的顏色搭配,頁面用流動的色彩為背景,體現(xiàn)出網(wǎng)站的多彩與活潑,使整個(gè)畫面具有簡約的時(shí)尚感。 4.綠色與紅色搭配,使整站風(fēng)格感覺比較活潑,大氣,主題鮮明。 5.黑色、藍(lán)色和黃色搭配在一盧,給人一種清亮和輝煌的印象。 6.紅色不同明度的轉(zhuǎn)變,凸起了網(wǎng)站空間感,白色的增添,給人以干練的感覺。 網(wǎng)站色彩轉(zhuǎn)變的奧秘就介紹到這里了,在以后的網(wǎng)站實(shí)例制作中還會有許多新的知識,等著你去發(fā)現(xiàn)! |
其他相關(guān)文章 |
|
|
|
||||||||
Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 www.chaojifanwen.com All Rights Reserved |