在每天的工作中也许只是在设计一个个小小的点，我们可能经过自己的一些想法，就将其绘制出来；也许是模仿某个被公认为很强大的产品的一些功能，其实要是不动脑子，不从根本上去琢磨，只是从表面的模仿，也许根本体会不到当时那些大牛们的设计思想。

大家应该都见过PPT中的备注吧，没有见过的也可以现在打开来看一眼:)，PPT的备注框在幻灯片页面的下方，无论是否有备注信息都是存在。

最近我在工作中，设计一款电子白板产品时需要增加一个类似的备注功能设计。由于所设计软件本身界面布局的一些特点，只能通过弹出框来控制备注。因此，我在菜单中设计了“添加备注”项，当打开备注框并添加了内容之后，“添加备注”的项换成“查看备注”。删除备注内容只需将备注弹出框里面的文字删掉并关闭弹出框。

自我感觉良好，但是老大却觉得我这样的设计很多余，建议我将“添加备注/查看备注”项直接换作“备注”，并给出了一个很好的例子。桌上有一叠便签纸，我撕下其中一张纸条，写了文字，后来我不需要这个了，我就把它撕掉了扔到垃圾桶。

这样的过程就相当于我这里设计的添加备注>查看备注>删除备注。而我目前的设计只是包含了添加和查看，但是删除的时候，只是相当于擦掉了纸上缩写的文字，并没有真正的扔掉纸条，因此也就是说这个备注的纸条一直都存在。

我们在设计时可以使用菜单中的“备注”按钮将其从后面拿出来，需要的时候写文字，不需要的时候就删掉文字。PPT中设计的备注不管是否有文字的输入都在，只不过与我要设计的界面不同的是，PPT的备注框一直都存在，而我设计的界面备注框需要通过页面菜单中的“备注”项调用，其实只是一个浮于前，一个隐于后的不同而已。

在设计的时候多思考，也许就能够体会前辈的用心，而不是简单的挪用了。虽说目前在设计这个行业上，模仿成了一种习惯，但是白痴的抄袭和用心的模仿，其实还是有很大一段距离的，各位设计的同仁们，未来的设计道路还很漫长，我们都尽量用心制作精良的产品吧。

      作为一个设计行业的新人，偶然混进了一个交互设计联盟，群里各种大牛:),根据大家提供的消息，于昨天报名参加了这样的一个会议，因为要见到众多这个行业的大牛们，心里早已内牛满面，激动不已:P

      会议在微软的一个叫做lounge的屋子里召开的，里面作为一个休息室感觉蛮好的，我还发现里面放了一个桌球桌子，椅子凳子都很舒服，五颜六色的。屋里挂满了win7的宣传画，大概是借这个活动小做下宣传吧，呵呵。

      这次活动主讲是由微软亚洲工程院资深设计师张雷中先生带来的，主讲内容是关于微软surface产品的一些介绍以及设计过程。张先生图文并茂的深情演说让大家都能够全神贯注的投入其中，领略surface设计过程的乐趣。这个产品设计过程也采用了Persona人物角色的方法，原型制作方法，在他们的工作中会把设计拿去让用户进行测试，并再次设计，制作了扇形以及其他的形式选择菜单让用户进行选择，并最终选定用扇形来进行设计。目前surface这个产品由于很多现实的原因还只是在美国有使用，比如拉斯维加斯赌场，高级饭店等一些场所。

这次讲座提到了一个名词“NUI”，Natural User Interface，主要是讲自然交互的交互方式，让人们在使用情境下根据自己的直觉理解进行操作，这个概念大概是由于目前触摸操作方式的逐渐普及才出现的吧。

      由于时间的原因，张先生只是大致的进行了介绍，对他们在工作中使用的Brainstorm、workshop、Sketch流程只是简要的提及。

      讲座部分只是本次活动的一个部分，另外还有一个部门是评审委员会候选人会议，在2010年里面会由这些专家们共同评定一些优秀的界面设计。这些活动是为了让设计这个行业能够得到更多的人重视，能够让人们意识到设计对于人们的生活有多么重要，能够引起更多的企业和国家官员的重视。

PS：更多关于Surface的介绍在这里：http://www.microsoft.com/surface/ 

+Add：更多关于本次会议的内容在这里：http://design.yesky.com/433/11119933.shtml

