5 写给大家看的设计书--更多技巧.ppt

不要让访问者在页面上移动滚动条来查看导航链接！ 不要让文本紧挨着浏览器窗口！ 不要对文本或图片使用默认的蓝色链接。 不要把文本链接放在有边框的粗笨表单元中 正文不要采中粗体，也不要占据整个页面的宽度。 不要使用荧光背景色，特别不要使用荧光文字！ 网站设计 ‘ 在一个好的web设计中，最重要的两个因素就是重复和清晰。 应当无需访问者努力去找出如何使用网站的导航系统，并明确他们在网站中的哪个位置，以及是否还在你的网站中或者已跳到了其它网站。 重复 样式表的使用，是很好的说明了重复这个原则 可读性 使用12号宋体、14号宋体都是文本可读性的最佳选择 网站设计提示 ‘ 写给大家看的设计书 谢谢！ The Non-Designers Design Book * 3 Summary Overview XXXX Major Title Heading. This slide relates to XX-XX. 华而不实的名片模板 * 哪个名片最好看？ 请指出每个名片的不足之处？ 貌似不错的名片设计，可以做的更好的名片！ 1专业制作不锈钢这几个字可以更大点，突出对比 2对齐没有做好 * 套用四大原则的名片设计，更专业！一看就像是大公司！ * * 写给大家看的设计书 杨卓 2011.9.14 The Non-Designers Design Book 第五讲：更多提示与技巧 网站 给大家看的设计书 更多提示与技巧 宣传册 传单 企业名片 名片最重要的内容：电话与人名 企业名片规格：9*5.5， 记得设计的时候加3MM的出血 设定一条基线，并对齐 字体大小：6号字-9号字 小字看起来并不会小，字体足够可以看的清楚，不如强调名片设计的整体、精美效果 设计原则：企业名片不是一本书，不是宣传册、甚至不是广告，名片要包含客户几秒几需要看到的信息，注意视觉的跳跃！ 名片的颜色：除了主色之外，如果还使用了第二种颜色（辅色），则用量一定要少。大多数情况下，第二种颜色只要稍稍用一点，效果会更好。 注意使用：对齐 对比 亲密性 企业名片设计小技巧 ‘ 不实用的名片模板 经典简约的名片欣赏—简约不简单 传单设计可以安全地冲破各种束缚！这是一个可以天马行空，真正发挥创意的好地方。传单是最适合使用不同的有趣字体的地方之一，有趣的字体也是让人注意标题的一种最佳方法 不要胆小 新手设计的大多数传单存在的最严重的问题是缺少对比，而且信息的表现没有层次性。因此，要有一个明显的中心点，并使用对比来组织信息，引导读者的视线浏览页面。 传单设计 ‘ 创建一个中心点:在页面上放一个很大、有趣而且明显的东西。如果能让读者的视线停在这个中心点上，他们往往更有可能阅读其余的文本。 使用有对比的子标题:有了中心点之后，再使用明显的子标题（视觉上效果强烈，而且能充分地表达含义），使读者能很快扫描这个传单，确定信息的要点。如果子标题本身没意思，读者就不会有兴趣读这个传单。他们往往不会花时间解读文体，除非刚好是他们特别赶兴趣的 重复:不论标题使用难看的字体、漂亮的字体。还是以一种非同寻常的方式使用普通字体，都应该尝试在文本中适当增加同样的字体来实现重复。可能只对一个字母或一个词使用那种字体，也可以把它用作子标题、大写首字母或者项目符号的字体。字体的强烈对比都能增加传单的效果。 对齐:另外要记住，只选择一种对齐！不要把标题居中，然后正文左对齐，也不要把页面上的一切都居中，然后在底部的角落里放上内容。一定要明确，要大胆。可以让所有内容都左对齐或右对齐。 传单设计小技巧 ‘ 请对比左右两边的设计，你认为哪个更好一些呢？ 对于三折页、再设计之前，先把一张纸折成你需要的形状，再在各个面上做些记号。这会影响读者打开这个宣传页的顺序。 新手常见问题:缺少对比，缺少对齐，使用太多宋体 宣传册设计 ‘ 对比 不仅能增强页面的视觉效果，吸引读者的视线，还有助于建立信息的层次结构，使读者能够抓住要点，了解这个宣传册的主要内容。 应当在元素字体、线、颜色、间隔、大小等方面使用对比。要记住，只有对比很强烈才能真正有效，如果两个元素不完全相同，那就让他们干脆截然不同，否则看上去就会像是个失误。千万不要太保守。 重复 设计中需要重复一些元素，为作品建立统一的外观。可以重复颜色，字体、线、空间布局、项目符号等。 宣传册设计技巧与提示 ‘ 对齐 明确而鲜明的边界可以给人营造一种强烈、尖锐的感觉。 如果结合了多种对齐方式，往往给给人一种草率而无力的印象。 如果你有其它对齐方式与这种突破形成对比，哪就打破这条规则吧！ 亲密性 宣传册中往往有很多子主题。各项相互之间有多近或者相距多远，这会反映出项之间的关系，注意：排版软件当中的行间距与段前间距两个概念 宣传册设计