02网页设计理论的重复准则.ppt_第1页
02网页设计理论的重复准则.ppt_第2页
02网页设计理论的重复准则.ppt_第3页
02网页设计理论的重复准则.ppt_第4页
02网页设计理论的重复准则.ppt_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

上一篇文章讲述了网页设计的对齐准则 今天则开始分析重复准则 运用重复准则 网页不会像对齐之后发生显著变化 重复可以在细节上提升网页的设计 1 先看运用过对比的设计这是上一篇运用完对比准则后的网页 但是网页整体上看还是平淡无味 各个设计元素通过对齐链接起来还不够 我们应该用重复准则增强它们的视觉联系 深圳小姐美图jsx 首先我们为公司名称和描述之间添加一条黑线 这里重复使用了logo图形的设计元素 白线 同样将公司名称轻微往左边移动 使位置排列得和logo的图形相呼应 注意到网页header中间的联系信息以及右边的搜索框 调整它们的位置 使他们的中心和这条黑线水平对齐 增加这条黑线目的在于 为后续的网页增加可运用重复的设计元素 3 在网页上重复色彩和字体现在增加一些重复的设计元素 效果如下图 网页的内容部分 H2的标题都重复用了和logo相同的颜色 而且H2标题使用了新的字体 这个字体也很容易和H1标题字体区分开来 网页左边的导航栏部分 导航链接都使用了相同的蓝色和相同的字体 导航栏标题的字体和H2字体是一样的 为了区分它们 导航栏标题颜色保留为黑色 4 再为网页设计增加重复元素让我们再增加一些重复的设计元素 皇家金堡娱乐城55000 orgjsx 我们为每个H2标题下方添加一条粗黑线 同样黑线稍微向右移动一些 这样就变成logo部分设计元素的重复运用 黑线在浏览网页起着视觉引导作用 一般而言 浏览网页会先看logo部分 随后视觉会落到页面上和logo有重复设计元素的内容上 网页左边的导航栏 我们为每个连接下方增加细黑线 这里同样使用线这个设计元素 将网页内容在视觉上联系起来 从心理学角度上讲 粗黑线可以传递一种稳重的感觉 蓝色可以给人信任 理性的感觉 5 总结观察对比运用重复之前和之后的图片 虽然网页没有像用对比一样起了显著的变化 但也使网页设计的感觉更好 在设计网页时 思考哪些地方应该运用重复 以让网页的设计元素有一个视觉联系 通常网页标题部分是运用重复的地方 但是注意网页不能过多运用重复 细微重复可以增加网页设计的整体感和规
人人文库> 全部分类> 行业资料 > 工业设计

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论