现如今，搜索引擎在互联网生活中占很大份量，人们上网时几乎离不开搜索引擎的帮助。无论你想要得到什么信息，搜索引擎都可以帮你找到。由于习惯的不同，人们可能从朋友推荐得知搜索引擎，或者无意间点击进入，然后从此爱上这个家伙:)  目前在中国，百度搜索引擎占了相当大的市场份额，但是继Google和百度之后，微软推出了Bing搜索引擎，成为搜索引擎的一个后起之秀，赢得了很多人的好评，同样腾讯的搜搜也有大量的用户。接下来就据几大搜索引擎的特点稍作分析：

一、首页面：

1. Google的首页面干净清爽，有很多功能选项，但是视觉设计简洁清晰。个人非常喜欢玩下方的彩色区域，鼠标以上会出现好玩的泡泡图标。                                                                                                                                                                                                                                  与其他几个搜索引擎不同的是，Google的搜索按钮在输入框的下方，并且Google独一无二的设立了一个“手气不错”通道，让人们可以快速的进入到想去的页面，而无需转到搜索结果页面。搜索界面主要的还是那个搜索框，有人能研究说Google的搜索框没有考虑汉字比英文大的特点，而将搜索框做的比英文版的稍高一些，这是Google中国本地化没有做到很完善的一个代表吧。个人不太喜欢的就是Google的界面有很多分割线，虽然起到了分割的作用，但是我认为空间很大，没有必要分割界面如此仔细，这个线条运用得有点多余。另外，首页面顶端的文字很小，页面空间足够大，没有必要让顶端的那些功能文字显示得如此小。Google界面让我疑惑的地方还有就是在同一个界面出现了重复的功能选项，但是视觉上是不一致的（左上角的选项和搜索框下面的泡泡选项区都有音乐等搜索）。
2. 百度的界面很干净，尽管如此，搜索引擎的功能倒是齐全的，用户通过首页面的这些选项就能很容易的进行搜索任务了。就界面视觉设计而言，百度不如Google做的精致，很粗糙的下划线链接虽然简单，但是缺少了一定的美感。仔细看界面的时候发现了一个语词上的问题，百度搜索右侧的设置高级，一般在界面上都是用的是高级设置，也许这只是一个习惯用法，但是作为一个如此多用户的大搜索而言，需要尽量考虑用户的习惯，即使在做创新的时候也是需要尊重用户习惯的，何况这个语词应该不算一个创新点。
3. Bing的搜索界面与众多搜索引擎都不相同，很大的一个改变就是，Bing的网站编辑们每天都收集很多非常棒的图片作为背景图片，并将这个图片作为当天的主题，让使用搜索的人们可以顺便了解很多地方的风土人情。Bing的界面视觉很漂亮，目前提供的搜索功能比较简单，相比其他的引擎，提供给用户一个主动删选搜索结果的选项“全部显示”和“仅限于简体中文”。搜索框右侧的橙色搜索图标很醒目，但是我认为，这里可以结合文字一起，这样可以更加清楚的表达搜索按钮的含义。                                                           
4. 搜搜的界面风格与百度很相似，不过视觉上比百度似乎要精致一些,   比如搜索框的设计色彩选择，比百度的要舒服些。

二、输入搜索内容：

         当输入搜索关键字时，这几个大搜索引擎都使用了提示的技术，不同的是有些显示了不同关键字的搜索结果数量，这在我平时使用上来看是不必要的，这无非是表示搜索引擎强大的功能，而用户是不需要知道这些信息的，这在我看来是一种纯粹的炫耀。搜搜的下方用户自己输入的关键字使用了黑体显示，这是不必要的区分，在视觉上会显得有些突兀。

三、几大搜索引擎的相关搜索比较：

         微软Bing的相关搜索放在左侧，百度和Google的放在搜索结果的下方。百度和Google的相关搜索位置比较接近。但是个人认为还是百度是设计比较合理些，因为百度的相关搜索放在了搜索结果翻页的页码下方，这样比较符合逻辑，如果用户认为自己的关键字是正确的，那么在搜索结果中就存在往后翻页的可能性，逻辑上来讲是应该把页码放在相关搜索上方的。相关搜索是关键字不是很准确的时候搜索引擎提供的一种可能性，这个和当前的搜索结果列表是关系不大的，因此独立算作一个部分。

