交互细节！确定按钮到底该放在左边还是右边？

仔细想想，我们做交互设计，讲了那么多“高大上”的理念，竟然很多小细节都还没有弄清楚——比如，确定和取消按钮哪个该放左边哪个该放右边？今天这篇文章是作者在英国约克大学读研时做的一个课题作业。想知道哪个更好，这篇或许能给你启发。其实这个问题，连世界最大的IT公司都没有确切的答案。苹果说，不论移动或电脑设备，行动按钮（Action button）都放在右边，也就是说确定按钮放在右

产品 2016年08月30日

面试不成功别怪面试官，作品集就该做到这八个方面！（上）

编者按：一个设计师的求职作品集几乎决定了他是否足够专业，如果你恰好认为简历就是把一张张原创/临摹作品图放在一起，那么这篇文章可以帮你变得更加优秀。你将读到的是一个高手设计师曾经的成功心得和经验教训，我敢说这是你绝对不想错过的8个建议。不要在简历上搞个大新闻：《魅族视觉总设计师：写好一份简历的十个基本法》两年前，当我即将毕业时，我迎来了设计专业学生的头等大事：作品集审核以及找

产品 2016年05月27日

阿里干货！交互设计师如何进行业务分析？

半木zxy：有一些设计师尤其是像我这种没什么实战经验的新人，没有形成系统化的分析方法，在进行业务分析时，就会比较碎片化，拿着这样的分析结果进行设计以及和其他成员交流起来就非常困难。在此，经过学习大牛们的设计套路，分析整理了一套业务分析流程，用以指导以后的项目。在4月初回归了团队，开始接手新的业务，根据平时看的书以及其他设计师的设计沉淀了解到，作为交互设计师对业务的了解程度是

产品 2016年05月18日

花了7天看了上千个交互动效神作，我总结出5个技巧

编者按：对一个全无经验的动效新手而言，如何制作出「正确」而不是「华丽」的动效？今天这篇Medium 上的好文，从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面，附上案例分析，帮你学会基础的动画制作技巧。首先，我想大家会有这样的问题：什么是微交互 （micro-interaction)？来自 UXPin（一款在线可交互原型制作工具）的 Carrie Cousin

产品 2016年05月09日

用户操作错误？来学习一下产品的容错性设计原则

半木：随着互联网的飞速发展，越来越多产品尤其是2C类产品更加注重用户体验，其中错误对用户体验的影响是灾难性的，在此我总结出一些容错性设计原则供大家参考和探讨。一、容错性概念及重要性对于容错性，大家可能不太清楚是什么概念，但当提到可用性时，那么大部分设计师都会比较熟悉这个词的含义。可用性是产品/系统重要的质量指标，是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度。

用户研究 2016年05月24日

PS教程！教你打造抽象的同心圆艺术视觉效果

@飞屋睿UIdesign ：很多人以为，做一个PS高手就是需要用到各种复杂滤镜，最后把图片变得面目全非才好。而在我看来，软件的背后是创作者的心。把PS视作一件玩具，其实就是几个简单的几何形，也能玩出不同的花样。其中，抽象艺术的表达法可以拿来一用，仅仅是一些形状、色彩就能创作出让人耳目一新的视觉感受。飞屋同学的人气教程：《AI教程！教你手把手绘制热门的太空流星插画》《PS新手

产品 2016年08月09日

眼界决定上限！优设老司机写给新人看的审美练习

很多设计类文章都告诉新人要提升审美，要多看，但没有具体的步骤，看什么，怎么看，看了以后再做什么，这些往往一笔带过。对于新人，锻炼审美不应该靠感觉而是靠科学。那么如何进行审美练习呢？老司机教你三步上手审美练习。第一步，营造高质量环境[br]长期观看高水平的作品可以有效的锻炼人的审美，网络上鱼龙混杂，在审美练习的前期，希望大家在老司机推荐的网站进行审美练习。​1. Dribbb

产品 2016年08月09日

第四集！值得每个设计师收藏的《完美像素使用手册》之软件技巧篇

前三集我们聊了很多设计原则，今天让我们再来看看具体怎么操作。Photoshop是我们（纪念碑谷团队）以及所有设计师天天都在用的东西，所以接下来的部分会向大家展示一些PS的使用方法和技巧。虽然这个册子确实出来挺久了，大概14年的时候优设网就有推荐过它：http://www.uisdc.com/pixel-perfect-precision-handbook（内附PDF英文原版

产品 2016年08月14日

高级“流氓”技巧！教你巧用交互设计中的暗黑模式（附大量案例）

@围脖上的嘟嘟王子 ：如何巧妙运用交互设计中的暗黑模式，我们需要更多的思考和学习。不要介意用户骂你流氓，那说明你流氓的不高明。今天这篇好文带你看看有哪些看起来很愚蠢其实很巧妙的交互设计，案例都是取自国内的网站/App，非常有借鉴性。有些操作非常容易就能达成，有些操作明却非要多出几个步骤；有的icon的位置按照设计规则与用户使用习惯来设计，有的icon的位置却违背了规则和用户

用户研究 2016年05月05日

AI进阶教程！手把手叫你绘制20个Apple Watch的图标

编者按：今天的AI教程比较考验大家的耐心，但是绘制一套完整的图标和一个图标的收获绝对大不一样，这篇教程提到很多AI的实用技巧，设置图标的齿轮怎么画才方便？活动图标的渐变如何变得有质感？练个手你就知道了！图标展示： 1. Apple Watch 图标准则Apple Watch 的图标被设计成与其他iOS图标非常相似的新潮的扁平化风格，一个引人注目的特定特征：图标是圆形的。 你

产品 2016年06月22日