确保工作区整洁有序

合理的图层排序和分组便于设计师理解所有元素的对应位置。把它比作一个生产车间，要是你把所有的工具到处扔，害得你的工头什么都找不到，你还有好日子过么？

同一对象的多个图层归入一个文件夹

这是一条重要的规则。图层归组让你的图层变得有序，你不需要单独为每一个图层命名，只要命名组就行了。
例如：如果一个按钮由按钮图标和说明文字组成，那么应该把它们归入一个”按钮”的文件夹；菜单本身是一个一组一组的按钮对，归入一个”菜单”组，并且所有背景层也将归入”背景”这个文件夹。

原则就是：文件夹分组在逻辑上应该符合你的布局结构。

如果一个对象包含几个图层，就应该把它们归入一个文件夹

新幻灯的版本为34/1，修改日期11月27

通常我们会把好几个不同版本的元素放在一个文件里，像同一个按钮不同的背景。

但为了避免忘记这一撮奇怪的隐藏图层其实是同一个背景的不同版本，最好还是好好给他们归组。最简单的办法就是创建一个”背景”文件夹，把所有的版本背景都放到里面。但更理想的方法是复制整个”按钮”文件夹并根据不同的版本命一样的名。这样就可以很清楚地知道这是一个按钮的3个不同版本。

这样分组，你的同事就能理解这些按钮是三个版本

这里收录的100句有关设计的事情，似乎更像是设计经典语录，它们之中肯定会有一句能够让您共鸣，甚至大彻大悟。

好吧，美妙的句子很多，开门见山，就让我们迅速开始吧。

零：项目背景

百度网盟推广平台是配合网盟推广用户的在线营销平台，推广客户可以在平台上实现全方位的推广管理，包括搭建账户结构、配置预算、定向方式、监控账户投放效果等等复杂的账户操作。但是由于系统的复杂度和功能性的增加，原有的系统对新功能的支撑显得有些捉襟见肘，所以在今年8月份，我们开始了对系统体验的分析和优化工作。

一：产品理解

广告投放平台广义上属于商业产品体系，商业产品和用户产品在体验的关注点上是有显著区别的。最大的区别就是使用需求不同，商业产品一般不会出现在我们日常生活中，大部分都是在工作时，或者是特定的时段内才会使用到。所以把握好商业产品的特性，是做好商业产品用户体验的关键。

研究一个产品的特性，一个比较简单的方法就是观察产品的“零容忍点”，也就是产品的哪些特性如果不能够满足用户，用户就会产生强烈反感，甚至放弃使用。比如说现在非常火的移动互联网应用，也就是app产品，用户的零容忍点基本上会停留在视觉层面上。因为我们的移动设备分辨率较高以及产品的使用场景（都是近距离使用）的关系，用户对产品的视觉效果会非常严苛，如果产品的icon或者界面丑陋，基本上就不会用了。但是，对于一些小说站点或者视频站点来说，视觉就不是用户最主要关注的了，这类产品，用户最关注的是他们的内容，如果内容不够好，别人有的你没有，那么用户就会离开，即使你的界面十分精美，只能是华而不实。同样，如果把思路切换到商业产品上，我们会发现用户最在意的是能够能够在使用的功能满足和节约时间。因为商业产品更像是一个用户的工具，如果工具不能够操作，那么用户就没有使用的动力了。因此，对于商业产品来讲，功能>性能>易用>美观。

所以，对于商业产品设计师来说，我们的思维中要一直有一个声音，那就是我们的优化是不是能够真正的提高用户的效率，在效率和效果面前，我们要强迫自己选择前者。

二.可用性走查

平台系统的复杂度之高，超出预期，怎样衡量复杂系统的操作效率提升是体验优化的一个难题，思考之后，把产品的易学性作为我的设计出发点，就是通过统一、规范的系统能够让用户更容易学习和掌握平台产品具体的使用方法。

对整个系统超过30个页面进行可用性走查，根据用户体验设计要素，把系统按照结构层、框架层和表现层来进行梳理。结构层解决用户如何导到某个页面，做完去哪里。在梳理结构层的过程中不具体思考交互方式，只是从任务出发，来看流程和结构上能不能满足功能，在满足功能的基础上有没有提升的空间。框架层则解决页面的具体布局和交互方式，对系统页面的控件、布局等详细梳理，寻找改进空间。表现层解决产品的视觉呈现。

虽然互联网发展迅速，但是利用Banner来推广产品，依然是王道。
很多公司都采用这种形式进行宣传，优点多多：便宜、效果可监测、行之有效。
现在呢，假设有客户让你帮忙设计个Banner广告，你要怎么设计呢？要怎么提高广告的点击率呢？

