电商丨双 11 期间，阿里巴巴 UED 的设计师都在做什么？

编者按： 双11忍不住剁手的冲动？因为你所有的购物喜好，心理，行为和最终的选择，都被一个神秘组织认真研究过。今天我们拉开幕布，看看这个叫 阿里巴巴UED的顶尖设计团队。在11月11日这个日子的前后一段时间，当你发现如下症状之一：当你被机场、地铁、公交站牌和网页里频繁出现的 双11提醒，感觉重要的时刻就要来临；当你心跳加速，不管什么都先放到购物车里再说；当你最终等待在11号这

产品 2016年11月13日

终于有答案了！大家都熟悉的图标是否还需要标注上文字？

新版Instagram 的UI去掉了图标下面的文字，但去掉文字的图标真的能带来更好的用户体验么？今天这篇好文通过一个简单的小实验（附测试网址），帮这个一直争议不休的话题盖棺定论，顺便聊聊图标的作用以及未来图标的发展，干货丰富，建议阅读。作为一名用户体验行业的从业者，经常会碰到这样的情景：当需要向客户，同事，或朋友展示某个用户体验的概念时，比起在情感层面引发共鸣，更重要的是使

用户研究 2016年06月20日

答案全在这了！写给交互设计超新人的五个误区警示

@呆呆丶L ：交互工作中要用到什么工具？学交互要看哪些书？交互工作中要做些什么？工作中需要思考哪些东西？今天这篇文章主要是写给交互设计超级新人的，都是常见的新手问题，对交互设计感兴趣的同学也可以看看。作者往期好文回顾：1，我先来说下大家对交互设计认识的几个误区交互设计是做动效的；（如果你是这么认为的，那动效设计师是干嘛的？说出来，我请你吃…）交互设计是画原型界面的；（原型界

原型设计 2016年08月05日

紧跟趋势！聊聊 C4D 在电商设计中的实战运用

之前我给大家写了一篇关于手绘在电商设计里的运用的文章：解锁新姿势！我有一百种方法教你撩出满意的BANNER，这篇文章给很多插画师以及电商设计师提供了很多灵感和开图思维的知识点，那今天我继续给大家说说现在很火的C4D在电商设计里的运用以及我对它的看法吧。1．C4D为何会如此受追捧？从我的观察来看，C4D之所以现在这么受追捧，主要有以下3个方面：（1）头部设计师的推动分享目前各

产品 2017年06月14日

PS 画质感照相机图标教程

新手向教程，雪姐姐教你用PS图层蒙版画一枚质感照相机图标，玻璃质感镜头！在上海UEgood学UI，好省快！最终效果~··1、用圆角矩形图像工具，创建一个长宽尺寸为380像素圆角矩形，半径为80像素，填充白色。2、双击圆角矩形图层后方，调出图层样式面板，添加线性渐变，上白下浅灰，90度，再添加一个比背景色深的投影3、创建一大一小2个正圆形的图形，图层样式如右边，下方大一圈的圆

产品 2016年12月29日

【译文】响应式 UI 之模式

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

产品 2017年06月25日

UI 自动化框架调研总结

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

产品 2016年12月08日

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

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

产品 2016年07月18日

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

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

产品 2016年08月29日

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

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

产品 2016年05月27日