西乔：理性的设计.pptVIP

32 技巧点：一个设计中只有一个重心 重心分散的 失败设计 11年7月7日星期四 33 技巧点：一个设计中只有一个重心 重心分散的 失败设计 11年7月7日星期四 清晰的视觉重心带来从容的浏览体验 11年7月7日星期四 35 跑鞋的广告 鞋和它所代表的生活 姿态，无容置疑是绝 对的焦点。这是简洁 而又令人印象非常深 刻的作品。 11年7月7日星期四 36 色彩、明暗的鲜明反差带来的视觉震撼 11年7月7日星期四 一旦运用对比， 就千万不要心慈 手软。不要使用 那些类似的，不 能形成鲜明反差 的组合。 11年7月7日星期四 空间层次、字体、颜色的对比 11年7月7日星期四 39 WWF的公益 环保广告。 不需要什么文案， 仅仅依靠对比的力 量就可以做到。 11年7月7日星期四 策略3: 清晰 Clarity 提高可读性 帮助用户准确快速理解信息 降低噪音 控制清晰度 利用表意性图形 icon、图表、信息/数据可视化 复杂的界面对用户意味着繁重的认知负担。 设计者可以利用生物感知轮廓的本能提高清晰度，产生所 需的强调。 11年7月7日星期四 复杂烦琐的边框 和阴影 形成了视觉噪音 降低噪音 色彩的选用也造成 了文字的边界不够 清晰，用户无法快 速识别对象与其周 围元素的区别 11年7月7日星期四 性能对照表的设计 11年7月7日星期四 性能对照表的设计 11年7月7日星期四 性能对照表的设计 11年7月7日星期四 性能对照表的设计 11年7月7日星期四 性能对照表的设计 11年7月7日星期四 性能对照表的设计 11年7月7日星期四 48 利用表意性图形，可以让人们用眼睛和心灵来得出他们自己 的结论， 11年7月7日星期四 49 利用表意性图形，可以让人们用眼睛和心灵来得出他们自己 的结论，它们 show 而不是 tell 。 11年7月7日星期四 50 理发店 11年7月7日星期四 51 理发店 理发店 11年7月7日星期四 11年7月7日星期四 实验室 11年7月7日星期四 11年7月7日星期四 自然组织 11年7月7日星期四 56 11年7月7日星期四 57 钢琴服务 11年7月7日星期四 58 这些logo设计让人一眼就能 看出他们所代表的品牌含义 自然组织 理发店 钢琴服务 实验室 11年7月7日星期四 59 信息可视化海报设计， 主题是生物和工业产品 中淡水资源的消耗量 简洁、优雅、有 效，无论你使用 何种语言，什么 文化背景都可以 顺利阅读。 11年7月7日星期四 60 人们喜欢数据，更喜欢形 象化的数据。即使只是把 数字用不同的字号表现出 来。这一招在宣传册的设 计中屡见不鲜。 11年7月7日星期四 61 web传统纸媒多了交互性。交互式的工具然供用户按照自己 的方式选择或过滤数据，增加用户的控制欲和自主感。就算 仅仅是简单的排序或者信息组合这样的行为也有价值，用户 成为了发现过程中的参与者，而不只是一个被动的旁观者。 11年7月7日星期四 * 理性的设计 Rational Design 西乔 hp:// hp:// Twier: ?arthur369 ? ? ? ? ? ? ? ? ? ?arthur369@ 11年7月7日星期四 理性的设计 Rational Design 西乔 hp:// hp:// Twier: ?arthur369 ? ? ? ? ? ? ? ? ? ?arthur369@ 11年7月7日星期四 4 这是3张创意名片，你能 猜出他们的主人分别是 什么职业的吗？ 11年7月7日星期四 这5个咖啡馆的logo设计 你能分别猜出它们的受众和特点吗？ 11年7月7日星期四 目录 问对问题 决策方向：who? why? how? 决策依据：视觉习惯 解决问题 设计策略 ?策略1：排列 —— 编组 对齐 ?策略2：强调 —— 重心 对比 ?策略3：清晰 —— 降噪 表意性图像 ?策略4：简洁 —— 利用空白 不要过度设计 ?策略5：语气 —— 态度 情感 ?策略6：品质 —— 一致性 重视细节 人性