下面将详细讲述Banner设计的14条建议。

1. 选择最有效的Banner尺寸

恐怕现在的设计师最怕听到的两个字就是“大气”。
“你对设计稿有什么要求呢？” “哦，我希望大气一些！”“。。。。”
“您觉的哪些地方不满意呢？”“嗯，就是希望再大气一些！”“。。。。”
“你看这次的视觉稿，风格怎么样？”“挺好的，稍微大气一些就OK”“。。。。”
这些对话一点也不夸张，都是同行们常常抱怨的话题。设计师已经无数次倒在了这两个字下。
不过，抱怨并不能解决所有问题。那么我们该考虑如何解决这个令人头疼的形容词呢？ 简单分析，从两种不同类型的需求说起

第一种：商务性质中的“大气”

简约的页面风格容易受到用户的喜欢，而且能给用户带来一定的安全感。拿IBM这个来说，页面给人的第一感觉是专业和安全。焦点图构成也比较简单，左侧醒目的标语用了简单的渐变，右侧也运用了简单的几何图形。下面几个例子也是如此，还有一些没有列举出来的，比如大家很熟悉的apple官网。

一个LOGO对于一家企业的重要性不用我说相信大家也都知道，不管是从视觉的品牌传播方面，还是对于传达企业对内对外的精神和文化理念方面，小小的一个LOGO都处在一个举足轻重的位置。好了，废话不多说，开始正题。

有人说“即使一把火把可口可乐烧得精光，它也能凭借着它的LOGO东山再起。“当然了，至于有没有人说过，我们无法考证。但是这句话充分说明了一个LOGO所能发挥的作用。下面我从5个方面来说明如何才是一个好的LOGO:

1． LOGO应该有代表性的寓意

中国银行的LOGO的经典之处也不用我来多废话，我们来看一看它所包含的寓意：

（1）首先，既然是中国银行，它的图形部分中间实际上是一个中国的“中”字；

（2）其次，外圆中方的造型，则代表着中国的古钱币，将银行这一特性表达出来；

（3）再次，圆形的外观则指中国银行面向全球，着眼世界。

2． LOGO的用色

一个好的LOGO应该有能够表达企业特性的色彩

上图中，同为美国的2家著名企业的LOGO,都是以大量的字母为基础造型的LOGO

给观者的感觉却是截然不同的两种感觉,色彩的运用起到了很重要的作用

前言

网络广告，因其数字化、数据性的本质而区别于传统广告。传统广告无法衡量受众参与，但网络广告有展现、点击、转化。CTR很长一段时间以来，是网络广告效果的命脉。我们要研究CTR，研究什么？是谁在贡献CTR，CTR有什么规律，哪些因素在影响CTR，如何提升CTR，同时也要明白，在网络广告技术和形式光速发展的今天，CTR是否还是最优解。

本系列即围绕CTR展开。本文涉及“天生的点击者”这一理论，简单来说也是二八理论，就是网络广告研究者认为存在这样一类上网人群，他们贡献了网络广告的绝大多数点击。而本文作者依然认可这个结论，并告知我们，正是在这样的结论下：

CTR不权威也不唯一，要考虑CTR之外的价值。

What Happens When Your Audience Doesn’t Click？

译文

几年前，comScore，Tacoda和Starcom做了一项有趣的研究名为“天生的点击者”（Natural Born Clickers）。该研究指出，有这样一类人，面对网络广告，他们比其他人更多的发生点击或参与行为。他们只是上网人群中的一小撮人，8%的人却贡献了85%的点击。这是09年10月的研究（原文），但我不得不说，到现在为止这个情况没有什么改变。

当你正在用受众定向的交易平台或者DSP系统来进行你的营销计划时，当你购买的受众不是高概率点击人群时，将会是什么结果？

这，便构成了一个警钟。

是时候来调整一下期望了，以下是几点建议：

 
1. 如果你一味的追求点击，优化点击，你会错过很多价值

点击不是一切，虽然它是一个好的指标对于整体效果而言。但是点击之外，依然有其它方式与在线展示单元发生联系，比如热烈讨论的有效展示率（原文是view-through metric。公式是view/shows*100%），品牌影响量化研究，还有banner内互动等等。简要说下这三点：有效展示率有什么用？当你和诸如Visual IQ或者Adometry这些比较高级的cookie定向的服务商合作时，有效展示会相当有用；而品牌影响量化研究帮你衡量一些区别于人群定向的“软指标”，在这一点上，最擅长的无疑是市场研究公司GfK和Knowledge Networks）。banner内互动呢，可以帮助我们理解用户是如何与展示广告本身及其环境发生联系的。比如Moat（一个展示广告搜索引擎，输入品牌名就可以获知这个品牌正在网上展示哪些创意，并提供热点图分析，包括鼠标滑过和点击行为，来告诉广告主什么样的广告参与度最高）所有这些对于点击之外的数据的收集，都在告诉你：营销决策并没有你想想的那么难。

