视觉设计:网站页面配色方案
2013-02-04 15:41
357 查看
最近在对拼一把博客进行优化改版的时候,主要考虑了用户的整体视觉感官和功能的易用方面。一个优秀的网站和软件,一定会给用户在视觉体验和操作体验上带来超凡的感觉。今天,根据个人的经验和大家分享一些网站在视觉设计的时候,需要考虑的几个方面。
颜色对于眼睛的刺激往往比文字来的更加直观更能抓住用户的注意力,不同的配色方案不仅能够给用户带来美的视觉享受,同时也能够引起用户的共鸣,加深对界面的印象。
页面的颜色最重要的一个元素就是页面的主色。
选择页面的主色有几种方法:
1、根据不同颜色带给人的不同感受,比如蓝色是现代科技的象征色
2、根据用户群体的特点,比如针对商务人士应选择庄重、有质感的颜色。
3、根据页面的类型选择颜色,门户类网站使用大众、和稳重的颜色,在常用颜色中选取。
最常用的是根据品牌形象选择页面颜色。每个公司由于其产品特色以及企业文化等的不同,都会形成自身独特的品牌形象,沿用品牌色将有助于提升页面和企业的整体形象。最常用的就是将页面的主色调与logo色相关联,因为logo设计的本身就体现了其品牌形象,是企业视觉识别系统的一部分。使用颜色吸引注意,引导视线。
页面还需要搭配辅助色、背景色等成整体的配色方案:
1、辅助色
仅次于主色调的视觉面积的辅助色,用于烘托主色调,营造网站整体氛围,可使用VI手册中的指定辅助色。
2、突出色
在小范围内用强烈的颜色对比来突出重点元素,使页面更加鲜明生动,主要用于范围较小的按钮、标签等。
3、背景色
用作背景的颜色,协调,支配整体的作用。
每一个颜色对于页面都至关重要,要注意软件中每个页面的颜色统一和搭配合理,才能使整体更加赏心悦目,重点突出,因此要仔细斟酌。
同时页面中的文字、按钮、图标等元素也要与主色调搭配,才能达到整体上的和谐。
颜色对于眼睛的刺激往往比文字来的更加直观更能抓住用户的注意力,不同的配色方案不仅能够给用户带来美的视觉享受,同时也能够引起用户的共鸣,加深对界面的印象。
页面的颜色最重要的一个元素就是页面的主色。
选择页面的主色有几种方法:
1、根据不同颜色带给人的不同感受,比如蓝色是现代科技的象征色
2、根据用户群体的特点,比如针对商务人士应选择庄重、有质感的颜色。
3、根据页面的类型选择颜色,门户类网站使用大众、和稳重的颜色,在常用颜色中选取。
最常用的是根据品牌形象选择页面颜色。每个公司由于其产品特色以及企业文化等的不同,都会形成自身独特的品牌形象,沿用品牌色将有助于提升页面和企业的整体形象。最常用的就是将页面的主色调与logo色相关联,因为logo设计的本身就体现了其品牌形象,是企业视觉识别系统的一部分。使用颜色吸引注意,引导视线。
页面还需要搭配辅助色、背景色等成整体的配色方案:
1、辅助色
仅次于主色调的视觉面积的辅助色,用于烘托主色调,营造网站整体氛围,可使用VI手册中的指定辅助色。
2、突出色
在小范围内用强烈的颜色对比来突出重点元素,使页面更加鲜明生动,主要用于范围较小的按钮、标签等。
3、背景色
用作背景的颜色,协调,支配整体的作用。
每一个颜色对于页面都至关重要,要注意软件中每个页面的颜色统一和搭配合理,才能使整体更加赏心悦目,重点突出,因此要仔细斟酌。
同时页面中的文字、按钮、图标等元素也要与主色调搭配,才能达到整体上的和谐。
相关文章推荐
- 浅谈一个完整网站配色方案设计大法1理论篇
- 浅谈一个完整网站配色方案设计大法3实战篇
- 30个配色方案十分精彩的网站设计作品欣赏
- 网页视觉设计:如何决定你的配色方案
- 一个网站优秀的登录验证设计方案(登录页面的超时以及密码加上时间戳)
- 石家庄网站设计:jsp网站的静态页面生成方案
- 浅谈一个完整网站配色方案设计大法2实例篇
- web2.0网站的配色、设计参考方案【图】
- 30个配色方案十分精彩的网站设计作品欣赏
- Uncomplicating真实世界的网站开发和设计方案
- <div+css页面布局课堂笔记>11---页面布局网站首页设计实例__终极版(仿csdn首页)
- 网站架构(页面静态化,图片服务器分离,负载均衡)方案全解析
- 几个不错的配色方案网站
- 5款免费的优秀网站配色方案工具
- chapter7 网站设计和页面布局(二)
- 网站架构(页面静态化,图片服务器分离,负载均衡)方案全解析
- vs 环境配色方案网站
- 关于茶网站-(页面设计)
- 实时监控、直播流、流媒体、视频网站开发方案设计简要
- 详解扁平化设计的流行配色方案