总结这 3 个特点后，我能把任何作品都变成 MBE 风格！（附实战）

优酷土豆用户体验设计中心 – winniwang：从线框型Q版卡通画演变出来的MBE风格，设计采用了更大更粗的描边，相比没有描边的扁平化风格插画去除了里面不必要的色块区分，更简洁、更通用、易识别。粗线条描边起到了对界面的绝对隔绝，突显内容，表现清晰，化繁为简。MBE风格的原创作者是法国设计师MBE于2015年年底在dribbble网站上发布，红遍国内国外网站，世界各地的设计

产品 2017年03月01日

视觉设计规范那些事

视觉设计规范那些事，迅速了解规范的作用、内容、制作时机等问题说到视觉设计规范，设计师们都不算陌生。例如一款APP，我们若只是设计界面而没有视觉设计规范，会直接影响到项目的视觉统一性，上线后一看，你的大脑会浮现四个字--“惨不忍睹”。一.设计规范作用首先，我们要明确设计规范的作用有哪些。1.促进多人协作，解决视觉不统一现象一个项目中往往会有多名设计师共同参与，每位设计师都有各

产品经理 2017年07月04日

产品插画设计中，都有哪些比喻技巧？

Shopify是一家位于加拿大渥太华的电商软件开发公司，专门为中小零售商提供建立网店的Saas服务，能对接主流ERP系统，为客户提供打单、发货、运单号自动回传、订单业绩汇总、利润计算、仓储、采购及供货管理等一体化管理流程，按月收取咨询服务费用。本文作者对产品插画中“如何利用比喻来找准信息传达的关键，提供有价值的无形体验”有自己独特的见解，在视觉设计角度对大家应该有一些启示。

产品 2016年12月06日

（译）UX 设计之——复选框和开关按钮

当设计表单时，交互设计师常常不得不面对一个问题，就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然，我们都有可能遵循某种既定的规则。无论如何，在做出这个选择时我们都应该牢记一些注意事项。要实现选择特定的选项，我们可以选用复选框、开关按钮、单选按钮或者下拉框等控件。从中选择出最合适的则往往能发挥巨大作用，在本文中，我们将关注复选框和开关按钮。一、复选

产品 2017年03月08日

前端进阶之路！如何高质量完成产品需求开发？

陈映平：作为一个互联网前端老鸟，这么些年下来，做过的项目也不少。从最初的我的QQ中心、QQ圈子，到后面的QQ群项目、腾讯课堂。从几个人的项目，到近百号人的项目都经历过。这期间，实现了很多的产品需求，也积累了一些经验。这里稍作总结，希望能给新入行的前端小伙伴们一些参考。做好需求的关键点要说如何做好一个需求，展开来讲，可以写好几篇文章，这里只挑重点来讲。最基本的，就是把握好3W

需求分析 2017年02月04日

PS 中字体 pt 与 p 之间的关系以及转化

字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；pt就是point，是印刷行业常用单位，等于1/72英寸。这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率

产品 2016年12月21日

Twitter 设计总监谈“宏交互”

“用宏观的眼光来做设计——更高的位置，更广博的视野，从房间中的椅子，从套房中的房间，从小区里的套房，从城市里的小区，一个也不落下。“——Eliel Saarinen大概是四年半之前，也就是Windows Phone 7正式在3GSM（全球移动通讯大会）发布的前几个月，我和Albert Shum聊了一些未来的计划。他指出：“我们需要Apps。”在他提起App之前，我并没有认真

产品经理 2016年10月10日

零 UI，为无屏交互而设计

“最好的用户界面就是没有界面”——Golden Krishna我们正生活在后屏幕时代。智能和语境感知设备的出现已经改变了我们与事物的交互方式。数据成了我们的物理与数字情景连接的快照。设计师需要构建无屏幕体验，从而运用数据和算法为用户创造价值。根据定义，零界面去除了传统的图形用户界面（GUI），并使用自然本性的交互方式—触觉反馈，情境感知，环境，手势和语音识别。“最好的用户界

产品 2017年02月06日

框架层——界面设计、导航设计和信息设计

用户体验要素.png通过之前提到过的结构层形成了大量的需求，而这些需求都是来自我们产品的战略目标，接下来，我们需要在框架层进一步提炼这些结构，确定很详细美观的界面设计、导航设计和信息设计。通常来说，优秀的框架层可以一下子吸引住你的用户，然后他们才会继续领略你的结构层，相反，如果你的框架层弄得混乱不堪，给用户的第一印象就不怎么好，那么对于互联网产品来说，是致命的打击，因为用户

产品经理 2017年06月05日

「这个控件叫什么」系列之小红点 + 索引导航 + 分段控件

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Badge/徽标/小红点「小红点」是这个控件在国内最通俗的称呼，正式的名称为「Badge」（徽标），Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容

产品 2017年03月24日