文字的奥秘——字距解析

镇楼（侵删）在字体排版中，字偶距是一个可“忽略”要素，但好的字距却可以提升整个设计的专业性，让设计作品看起来更高雅。如何去调整字距？先要了解一点文字印刷的发展，活字印刷术至今，在技术和纸张上有了很多改进，但基础原理是做不了改变的，每个字依然是需要嵌入在方形内的。由于字体构造原因，中文多为方块字型，这一点对于中文的影响较小，但对于英文来说影响却比较大。例如下图图一和图二放反了

产品 2016年12月13日

每个设计师都该懂的参考线完全手册

@不知语冰：看完这个教程，你能收获到常用的设计辅助线合集+常用设计辅助线使用方法+常用的设计比例列表。辅助线（或称参考线），在UI设计中是经常会用到的，无论是用来规范设计还是用来提升“专业观感”都是很用的。一般的辅助线使用PS、AI自带的工具就可以了，另外使用像 guideguide 这样的插件更能事半功倍。而设计中还可能用到一些特殊的辅助线，比如黄金比例、超椭圆等等。 这

产品 2017年04月25日

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

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

产品 2016年05月27日

如何看懂 UI 效果图

“要把图标做到让我想用舌头去舔一下”——乔布斯用Markman标注后，开发时就能达到100%还原度吗？客户（老板／领导）拿到软件的第一个意见，几乎都是关于UI的。有时得到的评价也挺简洁明了的，一个字“矬”。于是惶惶不安的开发小弟经常想到的第一个解决方案：去问设计大神（美眉）要一幅详细的标注图。结果他得到这么一幅标注图：Markman标注例子这样一个页面中，标注了间距、大小、

产品经理 2017年01月12日

【连载】路径依赖 - 产品思维与设计思维（10）

现代的火箭直径有大多是一个固定值，这是由什么决定的？是铁路隧道的宽度和铁轨的间距，因为火箭送往发射场往往要通过火车运送。铁轨的间距是由什么决定的？是沿袭了欧洲马车道的车辙间距。为什么欧洲的马车道的车辙印都是一样的？因为不一样的车轮，会很快会被磨损。车辙间距是如何决定的？是由古罗马时期两匹马马屁股的距离决定的。所以，现代的火箭直径，其实是由两千多年前两匹马的马屁股决定的。这就

产品设计 2017年03月02日

超实用！12 条提高产品可用性的动效设计原理（附案例）

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理，每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子，顺手打开就能体验啦。缓动（Easing）、偏移量和延迟（Offset & Delay）主要与时间相关。父子关系（Parenting）用于阐述元素之间的关系。变形（Transformation）、数值变化（Value Change）、遮罩（

产品 2017年06月06日

实战案例！设计师怎样和前端开发一起制定设计规范？

@画一个长沙 ：作为设计师的你看到这个标题可能会奇怪：制定设计规范不是设计师的事儿吗？为什么要和前端开发一起呢？不同于以前的网站，样式基础、交互简单，前端们都是以页面为单位进行开发。现在的网站要复杂庞大很多，前端开发普遍采用组件式开发，即不再以页面为单位而是将页面再拆分，这和设计师的工作有着许多相通之处。说到设计规范，本月最值得推荐的就是这一份了：《超实用6步透视网易设计规

产品 2016年08月22日

不靠灵感做设计！超全面的「情感化设计」落地方法论

编者按：如何靠科学方法而不是灵光一闪做情感化设计？我查阅了很多资料文章，发现情感化设计还是有章法可寻的，是可以形成方法论的，在此跟大家分享下。为什么要谈情感化设计？“我预感到我们后面会越走越顺，会卖疯了….. 如果有一天我们后面卖了几百万台、几千万台……有一天傻X都在用我们的手机，你要知道这个其实……这是给你们做的。”2017年5月9日，当罗永浩在演讲台上语气哽咽的说出这番

产品 2017年05月19日

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

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

产品 2016年08月09日

这 5 款 APP，拿下了今年谷歌的 MATERIAL DESIGN 设计奖

希望有更多的开发者能够在设计上进行更多的探索。一套视觉设计系统，只有当它被用来创造更有意义的体验时，才能走进人们的生活。为了鼓励开发者们在 Material Design 设计上带来更多的创意，Material Design Awards 奖项。今年的第二届 Material Design Awards 设计奖，就评选出了以下 5 款应用。品牌深化：Asana遵从规范，是良

产品设计 2016年11月08日