摘要：用户手持手机，使用应用时，我总结一下这些成本要素，并以个人经验比较一下他们的成本大小：1、认知成本信息的阅读速度与理解速度因人而异，但信息量过载，认知成本一定大，外在的表现就是：分不清主次，选择成本高，可寻性不高，辨识度不高。所以所谓的：“第一屏”要显示所有信息，是一个需要折中考虑的点。造成认知成本高还有一个比较常见的错误设计，就是功能型文案入口，这个太常见。不能转化为通俗易通的语言，那还是没有设计过的技术或者叫原材料。成本系数：4(以1、2、3、4、5划分，成本系数越大，如果没有认真处理这个因素，会对用户负影响越大，设计取舍时应尽可能减少这个因素的成本)2、惯性成本有意识的行为即为认知后行为 阅读全文

摘要：关于响应式的网站设计讨论越来越火热，以至于人们总是质问你为何不使用响应式的方法来设计你的网页。而响应式设计最难的一部分是创建导航菜单，支持大的屏幕和小的屏幕，支持包括电脑浏览器、平板电脑和手机上浏览。尽管很难，但已经有一些网站很好的解决了这个问题，并使得网站的设计美观、简洁，而且导航完好无损。下面是向你推荐的 25 个极好的响应菜单设计案例：AbletonBretzel et BredeleAdaptive PathJan FinnesandNot ComplexAndre MauriceUnited Pixel WorkersOliver RussellHicksdesignDesign M 阅读全文

摘要：自2012年11月开始，和一群喜欢翻译的童鞋成立了CDC翻客,一个提供精选原创译文的博客。由此，认识了一群富有激情的朋友，方知浮华之外，还能有人能静心阅读不同国度的文字，再悉心将这些文字转译为我们熟知的母语。近半年来，翻译了5篇长文，虽然译文数量不多，但每篇外文也至少是我花2小时以上，从10几个国外专业网站或博客中精选的。也许，读者阅读每篇文章花不到5分钟的时间，但对译者来说，从每篇文章的选定（2h）—初译（4.5h）—校稿（2.5h）—发布（1.5h）都是一个漫长的过程。至少对自己来说，平均花在一篇约2000字的文章应该有10小时。算完这个数字，自己都会觉得怎么这么久，但对于一个初译者来说， 阅读全文

摘要：UI设计 不像平面设计那样随性， 期间可以用点技巧来减少痛苦。 1. 设置网格线 保持像素完美 不在1:1分辨率下也能保持像素完美，可以通过创建网格线来避免虚边的出现。 编辑＞首选项＞参考线、网格和切片 保持尺寸为偶数。 例如：设置网格线间隔为64px，子网格为64 使用网格在画图形时会自动吸附，不是1:1状态下也可以画出完美像素。 2 .智能对象和路径的变形 （1）将图层转换为智能对象（右击图层＞选择转换为智能对象），这样你就可以在之后编辑效果。 （2）Ctrl + T 选择变形。 （3）点击和拖动手柄来改变形状。 例题1 例题2 3. ps cs6 隐藏路径 Pho... 阅读全文

摘要：TNW发布了2013年10大网页设计趋势： 1、响应式布局盛行，即一个网站适配多种屏幕; 2、重视字体的选择，使用Web字体; 3、更少的使用Flash，使用其他任何可能替代的技术; 4、苹果iOS的拟物化设计将不再时髦; 5、使用巨大的背景图构造大气的视觉效果; 6、产品和个人介绍页面留出更多空白; 7、更多的社交网络分享入口; 8、浅色、冷色调重新成为主流; 9、移动App将取代一部分移动网页流量; 10、内容依旧为王; 2012年我们看到一些新的设计趋势在Web设计领域，特别是响应式页面设计。那么跟随我们的脚步，来预测一下2013年的设计趋势吧！ 1、响应式网页设... 阅读全文

摘要：发布网站之前至关重要的一步是网站测试。网站测试要求我们全面地运行网站并通过所有基本测试，如响应式设计测试、安全测试、易用性测试、跨浏览器兼容性、网站速度测试等。 网站测试对SEO、搜索引擎排名、转换率、跳出率（BounceRate）、网站页面设计、安全性的提高等都有重要的影响。所以对于Web开发人员，在发布网站之前对其进行测试至关重要。 有很多优秀的工具正被Web开发者用来进行网站测试。本文将例举10款优秀的网站测试工具。 W3CMarkupValidationServices W3C验证器可以检查任何网站中的HTML标记，并显示与其标准不符的错误之处。还有与W3C验证相关的诸多功能，... 阅读全文

