超实用！怎样自学并且达到职业UI/UX 设计师水平？

编者按：今天这篇好文总结了学习UI/UX 的3个阶段：学习UX + UX设计实践 +建立UX人脉圈，每一个阶段都包含超多实用的设计教程和资源，想自学但迷茫的同学建议阅读。知乎@菲比：UX不等于原型图，很多人一上来就是画原型图也是醉了，前期的用户调研才是最重要。我之前在国内互联网公司做过产品，后来在英国读HCI专业，下面总结在Google找到各种知名公司lead给出的意见，主

产品 2016年07月14日

UI 自动化框架调研总结

导语前面写了两篇文章介绍了个人基于Macaca在UI自动化上的实践心得，那我们为什么会选择了Macaca呢，这篇文章将简单介绍一下我们选择Macaca的原因。有哪些可用的UI自动化框架？他们的区别在哪里？我们是如何选择的？条件1：支持移动端app自动化从以上对比其实已经可以比较明确的帮助大家做出自己的选择，从我所在的团队来讲，我们主要做的是移动端的UI自动化，相信现在大多数

产品 2016年12月08日

高级设计：百度首页设计大揭秘，原来是这么设计？

作为国内访问量第一的百度首页，每个细节的改变都会引起一片哗然，在这么大的压力下，设计师是如何思考，做到商业和用户体验的平衡呢？在正式开始之前，我们首先来思考几个问题： 1、 在众多的产品中，我们设计的产品在体验层面是怎么样脱引而出的，作为设计师应该想什么，做什么，怎么做？2、 一个产品在多端的体验中，又是怎么样保持统一的体验效果。3、 如何较多层面的洞见用户诉求，提炼

产品 2017年01月12日

【译文】响应式 UI 之模式

最近接到官网改版的需求，采用响应式设计（界面布局可随着屏幕宽度变化作出相应调整），于是在Material Design的官方文档中，找到Reponsive UI这一节，原文共分4个部分：断点、栅格、表面行为与模式。前3部分正在消化中。。。先将比较容易理解的第4部分-模式翻译出来，与大家分享。模式随着屏幕空间增加，可采用以下响应式模式1、显示2、变换3、分离4、回流（重构）译

产品 2017年06月25日

灵感从何而来？

感觉是需要积累并且划分 感觉并不是与生俱来，或者在你需要的时候立刻就会有，它是一个无形却有形的东西，因为它需要积累，通过我们平时谈话，看书看杂志，以及在网上翻阅资料，或者说在路上行走看见的形形色色的人或物，通过这些我们不断的在积累感觉灵感即感觉 灵感，每一位设计师或者说工作人士都需要的一个东西，大家都有着自己独特的方法去寻找自己所需要的灵感，但我个人觉得灵感即感觉，如果没有

产品 2017年07月21日

案例50发！值得学习的Banner广告图完全设计指南（下）

阅读了那么多文章，学习了那么多技巧，为什么总做不好图？很多时候只是缺少那一点灵光，一点思路。Banner 广告图的设计并不复杂，不同的需求、不同的产品有不同的应对方式，多看多借鉴你也能够将广告的转化率提升上来。承接上一篇《案例50发！值得学习的Banner广告图完全设计指南（上）》，我们来看接下来的25个案例。26、对称设计 对称式的设计可以很好地平衡广告中的元素，设计师们

产品 2016年05月27日

在 2016 年学 JAVASCRIPT 是一种什么样的体验？

编者按：本文通过一个 是否用jQuery 开发网页的问题，讨论了大量技术的优缺点， 你可以把它当成一篇前端技术名词快速科普文。@方应杭：嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？准确地说，我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提

产品 2016年10月14日

零基础也能学！一份全面系统的渐变色自学指南

编者按：一直学不会渐变色的同学有福了，这篇是我见过最适合零基础也是最实用的渐变色教程！从最简单的灰阶渐变到晋级的类似色/对比色渐变，教学非常详细而且通俗易懂，还插播了大量渐变技巧和实例教程（如何拉渐变才不脏/用渐变绘制锤子时钟图标等等），良心推荐！作者Angela Tsou 的推特：@mini_cu；高玉璁脸书：www.facebook.com讲在前面 → 这篇文章并不是一

产品 2016年06月03日

超赞！3个维度帮你重新思考设计标准

@尤原庆 ：最近很多设计师小伙伴问我关于设计标准的问题，例如产品设计的一致性、容错、简洁、重视内容等。在这些问题中，我发现大家思考设计标准的维度都有一些偏差或者不完整，所以今天想把一些自己如何思考设计标准的粗浅想法记录一下，希望对大家有一些帮助。1，设计标准的重要性[br]首先讲一下设计标准的重要性。我们在产品设计过程中，经常会遇见这样的问题，“如何评估现在产品的用户体验设

产品 2016年07月18日

基础知识！聊聊交互设计三要素之信息架构和流程设计

@黄红艺Designer ：交互设计主要分为三部分：信息架构、使用流程以及交互细节。今天我们来谈论一下信息架构的产生和交互的流程设计，交互基础不扎实的同学，可以来补补课。信息架构说到交互设计，就不能不提需求，因为所有的交互设计的工作都是基于需求，这也是交互设计的第一个着力点。因此，只有深刻理解需求以后，才有可能做出好的交互设计。举一个饱含血泪的例子：在做一个项目的过程中，有

产品 2016年08月29日