设计四大原则

上传人:今*** 文档编号:107490342 上传时间:2019-10-19 格式:PPT 页数:38 大小:4.16MB
返回 下载 相关 举报
设计四大原则_第1页
第1页 / 共38页
设计四大原则_第2页
第2页 / 共38页
设计四大原则_第3页
第3页 / 共38页
设计四大原则_第4页
第4页 / 共38页
设计四大原则_第5页
第5页 / 共38页
点击查看更多>>
资源描述

《设计四大原则》由会员分享,可在线阅读,更多相关《设计四大原则(38页珍藏版)》请在金锄头文库上搜索。

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

2、对比。,亲 密 性,哪个设计更有组织性,更易获取页面信息?,亲 密 性,物理位置的接近就意味着关联,亲 密 性,名片上有几项独立的内容? 你的眼睛如何去读?,亲 密 性,你的眼睛又如何去读?从理解上和视觉上看是不是都很有条理?,把相关元素分在一起,使它们建立亲密性。,亲 密 性,亲 密 性,物以类聚,人以群分,亲 密 性总结,亲密性的真正含义 将相关的项组织在一起 移动相关的项,使它们的物理位置相互靠近。无关要素,彼此分开。 亲密性的目的是实现组织性。,如果某些元素在理解上存在关联,或者相互之间存在某种关系,那么 这些元素在视觉上也应当关联。,亲 密 性总结,要避免的问题: 不要仅仅因为有空白

3、就随意放置元素 避免一个页面上有太多的孤立元素 不属于同一组之间的元素不要建立关系!如果元素彼此无关,把他们分开!,亲密性原则在网页设计中的运用,亲 密 性,亲 密 性,亲密性原则在名片设计中的运用,亲 密 性练习,亲 密 性练习,亲 密 性,运用亲密性的最终效果: 逻辑归类 分类放置 适当留白,对 齐,我们的眼睛喜欢看到有序的事物, 这不仅让人平静安全,也有助于表达信息!,将杂乱的页面元素运用亲密性逻辑归类之后, 项与项之间又该如何组织呢?,对 齐,对齐的含义 任何元素都不能在页面上随便摆放,每个元素应当与页面的另一个元素存在某种视觉联系,因此要在元素间建立视觉纽带。 对齐分类 左对齐、右对

4、齐、居中对齐和两端对齐 对齐的根本目的是使页面统一而有条理 对齐的最终结果 任何元素都能在页面上找出与之对齐的元素,对 齐,对 齐,对 齐,要避免的问题 在一个页面上混合使用多种文本对齐方式(不要将某些元素居中,另外的左对齐或右对齐)。 要着力避免使用居中对齐,除非你有意识地要创建一种比较正式、稳重(通常也更乏味)的表示。如婚礼请柬、诗歌等。,对 齐总结,对 齐练习,找出明确对齐的地方,重 复,当需要设计系列或多页作品时,“重复”变得 尤为重要,因为是重复让所有作品变成一个 有联系的整体!,重 复,外国语培训学院宣传海报,重 复,房屋贷款广告,文本中的重复,重 复,重复元素有哪些?,粗字体 细

5、字体 项目符号 缩进 行距 对齐,重 复,重复了标题字体,颜色却不同, 是多样性的统一,ppt模板中的重复,重 复,网页中的重复,重 复,重复元素:标题、字体、颜色、图片、线条、图标、 logo和布局等,利用重复原则可以增强网页组织性,建立良好的公司形象,企业系列产品中的重复,重 复,公司的宣传册、名片、信笺以及网站具有某些相同的内容:logo、宣传语、字体、颜色,外观的一致性创造一种统一的、具有凝聚力的企业形象。,重 复总结,重复的目的就是统一并增强视觉效果 重复的实现 专门设计一个用来重复的元素(可视觉化的任何元素),在不同产品中重复 要避免的问题 要避免太多地重复一个元素,太多会让人烦感

6、,注意对比的价值,重 复总结,对 比,如果亲密性、对齐和重复是为了实现组 织性,使画面统一条理,那么对比的出现就 是为了打破单调,通过强调突出视觉重点, 从而吸引读者的视觉焦点,同时也有助于信 息的组织。,对 比,对 比,这是一种冲突现象:有差别却程度不大,加大字体与尺寸的对比,使两者截然不同,增加背景颜色,使对比更加强烈,对 比,对 比,对比的目的 增强页面视觉效果,强调视觉重点 对比的实现 字体可以通过形状、字号、颜色、线条粗细等增加对比; 图片和区块可以通过颜色和大小来增加对比 对比与冲突不同,一定要强烈!,对 比总结,对 比实例,图片对比,字体对比,颜色对比,图片对比,颜色对比,字体对比,综合练习,

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 高等教育 > 大学课件

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号