搜搜的设计与百度类似，不多作评价。

         Google就直接把相关搜索放到了页码的上方，搜索列表的下方，这样没有很多使用上的逻辑性，但是由于位置比较接近，使用上也可以接受。

         Bing的相关搜索特立独行的放到列表左侧，是为了和其他搜索引擎区分，但是我认为没有考虑到用户使用的过程，左侧的相关搜索与用户搜索关键字的搜索框相距很近，用户在输入关键字的时候不可能直接就知道自己输入的是不正确的，因此用户其实是需要有一个浏览搜索结果的过程的，这就导致，一旦用户拖动到页面的下方，就无法发现搜索引擎提供的相关搜索功能了。而如果用户经常使用，记得相关搜索是在上方的话，还是需要往页面上方走，然后再选择其他的搜索关键字，这样使用起来就比较繁琐。另外，在视觉上，Bing提供了一个橙色的所有结果条，而下方不远处是相关搜索，色彩的巨大差异容易让人们忽视相关搜索的存在，并可能理解为下方的是所有结果的分类。

四、搜索结果页码显示：

         关于搜索结果页码显示部分多说一句，根据费茨定律，目标放大，距离缩短，是较好的设计。Google页码部分只是单纯的给出了数字1234，并且距离很近，鼠标选择页码的时候容易出现错误的现象。百度，有所改进，在数字外加上了一个小框，但是这样的改进不够明显。而bing和搜搜注意到了搜索引擎的这个缺点，使用了较大的颜色方块来设置页码，使用起来比较舒服，也不容易出现选错页码的问题了。

补充: 看到一本写的很好的关于搜索界面的英文书《Search User Interface》

图标练习，不太会做图标，看到有人把图标做得晶莹剔透，自己也尝试做几个简单的。大家轻拍  

利用简单的css控制可以出现很多不错的效果，简单的html的结构经过css样式表的装饰，可以变化的丰富多彩。这里介绍一种利用边框样式制作按钮导航效果：

1. 建立简单的Html导航菜单结构,如下:

<body>
<a href=”#”> Home</a>
<a href=”#”> Contact me</a>
<a href=”#”> web design</a>
<a href=”#”> Map</a>
</body>
此时呈现没有任何样式的普通超链接:

2. 现在设置CSS样式,改变为按钮导航效果

a               /*设置基本的链接样式*/
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
margin: 3px;
}

a:link,a:visited        /*设置默认状态和访问后的链接样式*/
{
color: #a96700;
padding: 4px 10px;
background-color: #ffe745;
text-decoration: none;
border-top: 1px solid #eeeeee; /*上边框浅色边*/
border-left: 1px solid #eeeeee; /*左边框浅色边*/
border-bottom: 1px solid #717171; /*下边框深色边*/
border-right: 1px solid #717171; /*右边框深色边*/
}
/*这里边框的样式还可以这样设置：
border-width:1px;
border-style:solid;
border-color: #eeeeee #717171 #717171 #eeeeee;*/

a:hover                  /*设置鼠标移上时呈现的链接样式*/
{
color: #6e4300;
padding: 5px 8px 3px 12px;
background-color: #ffb245;
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
}
/*同样的，这里边框的样式也可以这样设置：
border-width:1px;
border-style:solid;
border-color: #717171 # eeeeee # eeeeee #717171;*/

3. 完成后结果如图：

一，想
设计师首先必须善于思考，对设计主张自己的想法和理解，这是最重要的。别担心你的想法有多“烂”，没有人能一下子做好的，但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法，懂得借鉴，追求属于自己的创意。但是如果在设计时不动脑筋地套模板，套素材，甚至是盲目模仿和抄袭，那简直是在摧残你的创造力，滋养你的惰性，这样永远无法进步，而且以后想进步也非常困难。

二，看
1，大量欣赏别人的作品，尤其是优秀作品，培养艺术鉴赏能力，这对于提高设计水平是必须的。看的时候不要走马观花，需要结合专业知识边看边想，仔细研究作品中值得学习的地方。但有人会抱怨要看作品自己却没有多少设计类书籍，上网找大量并且是自己需要的设计作品和设计资源又很浪费时间和精力，这里你建议去找汇集网络上所有优秀设计资源的网站，如设计世界（http://www.sheji360.net），这样可以省下很多时间和精力去提高学习效率。
2，反复地欣赏优秀的作品。温故而知新，设计也是如此。收藏自己认为比较好的作品，过段时间再看看这些作品，往往会比第一次有更大的收获。
3，经常看看自己的作品。经常看看自己的过去设计的作品，你就会了解自己水平是否有所提高，同时也会有更多的设计体会。

