网页中的对比知识
网页中的对比知识
网页设计技巧:设计颜色尺寸对齐方式对比
学习在你的设计中建立合适的对比跟学习其他的设计准则一样–需要练习.花些时间来研究那些优秀设计师的作品,看看他们是如何使用对比的.要记住,对比就是”不同”.如果两个元素实质上就是非常不同的,那么一定要让它们有明显的视觉差别.
网页设计是由很多个不同的元素构成的,而这些元素的重要性都不同,并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则一点关联性都没有.比较难办的部分就是如何有效的在视觉上来传递元素之间的关系.这就该用到对比原则了.
对比就是两个或更多个元素之间的不同.通过对比,设计师就可以创造出视觉趣味性,同时引导用户的注意力.想象一下,如果页面上所有的元素都是一个模样,那就会觉得这些内容没有组织,没有”(视线)流”,没有明确的结构,也很难去理解和接受.因此在网页设计中,对比是很重要的一部分. ---在这篇文章中,我们将会看到如何通过颜色,尺寸,对齐方式这三个方面来建立对比. 颜色中的对比
大多数人听到”对比”这个词,他们首先想到的就是颜色.尽管对比原则中不只包含颜色,但是颜色对于帮助用户识别页面中不同的元素有很大的帮助.
一般页面都包含页头,内容区,页脚.那么我们就需要从视觉上清晰的区分中这三个不同的部分.很好的方法就是: 使用不同的背景色.
先来看看Church Media Group’s website,这是一个很好的例子.页头和页脚都使用较深的背景色,内容区是白色.通过这种差异,可以很明显的突出内容,并表现出它的重要性.如果我们再深入点看,在内容区域也有不同的背景色对比:”案例”部分使用了浅蓝色.正因为它与其他内容部分的对比很小,表示两个部分是有关联的.
你可能喜欢
- 网页知识
- 网页版
- 网页设计
- 个人网页
- 动态网页
- 网页分析
- 网页制作小知识5页
- 网页知识大全15页
- 第1章 网页设计基础知识63页
- 网页链接的知识5页
- 网页知识1页
- 第1章 网页设计基础知识12页
- 个人网站网页设计(计算机网络)16页
- 关于社保服务个人网页注册、使用及打印2页
- 个人网页操作指南4页
- 个人网页制作7页
- 17 实验八：个人网页(网站)设计 实例21页
- 社会保险服务个人网页(试用版)5页
- 《动态网页编程技术》课程介绍9页
- 动态网页制作20页
- 动态网页设计42页
- 动态网页练习题10页
- ASP动态网页设计53页
- 第8章 创建动态网页基础47页
- 网页布局分析4页
- Javascript通用网页点击分析21页
- 网页色彩分析10页
- 网页游戏分析报告7页
- 10(7)电商网页设计试卷分析表1页
- 网页分析4页
