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

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

产品 2016年08月01日

阿里干货！衡量交互设计方案标准的五层总结

鸿影：好的交互设计方案究竟应该是怎样的？为什么自己看来已经做得很完美的交互文档，拿去评审就被挑战得一踏糊涂？为什么细节考虑都很完善周到了，可总让人觉得缺失了什么？在几次「不太愉快」的设计评审经历后，我便有了给自己梳理一个交互设计全流程自查标准的计划，因为种种原因拖延到这周才完成初次系统整理，在此分享给大家，也欢迎指出我的错漏与不合理之处。第一层：目标相关性、流程完整性、整体

产品 2016年08月01日

万万没想到，wuli韩国K-POP教给了我5大设计真谛

就在几周前，我室友拉我入了K-pop的坑，也就是说，我进入了韩饭圈。一入饭圈深似海，随着我入坑越来越深，就更强烈意识到——原来wuli欧巴比我还要懂设计！这篇文章里，我就来聊一聊，韩流究竟有什么值得我们设计师学习的地方。如果你读过我写的其他文章，就会知道，我很鼓励设计师们从其他文化中汲取设计精华。通过仔细观察，你会在应对复杂的设计问题时多一个视角。比如AV封面的设计：《关起

产品 2016年08月01日

热门教程！超火的弥散阴影全方位通关指南

@喪心病狂十六夜貓 ：之前发了两篇弥散阴影的教程，从新手版到进阶版，同学们应该都学会了，今天来最后一发教程，除了复习一下Photoshop 做弥散阴影的方法，还加上了HTML/CSS 的制作方法，附超多优秀案例，学完弥散阴影就通关了。一起来跟上趋势！什么是弥散阴影？具体的英文名称尚未决定，但这种技术一般被称为弥散阴影（英: Diffuse Shadow），与普通的阴影技术相

产品 2016年08月01日

人气教程最终版！写给非科班设计师的渐变色学习指南

Samuel：本渐变系列教程包括上中下篇，上篇介绍了见渐变的基础概念和线性渐变的运用，中篇通过实战巩固上篇的知识，同时学习放射性渐变。今天下篇是渐变色的进阶教程，除了复习前两篇的基础外，还会学习角度渐变和金属渐变，整个教程循序渐进， 零基础也可以轻松学会。由于本教程是一个系列，没看上中篇的同学阅读时可能会吃力，所以建议先阅读以下两篇：上篇：《一份全面系统的渐变色自学指南》中

产品 2016年07月29日

超全面！从六个方面帮你迅速提升网站着陆页的转化率

这篇文章要讨论的不仅仅是设计问题，而是从设计、市场营销、用户分析、心理学等领域切入，来研究用户心理和行为，从而规划更有效的着陆页设计。欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）一句话科普：「好的着陆页是绿色通道直达，坏的着陆页是迷宫」用户进入某个网站，第一眼看到的就叫着陆页。一个好的着陆页能引导用户快速完成设计师设定的目标，优秀范例参见谷歌（12306其

用户研究 2016年07月29日

动效实战！跟着Tubik Studio学习UI动效的常见用法

动效是UI设计中最强有力的工具之一，它强化了界面的互动性和生命力。动效让用户可以更快地从界面获取反馈，提供更快更有效的微交互，让关键的要素脱颖而出，通过实时、动态的方式创造引人入胜的体验。巧妙的运用动效，能给整个体验带来更多的加成。考虑到屏幕尺寸和使用场景，在移动端上动效的作用就显得更加关键而有效了。在我们之前的文章中曾经探讨过动效和UI设计之间的关系，以及它是如何催生高效

产品 2016年07月28日

Facebook设计总监：别拿数据一刀切，产品还得看体验

现在很多设计师都提倡从数据出发做设计，但是我们做这些数据分析，是否仅仅是为了提升这些数据目标？如何在提升数据目标和真正有意义的功能之间找到平衡？我们到底是被各种数据目标牵着走，还是真正的为提升用户体验着想？来看Facebook产品总监的答案。作者介绍Facebook 的产品总监Julie Zhuo 是一位经历传奇的女性，2006 年进入脸书后，职位像火箭般不断攀升，现在已经

用户研究 2016年07月28日

超赞！10款快速搭配Material Design 配色方案的Web工具

在Material Design 风格中，如何大胆、灵活的使用色彩组合是一项很有挑战性的任务，今天这10款 Google Material Design 专用的配色工具，可以助你一臂之力。Material Design 简介：时至今日大家应该都对这个设计风格有所耳闻，如果你还不够熟悉，这儿有三篇文章可以帮你轻松入门：首先来认识一下它扁平化设计的区别：《涨姿势！扁平化设计和M

产品 2016年07月28日

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

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

产品 2016年07月28日