摘要：学习资料入门级：（★为推荐书）★写给大家的web和版式设计书★胜于言传：网站内容制胜宝典一目了然情感化设计交互设计之路设计心理学瞬间之美：web界面设计如何让用户心动中级：Designing Interactions★版式设计原理★细节决定交互设计的成败★简单法则网站交互设计模式UCD火花集赢在用户用户体验的要素移动设备交互设计锦绣蓝图：怎样规划令人流连忘返的网站★web表单设计：点石成金的艺术Tapworthy: Designing Great iPhone App移动应用的设计与开发Mobile Design For iPhone And iPadMobile Design and Dev 阅读全文

摘要：交互设计沉思录好久没有正儿八经写笔记了，翻完两遍《交互设计沉思录》，还是云里雾里，不得不借助敲键盘来整理一下思路。这是一本探讨理论的书。这类书很难写，读者一般在读的过程中频频点头认同作者的观点，但是一放下书，却又好像什么都没得到。对这一类的书，如果看完后刷新了自己对该领域的认识，就可以认为是一本好书吧。至于刷新认识，大概是看书里有没有提供一个好用的框架，帮助自己去理解这个领域，弥补过去因视角和深度的缺乏导致的局限。这么看来，这是一本好书。Jon在引言中首先指出了交互相关书籍的两大主题：一是集中在人机交互领域，局限在于被认知心理学和计算机科学所限定，过于强调界面元素，力图得出创建界面的最佳实践、 阅读全文

摘要：每次进入一个新的领域，都免不了踩着不一样的学习曲线，从起点开始慢慢爬。交互设计并不像其他领域有很成熟的学科体系，怎样才能在实践中不断总结，提升自己的能力？这个问题让我想到了每个人都最熟悉的语言学习过程。我们如何学习语言？学习母语时，我们首先学会“听”大量的词语和句子，然后从“妈妈”、“爸爸”这些最重要最简单的词汇开始学习，慢慢地会把几个词语连起来组成句子，然后能用好些句子表达完整的意思。学习外语时，先是背单词，单词组成了短语和句子，然后通过课文学习语法，掌握了基本的阅读、对话能力，还需要去进一步了解这种语言背后的文化和思维方式，才能更好地与他人沟通。从学习语言的根本目——“交流”来看，每个学习 阅读全文

摘要：其实我也没有做过正儿八经的软件开发工作，最多也就是coding玩玩，所以只能弱弱地陈述下自己的想法：1. 如果现在是做开发，在工作的同时尽量尝试从整个软件的角度看问题，了解每个步骤的process和不同人员的分工。由于从开发的角度来讲，交互设计其实是属于需求分析阶段（将用户需求转化为软件需求），所以需求分析这里要特别注意。如果是做网页重构或前端开发的，这方面可能会容易一点，因为要跟做设计的打交道嘛。2. 角度越来越宽，从软件的角度，再到产品的角度（尝试理解产品经理会是如何想的，交互设计的内容跟产品的核心价值和策略是紧密关联的）。如果想钻的更深，就再到行业的角度，由于本人也是菜鸟所以这点就不多说 阅读全文

摘要：最近从上海转到北京工作，接触到了更多的交互设计师，感觉到浓厚的行业气息。09届从事本行业的同学只有5人，10届粗略估计15人。导师告诉我，之后40多位工业设计硕士几乎都选择了交互设计方向。有人说交互设计时代来临了，其实只是行业发展造就了更多的就业机会。但是现实没有那么光鲜，进入新行业之后设计师们面临着诸多问题，遇到发展瓶颈找不到解决途径。1.没有方向，没有自己的职业规划。视觉设计师想转交互，交互又想转产品。2.觉得不被重视，介绍自己时，不忘带上“苦逼”两字。辛苦做的设计方案，不被采纳，经常抱怨被产品经理指使着画图，交互设计师的共同语言肯定有这条。3.没有学习计划，每天除了工作不知道该学些什么， 阅读全文