【Megan Wilson UX 采访】UX 的设计灵感从哪里来？

Megan Wilson 是一位资深的用户体验师和 UX Motel 的专业编辑。同时她是 ux.walkme.com 网站UX专栏作家，在Facebook、领英有大量粉丝。和一般介绍性的文章不同，她喜欢用访谈的方式来发表 UX 方面的文章，这样的文章，有很好的现场感和可读性。这里，让我们来看看 Megan Wilson 关于UX设计灵感的访谈实录。访谈对象：Rita Fe

产品 2016年11月04日

UI 设计中扁平化设计的 8 个技巧

今天给大家分享一下现在很流行的扁平化设计的几个技巧哦，我此处所谈的扁平化指的是一个大的概念，将后面衍生出来所谓的“似扁平化”也包含进来。Tip1：关于高光、渐变和投影网上所说扁平化风的三大要素：去高光、去渐变、去阴影。这么说是有点绝对了，我认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里，扁平化高光、阶梯式渐变以及所谓的长投影是允许的。Tip2：使用扁平化图标

产品 2016年11月04日

视觉状态识别设计

A：为什么master卡这次VI系统升级，只保留了两个相交叉的红色和黄色圆？就是因为经过长时间的使用，用户已经对品牌形成了很强的视觉识别，就是两个交叉在一起的色块圆，其他都可以忽略； B：mac上的软件打开后左上角都有三个操作：关闭、最小化和全屏；之前版本是关闭icon是：红底+叉号；最小化icon：橙色地+横杠；全屏icon是：绿地+双向箭头；为何后来系统升级默认改为了

产品 2016年11月03日

这四种大胆前卫的背景设计技巧，能让你的设计脱颖而出

在很长一段时间里面，网页中的背景图片元素，一直都生活在CSS、JS甚至视频的阴影当中，它的“参与感”并不强烈。不过随着审美和用户需求的逐步变化，背景图片在网页装饰上，开始发挥着越来越重要的作用。当然，从总体上来看，变化并不明显，但是在绝大多数的情况下，背景图片开始作为主要的视觉驱动力而存在。传统意义上的背景主要是使用图片，近几年开始流行视频背景了。而这些主要还是集中在网站的

产品 2016年11月04日

全面梳理：新闻类网站设计的五个维度

作者曾在香港雅虎就职，本文梳理了新闻类网站用户体验的五个维度，从各方面阐述如何设计新闻类网站。新闻类网站设计主要为以下五方面:战略层设计。体现在两方面：一是用户核心需求分析，二是网站商业目标等。范围层设计。体现在内容需求和实现内容的功能方式上。具体讲是指从新闻事件的核心信息，周边信息以及辐射信息三个层次深度挖掘内容，从中组织相关文字，图片以及音频视频资料。并确定内容信息呈现

产品 2016年11月06日

在交互设计稿中，那些被人忽略的细微之处

作为一个经历了从小到大公司的交互设计师，笔者对于交互设计的认识，也从浅入深，从宏观到微观，自己慢慢的形成了对交互设计的一系列心得，慢慢的关注开始关于交互细节的小技巧。其中交互稿是最重要的一部分。今天我们就来聊一聊交互设计稿中这些被人忽略的细微之处。交互设计中直接体现设计师工作成果的是交互设计稿。关于交互设计稿，在不同类型的公司，对交互设计稿的要求也不一样，规范度也随着公司的

产品 2016年11月06日

微信漂流瓶实例分析：如何评估功能设计的合理性？

本文作者以微信漂流瓶为例，提出一个通用的功能评估方法。我们时常遇到这些问题：如何评估一个功能的设计是否合乎情景与需求？竞争对手新推出的功能是基于什么需求？接下来以微信的漂流瓶功能为实例，提出一个通用的功能评估方法（总结在文章最后）。下图是本文的整体思路：一. 还原我们先把微信漂流瓶的产品设计使用流程列出来，如下：我们选取流程2作为主要分析对象，如下：那么，从流程2我们得到如

产品经理 2016年11月06日

专业修图第一步！如何为照片进行一级调色？

@他山之眼：这篇文章对于理解一级调色（将画面的曝光、色彩校正至一个正常水准）十分重要，建议认真阅读。今天和大家聊一点儿以前从来没有讲过的话题：一级调色。对于一级调色，也许有的摄影师并没有这方面的概念，或者不同的摄影师对它的定义存在一些细微的差别，但一级调色的定义大致可以认为是：将画面的曝光、色彩校正至一个正常水准。在前期拍摄中，如果摄影师靠谱，将画面的曝光与色彩都控制得非常

产品 2016年11月06日

sketch 基础操作 1-- 快速制作按钮

sketch基础操作教程，介绍了如何快速的制作各种按钮。/// 开场白 ...Sketch是一款矢量的UI设计工具，目前只能运行在Mac OS 平台。Sketch虽仅几十Mb但是操作简便，而且效率非常高。越来越多的设计师从PhotoShop中转移到了Sketch上来。/// 现在开始 ...Sketch的工作区域主要三部分组成。最上面是“菜单区域”，左边是“布局区域”，右边

产品 2016年11月06日

Origami 教程 03- 基础入门

Origami 2.0 网盘地址：https://pan.baidu.com/s/1kU5YnJp通过前两个教程，希望大家对Origami 创建动效有一个比较直接的认知，尝试之后觉得感兴趣的就可以继续深入学习 Origami 了。此次教程会为大家阐述一下基本原理，还有怎么和 Sketch 配合使用。请打开教程文件同步进行学习。文件理解解压教程文件，你会看到里面有个Sektc

产品 2016年11月06日