设计的四大基本原则课件.ppt

居中对齐与左对齐 标题居中 绝对不要在左对齐的正文或缩进的文本上方将标题和图片居中。如果文本左对齐，则标题和子标题也设置为左对齐。 例子： 专题-2008年度招标机构评选活动 外贸周讯 总编周评 2007年第24期 总编周评 2007年第20期 报告封面设计往往影响对整个报告的第一印象 左对齐给人留下精美的印象 对齐原则 在得到更多专业设计知识之前,一定要坚持一个原则：页面上只使用一种文本对齐。 这段文本为左对齐 这段文本为右对齐这段文本居中 如果想把文本居中,就做的明显一些 这一段很难区分文本 是有意居中还是无意为之. 每一行的长度不相同.如果 不能立刻区分出文本是否居中, 又何必那么麻烦将其居中呢?  这段文本为两端对齐，又叫分散对齐。这种对齐 方式要尽量避免。除非行足够长，能够避免字之间出现难看的空隙。 重复 例子：杂志、企业名片、企业信封、企业文档、ＰＰＴ、网站导航栏、报告 招标网资讯中心 电子招标专题 2008招标盘点 对比的方式 要实现有效的对比，对比必须强烈 可以采用多种方式对比：大字体与小字体；细体和粗体，细线和粗线，冷色和暖色，平滑材质与粗糙材质，水平元素和垂直元素，间隔宽和紧凑，小图片和大图片 对比的方式 例子： 颜色、字体、间隔：评标方法与评标办法的区别 字体对比：国务院公布汽车、钢铁产业调整和振兴规划细则 颜色、字体对比：电子招标专题、资讯中心 对比与冲突 千万不要畏缩，不应该用１２像素和１４像素的字体对比，也不要用０．５像素和１像素的线来对比，深棕色与黑色对比也是不合适的。 倘若两个元素存在某种不同，但差别不是很大，那么你做出的效果并不是对比，而是冲突。 复习 亲密性 对齐 重复 对比 暖色和冷色 暖色不费多大功夫就能产生效果，红色和黄色能立即映入你的眼帘。所以，如果要组合暖色和冷色，一定要少用些暖色。 下面哪种效果对比更强烈？ 冷色和暖色 设计过程 从中心点开始。确定希望读者最先看设么。 将信息分组。把相同的组归类。 建立并维护明确的对齐。有一个明显的边界。 创建重复。 建立强烈的对比。避免冲突。 暖色与冷色 颜色往往要么是暖色（这说明，其中包含红色或黄色），要么是冷色（说明其中包含蓝色）。 可以通过增加一些红色或黄色将某些颜色“加热”，如灰色或黄褐色。与之相反，也可以对颜色增加不同程度的蓝色对其“降温”。 冷色总趋于后退，而暖色是趋进型 。 由于冷色是后退型的，所以使用更多的冷色才能产生效果或形成有效的对比。不要让冷暖色太过均衡！ * * 网页设计 在一个好的网页设计中，最重要的两个因素就是重复和清晰。让访问者知道自己是否还在一个网站中。要有一致的导航、文字和图片风格。 可读性。在屏幕上阅读文本比读报费劲，所以尽可能使文本便于阅读。 不要让文本紧挨边界；正文不要使用粗体，不要占据整个页面的宽度。 培训结束，谢谢大家！ * * * * * * * 编辑技能系列培训之设计的四大基本原则 网站产品部 张妍 设计理念来源于《The Non-designer’s Design Book》，案例来源于招标网。 设计不仅仅是专业设计师的事情。我们的目的是为了更好的表达信息 ,更易于阅读。 适用于平时任何文档写作、平面及网页设计。 在打破规则之前必须清楚规则是什么。 前言 四大基本原则 优秀的设计中都应用了这些设计原则。它们是相互关联的，只应用某一个原则的情况很少。 对比 重复 对齐 亲密性 一、亲密性（Proximity） 什么是亲密性？ 彼此相关的项应当靠近，归组在一起。 如果多个项相互之间存在很近的亲密性， 它们就会成为一个视觉单元，而不是 多个孤立的元素。这有助于组织信息， 减少混乱，为读者提供清晰的结构。 用户通知1 你从哪里开始看？这里有多少个单独的元素？这个通知有什么问题？ 用户通知2 专题 英文网 原创 例子： 国务院公布汽车、钢铁产业调整和振兴规划细则 国务院公布汽车、钢铁产业调整和振兴规划细则1 评标方法与评标办法的区别 亲密性小结 物理位置的接近就意味着存在关联，实际生活也是如此。 如果多个项目相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立元素。 亲密性的根本目的是实现组织性。 二、对齐（Alignment） 什么是对齐？ 任何东西都不能在页面上随意安放。 每个元素都应当与页面上的另一个元素 有某种视觉联系。这样能建立一种清晰 精巧而且清爽的外观。 居中对齐 居中对齐是初学者最常用的对齐方式。 居中对齐感觉比较安全,但通常也很平淡