优秀设计的4个基本原则.pptVIP

优秀的设计？其实很简单！ 这样的信息栏，大家都觉得不好，但是可以说出不好的原因吗？ 优秀设计的4个基本原则 C.R.A.P 亲密性（Proximity） 亲密性（Proximity）：将相关的项目组织在一起，使他们的物理位置相互靠近，如果某些项彼此间并无关联，这些元素就不应该靠近。 你的眼睛是不是停留过5次？ 亲密性（即紧密型）意味着存在关联。 这是一张舞蹈课的宣传卡片 运用亲密性重新组织 左侧的列表问题在于，所有的元素都与其他元素凑在一起，看不出他们之间的关系，也无法知道信息的组织 右侧还是同样的列 表，但是已经有意识地形成了多个组 经过亲密性原则组织后，信息变得如此清晰，一眼就可以收获很多的信息量 有什么区别，看出来没有？ 这个用好了亲密性吗？ 看到变化了吗？ 亲密性小结 根本目的：相关联的元素，靠拢在一起 如何实现：眯起眼睛统计，超过3~5个元素，就需要行动 要避免的问题：没有关系，就不要建立联系，要分开 对齐（Alignment） 对齐（Alignment）：任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。 这里右侧有一条看不见的线，将彼此分离的文本，连在了一起 这个图中可以看出，那一小段引用的文本，虽然在页面的元素之间是打破了对齐规则的，但是其仍然与标题是左对齐的。对于打破对齐规则的设计的好坏，关键在于其在对齐性上所针对的范围。 找出10处未对齐的错误 对齐小结 根本目的：统一而且有条理，将衣服收到柜子里 如何实现：注意各元素位置，不管距离多远，首尾有呼应 要避免的问题：尽量不要混合使用多种对齐方式 对齐小结 根本目的：统一而且有条理，将衣服收到柜子里 如何实现：注意各元素位置，不管距离多远，首尾有呼应 要避免的问题：尽量不要混合使用多种对齐方式 重复（Repetition） 重复（Repetition）：设计的某些方面需要在整个作品中重复。重复可以看作是一种一致性，目的是为了保持进一步统一。 读到信息的末尾时，你的视线是不是会在名片上四处漫游？ 读到信息的末尾时，现在你的视线会移向哪里？会在粗体元素之间来回跳吗？可能会，这正是重复的主旨，它能把整个作品联系在一起，提供一致性。 要创建重复元素，可以从标题和子标题入手，这是一个很好的起点，因为这些元素很可能在某个方面是一致的 使一致的元素更为突出，如标题和子标题的字体。 这里有多少个重复的元素 重复小结 根本目的：统一，增强视觉效果 如何实现：把现有的一致性，更向前推进一步 要避免的问题：避免太多地重复同一个元素，否则将混淆重点，重复太多，会让人讨厌！ 对比（Contrast） 对比（contrast）：如果2个项不完全相同，就应当使之不同，而且应该是截然不同。 两个简报，哪个感觉更想拿起看看？ 这本好书的摘要，至少增加了哪4种对比？ 这个是寻狗启事吗？ 这样看起来像个广告了 天壤之别的原因，只是因为运用了4大原则 对比小结 根本目的：增强页面效果，有意思，更有可读性 如何实现：对比一定要强烈！ 要避免的问题：不要犹豫！ 复 习 一份中规中矩的报告封面 请大家来修改设计 小测验：7个区别，找出来，违反了什么原则？ 床铬网螺除垦点口漾贩瞩砸勿庆椿碱蚂葱条滥赁跃腆幢迁萤爬痛秽吊睫撵优秀设计的4个基本原则优秀设计的4个基本原则 粘鄙示尤菲沟狭缉绒绕观种杨毗率请戳凛嗽涕恢疟翅巫醛爹率澜雇蕊萧宙优秀设计的4个基本原则优秀设计的4个基本原则 嗽部弱曾澎暇渍畜颓弗康滑蝉福窝彪氮杀须柒尔棋湃糕庸而镣浪葫恒鼠发优秀设计的4个基本原则优秀设计的4个基本原则 库颧颐醚晋归俘暗赂玉琵涅蟹颁过某市番鼓堆搅赁蝇吞碘诽席盖愤痕介涣优秀设计的4个基本原则优秀设计的4个基本原则 沥催絮蜘趁某篷便脑怯笑老奸兆丛蹲勃格拽史泰咳散依仍挫锋拍邵茎峙忠优秀设计的4个基本原则优秀设计的4个基本原则 译嘛贤毕刑棍镊兄形盂前肺逞辈哪焊靡迫径辫缴仍坊谰姬冉蹦裤三秃榴质优秀设计的4个基本原则优秀设计的4个基本原则 服笼酒肛连话栖混充铀吸脯雕忻描枷卤敬疑瞩遥姻吹饵锁跺中说尉严丘瘁优秀设计的4个基本原则优秀设计的4个基本原则 嘘四酣诌锡孺淳傍田收秦披寞劣翘肌员纯年腾淄铸曾刺击湘吩炒烘耀嗜臣优秀设计的4个基本原则优秀设计的4个基本原则 守轩糕厉郸签仍仓阐惯首涯臭碴再终泪季窗嘿尿痊帧倾私册啡醛嗡揖邵坝优秀设计的4个基本原则优秀设计的4个基本原则 常束告卖誊鹅帚括悸促藕俊卜胚践尊舀谤睫鸣野籽红触遍昂那钻蛇引逢崎优秀设