- 1、本文档共7页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
浅析网页色彩应用
在设计网页之両,客户或产品经理会提出对网页视觉风格设计的期望:活跃、人气、稳重、信赖、 都市化…。.设计师一听到关键词或许很白然地在心里蹦出几个配色与关键词”相匹配了。网 页的色彩,是访问者登录页曲时的第一印象,好的页面色彩能给用八留下深刻的印象,并且能产 生很好的视觉效果和营造网站整体氛围的作用。
色彩是我们接触事物的第一巴观认知,在浏览一个新的网页时,第一认知的不是页面的具体结构 和信息内容,而且是页而色彩搭配的视觉效果。色彩对于每个人、地域或国家都有不同的情感认 知和联想意义,从某种程度看,人多数人对色彩认知和联想是?致的,如红色,人们感觉得喜庆, 热闹…再具体到事物会联想到红心桃、草莓等等。在这里简单介绍色彩的情感联想。
色彩的情感联想
色彩的情感联想,主耍从具体联想和抽象联想两个维度划分:
色相 H体取绘-、 袖仗取想、
红也:環熟 红廉、火、玫良、圣诚老入、血 墩氐 权秫 还氣 危阻、兴奋、性?....
磴色:橘子、霞光、柿子、慣叶賞色:月日関、小祸、金、拧揀、香孫绿色:怎萊、嫌叶、玉、材林....空色:大海、戛天、牛仔橈....紫色:紫罗兰、茄子、荀蔔
磴色:
橘子、霞光、柿子、慣叶
賞色:
月日関、小祸、金、拧揀、香孫
绿色:
怎萊、嫌叶、玉、材林....
空色:
大海、戛天、牛仔橈....
紫色:
紫罗兰、茄子、荀蔔...
白色:
白络 大米、护士、天鹅....
SR色:
星夜、星水、JR板、煤炭….
秋天.
和平.
(I用.
港跃、
新聲的、惜快的.能量的.食级…一
责族的?优雅的、神ta的.
注意、妙闸的、背叛
安全生命力.自棲.
冷静、冷滾
??????
和平.朴素、纯洁.仝矿的??…死亡、期、野佈的、死亡:58
色彩的情感联想是人们对事物的不断的积累和认知,了解这些不但对网页设计有帮助,还对市场 营销冇帮助。如设计一个环保教育类网站,“环保教育”首先联想到生命、口然、绿色生态,而 这些联想的事物共同色系是绿色,如果网站采用人们已认知的色彩会让人们在初次访问网站时, 会对网站的丄题产生共鸣和信赖感O
那设计师就凭口己“经验和色彩原理”就对网页进行色彩设计?我们先慢镜头往冋看整个网站
的设计流程-设计师在着手视觉设计的前期流程:
2 鸟金 2
TOC \o 1-5 \h \z 、 ? W 、 肋
心食凤塔爰位 色审 XTML
总心用剛P ??? ???
HYPERLINK http://WWW.58WWW.58
如果视觉设计帅忽视前期的工作,网站最品视觉设计输幽或许会与客八期望存在出入的风险。所 以视觉设计师需耍先了解和参与网站的定位、冃标用户、内容规划的基础上才能更好把握页血的 视觉设计。
各类网站色彩应用
网站的类型很多,按照分类,英各口的目的和侧重点不同,对用户的情感诉求心理也会不同。下 面主耍从网站的类型层面上来简单探讨色彩在网贞上的应用:
门户类:英主耍需求是如何方便用户在堆砌的佶息屮有效、快速进行目标选择,而页而色彩可 倾向于清爽,简洁。
腾讯网,雅虎,网易等门八采用淸爽简洁的浅色调来降低信息快速获取时的视觉丁扰。同性质的 同类网站主耍是沿用自己公司主色系或logo來做区分,便于用八对品牌的识别。
产品类:主耍H的需求展示产品的特性,促进浏览者消费欲望,页面色彩可根据具体产品过
位做多样化设计。
细化产品具体泄位,如apple,韩国手机iriver高科技电子产品,英简洁灰白色调给网站带来 科技感和现代感°
Witch the new ^hooe advThe B-inch M4(8ooIl ProNext lew! furvThc?、WH time to give a pmofMloed5 切 WWfcrbwiwYte^rMi^?* CMm Sh 1 5eor ■ IM ■ rewtr3 3 HoeH^n Mb £ HYPERLINK
Witch the new ^hooe adv
The B-inch M4(8ooIl Pro
Next lew! furv
Thc?、WH time to give a pmofMloed5 切 WWfcrbwiwYte^rMi^
?* CMm Sh 1 5eor ■ IM ■ rewtr3 3 HoeH^n Mb £
HYPERLINK
http://www. apple? com/
MVCt
ifiver
Kt*e1
HYPERLINK http://WWW.58WWW.58MSYMear
The new
iMac
The ultimate all-in-one. Now with the ultimate display.
HYPERLINK http://wwhttp://ww. iriver? co.
文档评论(0)