设计四大原则_第1页
设计四大原则_第2页
设计四大原则_第3页
设计四大原则_第4页
设计四大原则_第5页
已阅读5页,还剩33页未读 继续免费阅读

下载本文档

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

文档简介

1、优秀的设计优秀的设计就这么容易就这么容易 学院: 学号:姓名: 班级:优秀的设计优秀的设计就这么容易就这么容易 学习4大基本原则。 他们比你想象的要简单。 认识到自己没有运用这些原则。 形诸文字陈述问题。 应用基本原则。 结果将使你大吃一惊。四大基本原则 亲密性 对齐 重复对比 彼此相关的项应当在物理位置上靠近,归为一组,形成一个视觉单元,而不是孤立的元素。这有助于组织信息,为读者提供清晰的结构。 每个元素都应当与页面上的另一个元素有某种视觉联系,而不能随意安放。 设计中的视觉要素(如颜色、形状、空间关系、字体、大小等)在整个作品中重复出现,可增加作品风格的统一性。 为了避免页面上的元素太多相

2、似,让页面能引人注目,常采用对比。亲 密 性哪个设计更有组织性,更易获取页面信息?哪个设计更有组织性,更易获取页面信息?亲 密 性物理位置的接近就意味着关联亲 密 性名片上有几项独立的内容?你 的 眼 睛 如 何 去 读 ?亲 密 性你的眼睛又如何去读?从理解上和视觉 上 看 是 不 是 都 很 有 条 理 ?把相关元素分在一起,使它们建立亲密性。亲 密 性亲 密 性亲 密 性总结 亲密性的真正含义 将相关的项组织在一起移动相关的项,使它们的物理位置相互靠近使它们的物理位置相互靠近。无关要素,彼此分开。 亲密性的目的是实现组织性。如果某些元素在理解上存在关联在理解上存在关联,或者相互之间存在某

3、种关系相互之间存在某种关系,那么这些元素在视觉上也应当关联在视觉上也应当关联。亲 密 性总结要避免的问题:p不要仅仅因为有空白就随意放置元素 p避免一个页面上有太多的孤立元素 p不属于同一组之间的元素不要建立关系!如果元素彼此无关,把他们分开! 亲密性原则在网页设计中的运用亲 密 性亲 密 性亲密性原则在名片设计中的运用亲 密 性练习亲 密 性练习亲 密 性运用亲密性的最终效果: 逻辑归类 分类放置 适当留白对 齐我们的眼睛喜欢看到有序的事物,我们的眼睛喜欢看到有序的事物,这不仅让人平静安全,也有助于表达信息!这不仅让人平静安全,也有助于表达信息!将杂乱的页面元素运用亲密性逻辑归类之后,项与项

4、之间又该如何组织呢?对 齐 对齐的含义 任何元素都不能在页面上随便摆放,每个元素应当与页面的另一个元素存在某种视觉联系视觉联系,因此要在元素间建立视觉纽带建立视觉纽带。 对齐分类 左对齐、右对齐左对齐、右对齐、居中对齐和两端对齐 对齐的根本目的是使页面统一而有条理统一而有条理 对齐的最终结果 任何元素都能在页面上找出与之对齐的元素对 齐对 齐对 齐要避免的问题p 在一个页面上混合使用多种文本对齐方式(不要将某些元素居中,另外的左对齐或右对齐)。p 要着力避免使用居中对齐,除非你有意识地要创建一种比较正式、稳重(通常也更乏味)的表示。如婚礼请柬、诗歌等。对 齐总结对 齐练习找出明确对齐的地方重

5、复 当需要设计系列或多页作品时,当需要设计系列或多页作品时,“重复重复”变得变得尤为重要,因为是重复让所有作品变成一个尤为重要,因为是重复让所有作品变成一个有联系的整体!有联系的整体!重 复 外国语培训学院宣传海报重 复 房屋贷款广告 文本中的重复重 复重复元素有哪些?粗字体细字体项目符号缩进行距对齐重 复重复了标题字体,颜色却不同,是多样性的统一 ppt模板中的重复重 复 网页中的重复重 复重复元素:标题、字体、颜色、图片、线条、图标、 logo和布局等利用重复原则可以增强网页组织性,建立良好的公司形象 企业系列产品中的重复重 复公司的宣传册、名片、信笺以及网站具有某些相同的内容:logo、

6、宣传语、字体、颜色,外观的一致性创造一种统一的、具有凝聚力的企业形象。重 复总结 重复的目的就是统一并增强视觉效果 重复的实现 专门设计一个用来重复的元素(可视觉化的任何元素),专门设计一个用来重复的元素(可视觉化的任何元素),在不同产品中重复在不同产品中重复 要避免的问题 要避免太多地重复一个元素,太多会让人烦感,注意对比要避免太多地重复一个元素,太多会让人烦感,注意对比的价值的价值重 复总结对 比 如果亲密性、对齐和重复是为了实现组如果亲密性、对齐和重复是为了实现组织性,使画面统一条理,那么对比的出现就织性,使画面统一条理,那么对比的出现就是为了打破单调,通过强调是为了打破单调,通过强调突出视觉重点突出视觉重点,从而从而吸引读者的视觉焦点,吸引读者的视觉焦点,同时也有助于信同时也有助于信息的组织。息的组织。对 比对 比这是一种冲突现象:有差别却程度不大加大字体与尺寸的对比,使两者截然不同增加背景颜色,使对比更加强烈对 比对 比 对比的目的 增强页面视觉效果,强调视觉重点增强页面视觉效果,强调视觉重点 对比的实现 字体可以通过形状、字号、颜色、线条粗细等增加对比;字体可以通过形状、字号、颜色、线条粗细等

温馨提示

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

评论

0/150

提交评论