網(wǎng)頁(yè)設(shè)計(jì)中紅色系運(yùn)用案例分析
網(wǎng)頁(yè)設(shè)計(jì)有為重要,無(wú)論是彩色搭配還是非彩色搭配,都應(yīng)該注重。接下來(lái)我們開(kāi)始對(duì)每一種顏色進(jìn)行分析,我們先探索紅色系在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用。
眾所周知,紅色是一種很強(qiáng)烈的情感色彩,能使人感到興奮,故此我們中國(guó)也將紅色認(rèn)為是一種喜慶的顏色,會(huì)給人帶來(lái)快樂(lè)。鮮明的紅色往往能吸引到游客的目光,所以紅色也是網(wǎng)頁(yè)設(shè)計(jì)中常用到的一種顏色。接下來(lái)我們進(jìn)行分析,如何更好的運(yùn)用來(lái)吸引讀者的注意。
紅色是一種刺激性的顏色,現(xiàn)在我對(duì)各種運(yùn)用到紅色的網(wǎng)頁(yè)進(jìn)行一個(gè)分析。
一.食品、飲食類網(wǎng)頁(yè)設(shè)計(jì)
案例一:紅色+深紅色+白色
整個(gè)頁(yè)面是以紅色作為基調(diào),具有很強(qiáng)的沖擊效果,非常符合飲食類網(wǎng)頁(yè)設(shè)計(jì)。白色的字體在紅色中形成反差,整體頁(yè)面非常醒目給人一種視覺(jué)沖擊,讓讀者熱力強(qiáng)盛,產(chǎn)生食欲。
案例二:紅色+深紅色+灰色
整個(gè)頁(yè)面紅色不占主調(diào),但是卻很好的突出了所要表達(dá)的內(nèi)容。用深紅色的可樂(lè)瓶子使界面清晰,紅色的外框、白色的背景,很簡(jiǎn)約卻又很好的突出了所要表達(dá)的主題。所以說(shuō),紅色食品類網(wǎng)站不一定說(shuō)要整個(gè)頁(yè)面都是紅色的,也可以是淺色墊底,紅色突出。
二.公司展現(xiàn)類網(wǎng)站
案例一:淺紅色+深灰色+粉紅色
紅色占了大部分的面積,極易吸引了讀者的視線,加上粉色(淺色系)的加入,整個(gè)畫(huà)面非常融洽卻能極易的突出文字和圖中的圖片。深灰色與紅色的搭配,使整個(gè)頁(yè)面會(huì)更加生動(dòng)而有活力。
四.女性用品網(wǎng)頁(yè)
案例一:白色+淺紅色+粉紅色
以白色略紅的顏色作為主色,搭配輔色紅色和粉紅色,能讓讀者一眼看出這個(gè)是一個(gè)女性類網(wǎng)站,整個(gè)頁(yè)面非常協(xié)調(diào)又不單調(diào)。感人感受到了女性的柔美。
五.其他類網(wǎng)頁(yè)設(shè)計(jì)
案例一:紅色+白色+黃色+深紅色(背景色)
網(wǎng)頁(yè)大部分以紅色為主,加上黃色的搭配,整個(gè)頁(yè)面似乎充滿了活力。白色的文字與背景深紅色產(chǎn)生了鮮明的對(duì)比,讓整個(gè)頁(yè)面更加活躍,更有氣氛。這樣有活力的版面,才能使火炬永久燃燒。
總結(jié):這一節(jié)我們對(duì)紅色作為主調(diào)或者輔色的網(wǎng)頁(yè)進(jìn)行了一個(gè)簡(jiǎn)單的分析,在下一篇中我們將談到紅色的細(xì)分以及搭配方案。紅色是中國(guó)人最喜歡的顏色之一,所以我們不得不懂得好好利用紅色。
本文地址:http://m.likemindfilms.com/tutorial/de1378.html
您可能還喜歡
- 干貨分享!推薦8個(gè)高清無(wú)水印無(wú)版權(quán)可商
- 國(guó)外黃色網(wǎng)站系列欣賞之一
- 7款簡(jiǎn)約線條的免費(fèi)英文字體
- 國(guó)外最好的22個(gè)配色網(wǎng)站
- 10個(gè)高清多邊形的設(shè)計(jì)背景紋理素材下載
- 2015年最優(yōu)秀的20款網(wǎng)站配色方案
- 網(wǎng)易的404公益廣告頁(yè)面
- 簡(jiǎn)潔大氣時(shí)尚網(wǎng)頁(yè)背景匯集(附下載)
- 20套免費(fèi)的純色網(wǎng)頁(yè)小圖標(biāo)
- 30個(gè)“簡(jiǎn)潔大氣國(guó)際化”的網(wǎng)頁(yè)設(shè)計(jì)欣賞
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