三，练
反复地大量地练习。如果缺乏足够的练习，就算有足够的设计天赋也是无法提高设计水平。只有不断地练习，反复地练习，才能迅速提高设计能力，做得越多，提高得越快，这个是没有什么捷径可走的，必须踏踏实实地来。当然如果练习的时候不思考只会事倍功半，就像学画一样，不光要用笔画，更需要动脑。

四，审
自己的作品能打动自己就是好作品吗？其实对自己作品满意并不是件好事。尤其是初学者对设计以及自身能力缺乏足够的认识往往会犯“自恋”的毛病，过于满意自己的设计，总以为自己设计得很完美，没有比这更好的，却不知自己设计得有多糟糕。相反，当你水平真正到达一定高度的时候，你对自己的设计就会有一个比较客观全面的认识，也就不会轻易满意自己的设计了。因此要学会审问自己，虚心向人求教，就会少走很多弯路。当你对自己的设计感到很满意的时候，记得审问自己，真的有那么好吗？

五，问
学会交流，不懂就问。虽然大部分设计师性格都不太外向，但懂得如何与人沟通交流还是每个设计师必须掌握的课程。设计不是闭门造车，设计师不仅需要和客户交流，还需要和同事同学交流，当然也需要利用网络与其他设计师交流，只有善于交流的设计师才能更好更快地提高自己。

六，知
1，设计师要掌握相关的专业理论知识，多看专业理论知识以查漏补缺。同时更需要学习各种各样的知识。拥有丰富的知识，你大脑里的“素材”就越多，它们都将可能参与到你的设计里，你的设计才会生动饱满，富有思想内涵。所以知名的设计大师们往往都是全才，他们不仅精通设计，更精通其他很多领域。
2，设计师需要懂得体会生活，了解世界。这需要实际调查和切身体会。否则你的设计就会容易脱离生活，失去感染力，因为设计源于生活并服务于生活。同时设计师需要了解世界，以增长更多的见识，保持最新的思想观念。一个思想落后、孤陋寡闻的设计师无论设计经验有多丰富，他的作品总会显得蹩脚和庸俗不堪。
当然，要想有丰富的知识和见识都需要你在平时生活中主动去注意和积累。

七，勤
设计师并不是一个轻松的职业，需要勤奋自学，优秀设计师大部分都是“自学成才”。如果平时没有抽时间主动去自我提高的话，那你的设计水平很难提高，甚至不进则退。因此建议在学习或工作之余，多多花时间在设计上，这样才能更迅速提高你的设计水平。

八，德
设计师的道德品质不仅会体现在生活中的每个细节，而且还会渗入到设计里，这也许就是对“设计为人”更深的一种诠释。如果一个设计师思想道德狭隘的话，那么迟早会扼杀掉自己艺术细胞，堵塞自己的艺术之路，因为艺术是从生活中提炼出来的，是人们所追求的真纯善美。设计师应该要拥有广阔的胸襟，才能拥有广阔的设计空间与灵感空间，你的设计之路才会走得更远更通畅。

九，久
设计不是一朝一夕就能成功的，只有做久了才能拥有出色的设计水平和宝贵的设计经验。既然选择了设计师这个职业，就要有耐心，努力做得出色。虽然会遇到很多辛酸苦累，困难挫折，但不要退缩与放弃，没有这些，你的设计能力如何成长，你的经验如何获得？所以你需要做的是忘掉它们，朝前看，自信地坚持走下去，你的脚步总有一天会踏上平坦的道路，到那时，成功就在你面前向你招手微笑。
原文地址：http://www.sheji360.net/content.php?flag=article&action=66

参与过也见到过很多次使用性测试的项目，不过过了几个月没有接触到了，根据自己的记忆，把测试的流程稍微整理一下，记录下来。可能比较凌乱，文字不够考究也许跟有些同行参与的不尽相同，但是基本骨架如此，放到这里，给以后的工作做个参考:)

使用性测试的流程如下：

