web表单设计研究
经常使用网络的人，都应该于填写过各种各样的表单。注册一个论坛账号，申请一个QQ号，购买一本书……等等事情，只要不是单纯的浏览信息，或多或少的都会填写一些表单，向计算机提供个人信息，真实的也好，虚拟的也罢。在填写这些数据的时候，计算机是否有好的对待你呢？你是否会一遍又一遍的填写相同的数据？不断的刷新，甚至恼怒？“到底想怎样？”“为什么又要再次填写？？”“气死我了，换个网站”……也许您在填写这些可恶的表单的时候，也有过这样的情绪反应。不要生气，这些，都是计算的不对，他们没有正常的与您对话。
那么怎么样设计的表单才是合适的表单呢？怎样的对话才是符合人们心智模型的表单设计呢？
接下来，我将根据平时的经验，来跟大家分享一下：
1. 只询问必要的问题，不是必填的不要让用户填，可以放在资料修改的地方，让用户以后再填写，这样可以让用户在很短时间内顺利的继续当前最期望的任务。
例如：用户的家庭住址，网站如果不需要邮寄物品给用户，就没必要询问用户该项，徒增用户的疑惑。反之，如果用户在淘宝购买了一件衣服，网站没有要求用户填写家庭住址，那么用户又该疑惑了，“你们会把东西给我寄到哪里呢？什么时候会问我的地址呢？”。因此表单的内容设计是需要仔细斟酌的，搞清楚什么是该询问的，什么是不该询问的。
2. 记住用户的信息，浏览器有时候会有些突发情况，用户可能会需要刷新自己的网页才可以再继续显示，此时，不要让用户再次面对一个空白的表单，保留尽可能多的内容给用户，减轻他们重新填写的压力吧。
3. 在每个用户出错的时候及时提醒，不要等到提交信息后再给用户打几个大红叉，这样是极不礼貌的行为，用户满心期待的等着成功的信息，结果是满页面的红色出错信息，会增加用户的沮丧感。当焦点离开了填写的区域，计算机应该立即判断用户填写内容的正确性。
4. 在信息量较大的情况下，可以采用让用户填空的方式来填写表单，把每个填写的位置流出来，形成一段话或者一句话的形式，这样比起一问一答的方式要亲切友好。
5. 问答的语言需要从用户的角度出发，不要使用难懂的计算机语言，让用户和计算机之间开始自然的对话。
6. 提交按钮应该设置在必填项都填完后再用彩色显示，未填写完时，变成灰色或者使用其他的文字。不要等用户点击后再刷新页面，然后告诉用户，还有很多项需要继续填写。
7. 设置项目的必填选项提示。不要在页面顶端告诉用户哪些是必须填写的，在每一个必填选项旁记得附上一个标记。不要等到用户满心欢喜的填完了他选择填写的内容，结果却得到一大堆的红色标记，就像小学生整篇试卷上都是红叉那样。
8. 一个国外的设计师这样说：表单的下方一般会有提交（确定）和取消两个常见选项，一般来说，选择提交（确定）的概率会大于选择取消的概率。于是有一个首要选项和次要选项的说法。因此他认为首要动作的按钮应该在视觉上比次要选项突出，可以把首要选项确定项进行加粗，或者把次要选项淡化，减少为一个带下划线的单词。
9. 早期的表单在设置时一般带有三个按钮，确定，重置和取消。现在的表单中重置按钮已经逐渐走出了我们的视线。用户在填写表单中要求的数据内容的时候，很少有需要把全部信息推翻重写一遍的需求。因此，在现在的表单中，设计师已经去掉了这项多余的按钮。
10. 按钮的名称应该采用有意义的语言来标记用户的动作。一般常见的就是填写完表单后点击确定，提交，取消这样的文字。虽然很简短，但是和用户刚才填写的表单内容没有联系，适用于任何的表单。在注册用户的时候可以使用“立即注册”“马上注册”；提交Blog评论的时候使用“点击立刻发言”，“提交评论”等文字。
简单的表单却让用户有很多的疑惑，设计有良好用户体验的表单来欢迎用户吧。在以后的设计道路上，如果有新的发现会不定期的更新，让我们继续探索吧。
ps学习：文字样式_failed……
在一个网站看到教程，跟着学习，虽然文字不同，但是其中的数值都差不多相同的，不过不知道为什么做出来的效果跟人家的不一样了，汗！~~还是放到这里勉励自己吧，毕竟折腾了一些时间进去的。
Posted in 学习
Leave a comment
笔记-公司年报设计
年报的设计，简要来说，就是图片、图形的选择，文字的排列，色彩的选用，针对公司的不同主题来进行选择和搭配。但说起来容易做起来难，下面是我在看别人设计的优秀作品里总结的一些技法，在灵感不到位的时候可以尝试用这样的方法，避免自己停步不前。
1. 点、线、面的搭配，底纹的运用，线条底纹，图案底纹，文字底纹都可以营造丰富的画面感。
2. 巨型饱满字体的应用，镂空文字与实体文字的搭配，巨型文字的部分切割，显示一半或者四分之三部分，多放在页面边缘位置。
3. 图形或者图片上写醒目颜色的文字，作为一种解释，也起到对比的效果。
4. 黑白和少量彩色的对比，暗调和彩色明调的对比。
5. 平面构成的应用。
6. 抽象符号，图形的运用。
7. 文字按照图形路径排列，用文字形成线条的表达手法。
8. 反白效果的对比，一页是黑底白字，旁边紧挨着白底黑字。
9. 单线条图画和具体照片的组合表现手法。
10. 实图上添加少量的手绘图形，产生对比。
11. 同一个短语中特大和特小文字的对比，突出重点文字。
12. 半透明效果的应用，文字半透明，有一定秩序又混乱的叠加，其实也用非透明的文字，形成远近，重叠的效果。
13. 人物图像上可以添加一个画框，制作成相片和真人重叠的效果。
14. 大段文字放在一起形成某种特殊的图形，虽然降低了可读性，但提升了视觉效果，这也是年报或宣称册中常用的。
以上是看一本年报的画册发现的可设计的点，以前在做设计的时候总不知道从何下手，积累这些设计点，希望在设计时会有所帮助，至少可以在设计平庸的时候给画面增添一些特色。
注：图片是向一个网站上学习的^^
可爱的twitter小鸟~
学习自：http://naldzgraphics.net，偶然看见了，觉得甚是可爱，就偷学着画了来。
交互设计
什么是交互
交互,是人与事物之间的互动关系，使用与被使用之间的一种关系。在这样的交互过程中，彼此会做出不同的反应，称之为交互的反馈。比如早上起床，闹钟响了，这个是闹钟对人的提醒。如果此时按掉闹钟，并再次调节时间，闹钟的响声被终止，并被重置。这就是人和闹钟之间的交互。但是，如果屋子里恰好没人，闹钟响了，知道停止，这只是它本身的一种状态，并没有与外界发生关系，因此，没有交互的过程。
什么是交互设计？
在使用网站，软件，消费产品，各种服务的时候（实际上是在同它们交互），在整个使用过程中的感觉就是一种交互体验。随着网络和新技术的发展，各种新产品的交互方式越来越多，人们也越来越重视对交互的体验。
当计算机成为人们每天使用的工具，人们对于这种交互体验也有了更高的要求，因此交互设计（Interaction Design）开始作为一个关注度较高的行业而出现。
从用户角度来说，交互设计是一种如何让产品易用，有效，并且让人愉悦的技术，（easy to use, joy to use !这是我从曾经实习的公司学到的高度精炼的解释。）
交互设计致力于了解目标用户和他们的期望，了解用户在与产品交互时彼此的行为，分析人机关系，了解 “人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。通过对产品的界面和互动方式进行设计，让产品和使用者之间建立一种有机关系，从而可以有效达到使用者的目标，这就是交互设计的目的。
交互设计工作的具体内容
一般来讲，交互设计师在平日的工作中，主要是把用户研究的结论应用到新产品的改良或者创新产品的设计上。研究产品的主要功能，列出典型的产品用例，分析产品的交互流程。这些与信息架构师的工作很相似。因为在目前的行业中，把信息架构分出来给专门的信息架构师的工作很少，因此，某种程度上，目前的交互设计师就负担了信息架构的工作。
交互设计师的日常工作包括：客户访谈，现场研究，头脑风暴，撰写文档，制作原型以及产品测试。还有很多其他事情：写邮件（Email），收邮件（Email），会议（meeting）和报告 （presentation）。
在一般的公司或者企业中，交互设计是整个设计的核心人物，起到了起承转合的作用，要与后台的程序工程师与界面设计师合作，是作为整个工作的桥梁性人物而存在的。要负责产品生命周期的前段，从概念的建立，到界面的完成再到最后代码的编写完成一直到产品上线。
交互设计的交付物
交互设计师在产品的开发周期中，要一直跟进，因此与界面设计师（视觉设计师）以及后台和前端的开发工程师要分别进行交接，因此交互设计师，需要有在内部团队使用的用例表，功能模块分析文档，与后台工程师以及视觉设计师沟通的流程图文档，与客户洽谈的交互原型等文件。
在线信息查询之采摘模型
人们在大量的网络信息中穿行，挑选自己需要的信息，不断的从一个连接跳转到另外的链接，迅速的改变自己的查询策略。
加州大学教授曾经把这样的在线信息查询比喻为“摘果子模型”。摘果子的时候看到果子了必须挨个采摘，直到采够所需要的果子。在这个过程中，如果看到了其他地方有更好的果子，肯定会毫不犹豫的走到有好果子的地方，灵活的改变自己的行为。
类似的，在新信息查询的过程中，人们根据自己最初的或者当前的需求，不断的比较自己看到的信息，反复评估发现所得到的信息与信息需求的相关性，在线上摘果子。这就是经典的信息查询采摘模型。