画线框图前，交互设计师要做的3件事

编者按：优秀的交互设计师在画线框图前会做什么？今天网易高级设计经理@我是阿智 给同学们分享他的开工前会执行的3个流程，可以快速帮你了解问题并做出解决方案，非常实用，建议阅读。一、了解问题，制定计划我们都知道，错误的解决方案是可以纠正的。哪怕它需要一天、一周，甚至更多，无非是效率而已。但是，如果连问题，或者痛点都不存在的话，你所做的事情就没有任何意义了。所以，养成深究问题的习

用户研究 2016年07月14日

从平庸到卓越！5个帮你快速提高设计稿质感的实用方法

@魔力大熊 ：为什么别人的作品看上去很有质感，细节到位，自己的就平淡无奇，谈不上满意。问题到底出在哪？如何给设计作品最后”定妆”，让最终的设计脱颖而出？下面这5条经验之谈（层次、色彩、阴影、字体、氛围）能帮你搞定这个问题。最后一公里？最后一公里！最后一公里「Last Kilometer」这个概念，最早是拿来形容公共交通末梢的问题。后来各个行业都开始用，就逐渐引申为完成一件事

产品 2016年05月06日

夯实基本功！用户体验设计新人自学包之控件学习

本系列名曰设计新人自学包，可供用户体验新人自主学习，在掌握了所有自学包的内容之后，可以轻松拿下初级设计师岗面试中的设计技能考核的部分。本文将就第一部分控件学习进行深入讲解。欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）随着互联网行业的逐渐成熟，用户体验设计师也成了炙手可热的“热门职业”。近年来，设计专业的高校教育也渐渐从传统的实体产品设计倾斜或引入用户体验的

产品 2016年07月27日

全面系统！GUI设计中如何做出有格调的投影？

@洪涵滴滴 ：本文记录了我对 GUI 设计中阴影效果的一些思考。从「光」出发，记录了运用好「光源」的几个点。然后选取了几个优秀作品介绍「真实」与「夸张」的阴影设计效果。最后分享了我自己在设计投影时的几个 PS 技法，希望对大家有所帮助。一、谈「影」先谈「光」有光才有影。如果理解了光与光对物体的作用，相信就会比较好理解各种阴影的形成了。因此我想先和大家聊聊光~1. 光的基础逻

产品 2016年07月28日

小心谨慎！网页重设计的7个常见误区与解决方案

绝大多数的网站会随着内容的增加、需求的改变和产品的演进而进行重新设计。但是，不可避免的，网站重设计会遭遇各种各样的问题，碰到误区，陷入困境。绝大多数的网站重设计所遭遇的误区都很相似，想要破解也并非难事。1、保留全部内容我明白，做取舍总是一件艰难的事情。现有的内容已经和你的网站一同存在了多年，要舍弃其中的某一部分对你而言，是一件艰难的事情。但是，当你决定要重新设计网站的时候，

用户研究 2016年05月18日

超实用！聊聊标签式导航的设计思路（附设计师做笔记方法）

@呆呆丶L ：现在文章基本上都不深入，只是点到某个知识，跟大家说个理论的东西，然后罗列出所有导航的形式。读者看了之后跟没看是一样的，遇到问题还是没法解决，只知道有这类导航存在而已。今天这篇详细地讲了关于标签类导航的几个知识点，希望可以帮助大家在工作中更好的运用。编者注：如果你连基础都没打好，建议最好学习一下：《交互基础知识科普！带你认识最热门的12种导航模式》。如果想看深入

产品 2016年08月01日

中文版来了！值得每个设计师收藏的《完美像素使用手册》之原理篇

这本纪念碑谷团队出品的《完美像素使用手册》，有设计师说是她见过的最全面，最毫无保留，最生动有趣的界面设计指南，而且不止是设计，还包括和程序员的合作经验，AI、PS的操作小技巧等等。现在终于有中文版了，强烈建议收藏阅读。关于设计指南，这里有一个绝对不能错过的：中文版来了！新版Material Design 官方动效指南中文版来了！新版MATERIAL DESIGN 官方动效指

产品 2016年08月05日

软塌塌没骨感？一起来学学网页设计中的视觉解剖

@飞屋睿UIdesign ：不想让你的设计看上去软塌塌的无骨感？重要的是摸清它的骨骼！网页设计也有所谓的支撑其视觉效果的骨架，这个骨架在早期的网页设计的视觉上是非常明显的。尽管随着网页设计的发展，其骨架慢慢渐隐，但行家自有解剖眼光，看出内在的门道，一起来学习。网页构图技巧：设计的骨架：视觉解剖1983年苹果官网的首页设计，可以清晰的看到这种矩形块状的整形切割。 随着网页设计

产品 2016年08月30日

热门教程！手把手教你把真人变成Q版卡通形象

编者按：超好玩的真人变Q版过程全揭秘！这类效果看着非常高大上，学会了其实非常简单，而且对手绘功底要求也不高，只要掌握一定的技巧，就可以快速创造出一个蠢萌蠢萌的Q版卡通形象，跟着@杏仁设计 一起来试试！此教程分三部分：构思制作&动作变化&运用场景 第一部分：将真人绘制成Q版我先来说一下画Q版之前的构思，画前要先仔细观察照片上人物的特征。BATMAN的特征：面罩、胸口的蝙蝠、腰

产品 2016年07月06日

进阶好文！设计大牛在线框图阶段的工作流程是怎样的？

编者按：初级设计师的设计流程和高级设计师有什么区别？一组线框图就能看出来！今天@-朱宇軒 这篇好文传授的线框图流程，可以帮你避免在不成熟的idea上面花去了过多的时间精力，并在短时间内拿出尽量多的问题解决方案，同时对方案之间的优劣作出正确的判断。全是干货！十一年前的我21岁，刚毕业，进了一家小agency做视觉设计，大家也都知道，做agency肯定会遇到一言不合就改改改的残

产品 2016年07月14日