导航是网页设计中不可缺少的部分，它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，达到有效传递。同时，导航一般位于网页的中上部分，也是视觉中心的区域内。在保持其合理的功能作用的同时，一个好的导航设计，往往能够成为整个网页设计的点睛之笔！

一个设计师在布局和整体规划网页设计时，导航总是一个重要的元素。我们会思考，导航以什么形式呈现？是否能够地发挥其梳理网站结构、有效传递信息的功能？是否能够烘托和配合整个页面的设计风格？是否能够别出心裁润色和体现该网站的特点又不影响其功能性？是否能够精益求精成为整个网页设计至关重要的一笔？那么，就让我们一起分享和浅析一下一些让设计师们花费心思精雕细琢的导航设计吧。

导航的设计会根据网站的基本类别、属性和各自特点而有所定位。在这里，我挑选了一些非系统、门户等类型，有明确特点、用户定位、产品及品牌特色的品牌类、专题类网站。对于这些网站来说，导航的设计将突破我们常见的横向长条导航或者竖式导航，会更加有意味、趣味和玩味，是能让设计师们尽情拓展设计创意和思维的“有点儿意思”的导航设计！

导航是互联网产品中应用最广泛的基础元素之一，引导用户了解到网站的内容结构进而找到所求。作为基础控件，导航看起来简单，但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息，所以就赋予了导航越来越多的内容，使他们庞大异常，十分纠结。简化了，用户无法了解到页面结构以及自己的处境，产生困惑；复杂了，导航臃肿不堪，层峦叠嶂，既不美观也不好用。

那么，在清晰的信息架构下能不能让导航尽可能的更轻便、更灵动，是笔者本文想要探讨的话题。笔者看来，为导航塑身可以从以下几个角度来进行：1.简化结构；2.优化形式；3.打磨UI。

网站作为信息的集合体，要囊括海量的资源，从首页到二级页再到专题页进而底层页等等等等，信息的层级多且繁杂，所以就容易形成tab套tab再套tab的局面。那么作为导航塑身的第一步，我们要做的就是把这负责的结构尽量简化，让导航变得轻盈起来，或者至少看起来不那么臃肿。

A． 通过面包屑来简化导航结构

面包屑通常水平地出现在页面顶部，一般会位于标题或页头的下方。它们提供给用户返回之前任何一个页面的链接（这些链接也是能到达当前页面的路径），在层级架构中通常是这个页面的父级页面。面包屑提供给用户回溯到网站首页或入口页面的一条快速路径。

一个门户网站常见的结构是首页-频道页-专题页-子专题-底层页。如果我们想在门户网站看NBA的视频直播，那么我们来看下他的导航：

如果把信息层级全部展现在用户面前，就会形成上面的这种tab套tab的形式，使得导航臃肿不堪，占据页面很大的空间。可是如果我们把用户关心的导航内容提取出来，就会得到下面的结构：

上回说到如何将情感因素融入到广告创意中，在互联网广告制作时，多数的大牌企业会制定系统化的广告宣传策略，每个时期针对不同的产品推出不同形式内容的广告及品牌宣传广告。更多的互联网广告，比如各种尺寸的banner、矩形、条幅广告等，多是由设计师快速的制作来完成的。那么如何快速的将情感因素融入到广告创意中呢？

正文

      上一篇文章《广告创意中的情感因素（一）》介绍了情感广告相关的理论依据，情感的类型以及如何在广告中融入情感因素。情感是广告内容的一个因素，可以借助不同的表现方式体现不同的情感诉求。

      创意广告诉求的表现手法有很多种，如借喻、诙谐、夸张、比喻、拟人物、隐喻、对比等。结合广告宣传的品牌、产品或者服务的特征，选择利用不同的表现手法表达蕴含在品牌或者产品中的情感，引起人们的共鸣。如运用对比手法的广告，凸现己方的优势与特征，以取得消费者的信服。

      互联网的广告区别于传统广告，在更新速度上要快很多。除了一些企业长期的品牌宣传外，很多是对产品、活动、促销的宣传，内容会经常变换。设计师在广告设计中可能没有时间完成情感广告的创意流程，因此将上篇文章和这篇文章的内容进行整合和提取，从中挖掘出一些点，可以让设计师快速的将情感因素融入到广告创意中提供参考。