1. 进行测试的小组人员聚集起来研究并使用被测试的产品或者原型，熟悉产品的既定使用方式。在试用过程中记录产品可能发生问题的点。
2. 试用结束后，收集产品的可能问题点，按照一定的逻辑关系将问题点组织记录成文档形式。
3. 根据这些问题点，设置产品的具体使用情景，即进行场景设计，例如设定场景为朋友想来北京玩，想在西单找一家旅馆（一个查询服务的测试场景）。
4. 有了具体的场景，根据产品自身的特点，设定一个具体任务，让用户使用产品或者产品原型来进行操作。如果用户顺利的完成了这个既定的任务，那么该项任务就没有难度。反之如果有很大的困难，那么在后期设计人员就需要重点对这些任务流程或者界面布局进行修改。
5. 场景设计和任务设计是测试问卷的重点部分，场景和任务都设计好后，剩下的就是对问卷的完善了，包括用户打分情况，以及一些基本的评价点等具体信息。（关于问卷的设计，以后会再继续整理。）
6. 前期准备工作完成后，剩下的就是等待测试支持部门同事根据测试要求招募参试者了。
7. 用户到来，测试就正式开始了。向用户介绍测试实验室，为了减轻用户压力，可以介绍为体验活动室等委婉的名词。请用户在保密协议上签字，填写用户简单甄别信息问卷。
8. 测试正式开始，主持人按照问卷上的流程向用户介绍测试目的，简单介绍产品让用户热身（warm-up）然后就是按照问卷进行测试。在测试进行的同时，有一个观察记录人员需要在不明显的位置记录用户的操作情况和问卷上选项的选择情况。这名观察记录人员在测试过程中也起到协助主持人的作用。例如在冰箱使用性测试项目中，用户需要往冰箱放食物，此时记录人员需要协助把食物放到用户方便的地方。类似这样的发生在实验室的小事情就由记录人员负责。主持人把注意力集中到用户身上即可。测试的过程需要在观察室中录像，保留详细数据，便于后期整理和查验。需要有一个或者更多设备管理员参与。
9. 测试结束后切断录像设备，保存录像片段。主持人送参试者离开测试实验室至会客室休息，赠送参试者礼金并要求参试者签字，然后送参试者离开。
10. 至此，一个完整的测试就结束了。

在一个网站看到教程，跟着学习，虽然文字不同，但是其中的数值都差不多相同的，不过不知道为什么做出来的效果跟人家的不一样了，汗！~~还是放到这里勉励自己吧，毕竟折腾了一些时间进去的。

年报的设计，简要来说，就是图片、图形的选择，文字的排列，色彩的选用，针对公司的不同主题来进行选择和搭配。但说起来容易做起来难，下面是我在看别人设计的优秀作品里总结的一些技法，在灵感不到位的时候可以尝试用这样的方法，避免自己停步不前。

1.  点、线、面的搭配，底纹的运用，线条底纹，图案底纹，文字底纹都可以营造丰富的画面感。

2.  巨型饱满字体的应用，镂空文字与实体文字的搭配，巨型文字的部分切割，显示一半或者四分之三部分，多放在页面边缘位置。

3.  图形或者图片上写醒目颜色的文字，作为一种解释，也起到对比的效果。

4.  黑白和少量彩色的对比，暗调和彩色明调的对比。

5.  平面构成的应用。

6.  抽象符号，图形的运用。

7.  文字按照图形路径排列，用文字形成线条的表达手法。

8.  反白效果的对比，一页是黑底白字，旁边紧挨着白底黑字。

9.  单线条图画和具体照片的组合表现手法。

10.  实图上添加少量的手绘图形，产生对比。

11.  同一个短语中特大和特小文字的对比，突出重点文字。

12.  半透明效果的应用，文字半透明，有一定秩序又混乱的叠加，其实也用非透明的文字，形成远近，重叠的效果。

13.  人物图像上可以添加一个画框，制作成相片和真人重叠的效果。

14.  大段文字放在一起形成某种特殊的图形，虽然降低了可读性，但提升了视觉效果，这也是年报或宣称册中常用的。

以上是看一本年报的画册发现的可设计的点，以前在做设计的时候总不知道从何下手，积累这些设计点，希望在设计时会有所帮助，至少可以在设计平庸的时候给画面增添一些特色。

注：图片是向一个网站上学习的^^