设计的四大基本原则

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