让客户更投入！产品设计中的「心流」状态营造思考

鸿影：心流，指的是人们全身心投入某事的一种心理状态，心流产生时会有高度的兴奋及充实感，在「心流」状态下，人们精力集中、全神贯注，这也往往意味着可以有持续、高质量的学习或产出。而在产品设计中，让用户进入「心流」状态，也可以带来各种各样的好处。以我目前在推动优化的一个业务场景为例，它涉及到对用户的培训（学习掌握完成任务需要的背景知识和要求）、考试（检验用户培训后是否达到要求）以

产品 2017年06月14日

钢笔工具进阶技巧！如何画出完美的贝塞尔曲线？

编者按：上次有个同学抱怨钢笔工具特别难用，描轮廓花了一个多小时，好在这篇教程及时拯救了他，一看就懂，马上会用，强烈推荐哟。另外，这篇教程可能就是文中作者说说的那篇外文文章：《干货!设计师必须掌握的贝塞尔曲线的秘密》在力力初学 UI 的时候，临摹了很多作品，每次临摹基本都可以分为两个步骤，第一步是用钢笔工具和形状工具把物体勾勒出来，第二步是往形状上填充颜色，然后加一些渐变或者

产品 2017年01月23日

在网页设计中，图片常用的五点技巧

图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧，而在高清屏幕无处不在的今天，稍有瑕疵的图片都在高密度的像素下无所遁形，而不合理的图片设计也不会逃过访客的双眼。一、抓人眼球的首图横跨屏幕的轮播首图是时下流行的网页设计手法，设计师通过覆盖视野式的图片来营造身临其境的体验，

产品 2017年02月20日

开放式地图绘制平台 MapBo（地图盒子）启用新 LOGO

开放式地图绘制平台 MapBox（地图盒子）启用新 LOGOmapbox（地图盒子）于 2011 年上线，是一家开放式的地图绘制及分享的网站平台。因为其设计灵活、开源、持续更新的特点备受开发者喜爱。它专注于网络和移动设备上地图开源和开放式数据解决方案。开发者可以通过 mapbox创建各种自定义的地图，如 foursquare、Pinterest、Evernote、Githu

产品 2017年04月28日

APP 切图命名规范：介绍一种通用的命名规则

今天菜心要分享的内容是关于切图命名的规范，由于最近正在总结这一部分内容，所以拿出来和大家一起分享探讨一下。关于切图命名的规范，我个人觉得关键是在于团队能够有一个统一的规则，所有成员严格遵守并且和所有开发全盘拉通，不然一切都是空谈。因为不同的团队使用的软件都不一样，如果经常使用sketch软件中symbols的同学，可能在命名的时候会考虑更多内容，但是照顾到还有很多同学在使用

产品 2017年01月13日

电商网站设计系列（3）——商详页改版设计的复盘思考

前段时间笔者主导了网站 wap 端的商详页改版设计，这次终于腾出时间来好好分析总结下。虽然从这个项目中能够获得的经验远远低于我的预期，但这个小项目多少也融入了笔者很多思考，当然其中有很多不足，在这里一并分享给大家，相互学习。本文会从以下四个方面分别阐述：Part1：项目背景Part2：项目目标Part3：目前现状&解决方案Part4：遇到的坑Part1：项目背景商详页改版设

产品 2017年06月11日

改版实战！聊聊Pinterest官网再设计过程的经验思考

@狐狸-Jean ：本文由Pinterest 的设计师来亲自介绍官网的整个改版过程，包括设计原则、配色和留白等等的思考，过程中的经验方法值得我们学习。当我还是一个在瑞典成长的孩子时，我房间里堆满了一些设计得很有趣的木质玩具。我记得我为这些简单的设计所着迷，明亮的颜色，抽象几何形状和有机形式的结合。它们的样子和动作能吸引你去和他们玩。木质的火车系统是非常棒的。你可以把轨道部分

产品 2016年09月08日

视力设计：如何为弱势群体做包容性设计

世界是多样和公平的，在我们考虑大多数人和强者的利益时，弱势群体一样也需要被设计“庇护”到。本文作者将就此来谈谈如何为弱势群体做包容性设计之视力篇。作为设计师，我们总说：我要让我的设计更漂亮和高大上，要完成老板的业务目标，要让多数用户的体验顺畅。我们总是优先考虑大多数人和强者的利益，然而世界是多样和公平的，除了这些我们眼中的“目标用户”和“大多数人”，还有一群被我们忽略的弱势

产品 2016年11月24日

一些关于界面设计的技巧

最近做项目有些忙，百忙之中老师让我给新生讲下界面设计的知识o(╯□╰)o(只因自己会小弄些PS戳我)，这就尴尬了讲什么好呢？偶然间看到刘哇勇前辈翻译过这篇文章,但是发现前辈第40点以后就没译了。我就打算在前辈的翻译的基础上把剩下的部分给翻译完(自己英语不是特别好，所以就模糊翻译了)，一来加深自己对设计的理解，二来到时也可以和朋友一起分享这篇文章。做好一名合格的程序员，我们应

产品 2016年11月10日

界面设计参考：迪士尼动画 12 原则与界面动效的关联

分享迪士尼动画12原则的应用实例，希望能够对大家的设计有点帮助。迪士尼出品的 《疯狂动物城》可谓逗乐了全民，作为迪士尼动画的杰出代表，大人和孩子都爱看的缘由是什么？除了精彩的剧本，拟人和夸张的动画效果可谓是最具吸引力的地方。同样作为体验良好的界面，流畅的动效赋予了其生动和活泼。动画和动效的共通特征大概就是画面“动”的漂亮了。迪士尼动画成立于上世纪20-30年代，虽不足百年，

产品 2016年12月31日