设计四大原则.pptx

《设计四大原则.pptx》由会员分享，可在线阅读，更多相关《设计四大原则.pptx（38页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、密 性性哪个设计更有组织性，更易获取页面信息？哪个设计更有组织性，更易获取页面信息？第3页/共38页亲亲 密密 性性物理位置的接近就意味着关联第4页/共38页亲亲 密密 性性名片上有几项独立的内容?你 的 眼 睛 如 何 去 读？第5页/共38页亲亲 密密 性性你的眼睛又如何去读？从理解上和视觉 上看 是 不 是 都 很 有 条 理？把相关元素分在一起，使它们建立亲密性。第6页/共38页亲亲 密密 性性第7页/共38页亲亲 密密 性性第8页/共38页亲亲 密密 性性总结总结亲密性的真正含义将相关的项组织在一起移动相关的项，使它们的物理位置相互靠近使它们的物理位置相互靠近。无关要素，彼此分开。亲

3、密性的目的是实现组织性。如果某些元素在理解上存在关联在理解上存在关联，或者相互之间存在某种关系相互之间存在某种关系，那么这些元素在视觉上也应当关联在视觉上也应当关联。第9页/共38页亲亲 密密 性性总结总结要避免的问题：p不要仅仅因为有空白就随意放置元素 p避免一个页面上有太多的孤立元素 p不属于同一组之间的元素不要建立关系！如果元素彼此无关，把他们分开！第10页/共38页亲密性原则在网页设计中的运用亲 密 性第11页/共38页亲 密 性亲密性原则在名片设计中的运用第12页/共38页亲亲 密密 性性练习练习第13页/共38页亲亲 密密 性性练习练习第14页/共38页亲亲 密密 性性运用亲密性的

4、最终效果：逻辑归类 分类放置 适当留白第15页/共38页对对 齐齐我们的眼睛喜欢看到有序的事物，我们的眼睛喜欢看到有序的事物，这不仅让人平静安全，也有助于表达信息！这不仅让人平静安全，也有助于表达信息！第16页/共38页将杂乱的页面元素运用亲密性逻辑归类之后，项与项之间又该如何组织呢？对 齐第17页/共38页对齐的含义 任何元素都不能在页面上随便摆放，每个元素应当与页面的另一个元素存在某种视觉视觉联系联系，因此要在元素间建立视觉纽带建立视觉纽带。对齐分类 左对齐、右对齐左对齐、右对齐、居中对齐和两端对齐对齐的根本目的是使页面统一而有条理对齐的最终结果 任何元素都能在页面上找出与之对齐的元素对

5、齐第18页/共38页对对 齐齐第19页/共38页对对 齐齐第20页/共38页要避免的问题p 在一个页面上混合使用多种文本对齐方式(不要将某些元素居中，另外的左对齐或右对齐)。p 要着力避免使用居中对齐，除非你有意识地要创建一种比较正式、稳重(通常也更乏味)的表示。如婚礼请柬、诗歌等。对 齐总结第21页/共38页对对 齐齐练习练习找出明确对齐的地方第22页/共38页重重 复复 当需要设计系列或多页作品时，当需要设计系列或多页作品时，“重复重复”变得变得尤为重要，因为是重复让所有作品变成一个尤为重要，因为是重复让所有作品变成一个有联系的整体！有联系的整体！第23页/共38页重重 复复 外国语培训学

6、院宣传海报第24页/共38页重重 复复 房屋贷款广告第25页/共38页文本中的重复重 复重复元素有哪些？粗字体细字体项目符号缩进行距对齐第26页/共38页重 复重复了标题字体，颜色却不同，是多样性的统一第27页/共38页ppt模板中的重复重 复第28页/共38页网页中的重复重 复重复元素：标题、字体、颜色、图片、线条、图标、logo和布局等利用重复原则可以增强网页组织性，建立良好的公司形象 第29页/共38页企业系列产品中的重复重 复公司的宣传册、名片、信笺以及网站具有某些相同的内容：logo、宣传语、字体、颜色，外观的一致性创造一种统一的、具有凝聚力的企业形象。第30页/共38页重 复总结重

7、复的目的就是统一并增强视觉效果重复的实现 专门设计一个用来重复的元素（可视觉化的任何元素），在不同产品中重复要避免的问题 要避免太多地重复一个元素，太多会让人烦感，注意对比的价值重 复总结第31页/共38页对 比 如果亲密性、对齐和重复是为了实现组如果亲密性、对齐和重复是为了实现组织性，使画面统一条理，那么对比的出现就织性，使画面统一条理，那么对比的出现就是为了打破单调，通过强调是为了打破单调，通过强调突出视觉重点突出视觉重点，从而从而吸引读者的视觉焦点，吸引读者的视觉焦点，同时也有助于信同时也有助于信息的组织。息的组织。对 比第32页/共38页对 比这是一种冲突现象：有差别却程度不大加大字体与尺寸的对比，使两者截然不同增加背景颜色，使对比更加强烈对 比对 比第33页/共38页对比的目的 增强页面视觉效果，强调视觉重点对比的实现 字体可以通过形状、字号、颜色、线条粗细等增加对比；图片和区块可以通过颜色和大小来增加对比对比与冲突不同，一定要强烈！对 比总结第34页/共38页对 比实例图片对比字体对比颜色对比图片对比颜色对比字体对比第35页/共38页综合练习综合练习第36页/共38页第37页/共38页感谢您的观看！第38页/共38页