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

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

产品 2017年04月28日

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

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

产品 2016年09月08日

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

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

产品 2016年11月24日

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

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

产品 2017年02月20日

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

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

产品 2017年06月11日

做UI设计时，先了解用户操作习惯还是先画线框图？

设计 UI 时的思考顺序，各位觉得该是什么样子的呢？先出线框图，再来想用户会怎么操作，还是先确认用户会怎么使用产品功能，再来思考 Wireframe 怎么画。今天@Akane_Lee 这篇好文分析，帮你想清楚这个抉择。作者介绍：Akane Lee，台湾UI/UX 设计师，上可徒手撸代码（UI设计师要不要懂技术？），下可作图写教程（台湾设计师教你快速制作圆形渐变图标），生活中

产品 2016年08月18日

用一个实战案例，教你学会分析 APP 的用户评论

雨涵：本文介绍一种分析评论反馈的系统化方法。这种方法基于内容分析（Content Analysis）研究方法，但是十分简单有效。为什么要分析评论反馈任何2C的产品都避免不了海量的用户评论/反馈，这恐怕对普通用户来说，是最直接的向产品表达看法的途径了。如果能够正确的分析这些评论，发现关键问题，产品就不会走向歪路……不过可不容易。很多产品对用户评论的重视度并不高，即便愿意花费精

产品 2017年06月14日

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

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

产品 2017年06月14日

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

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

产品 2017年01月23日

扫盲手册！动效设计几乎都是这 10 个软件做的（内附教程）

编者按：想学习动效设计？别以为只有复杂的AE 可以做。今天推荐的这10个软件都可以做出酷炫的动效设计，功能上各有优势，但效果丝毫不输AE哟（内附大量教程）。随着技术的不断发展，动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用，那么问题就来了，为什么动效越来越吃香？它有哪些优势呢？首先要说明一点的是，动效之所以越来越吃香不是最近才流行的，而完完全全就是因为

产品 2017年01月14日