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

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

用户研究 2016年07月29日

光鲜背后！聊聊Pokemon Go在用户体验上的优点和不足

@可乐橙_ColaChan ：作为一款风靡全球的游戏，Pokemon Go 有不少值得设计师学习和反思的地方，今天我们收起偏见，来钻研Pokemon Go在用户体验方面的优点与不足。Pokemon Go 相关教程：《Pokemon Go图标教程！教你绘制一枚可爱的卡比兽图标》AR 应用的用户体验和二维平面有很大差别，想更加深入学习这方面的知识，可参见：《为AR应用做交互设计

产品 2016年08月02日

实战干货！聊聊App启动页的三种设计类型

@呆呆丶L ：这年头设计一个App越来越有讲究，大到一个框架，小到一个按钮，拿捏不好就容易失去用户。今天这篇文章通过分析众多App ，总结了3种启动页的类型，详细介绍不同启动页的作用和优缺点，建议阅读。如果是引导页，可以参考腾讯的教程：《腾讯实战干货！怎么让引导页不再是无用小透明？》什么是启动页？打开屏幕脑子还没转就第一眼看到的页面，就是启动页。是不是很含糊？讲的专业点就是

用户研究 2016年08月02日

Pokemon Go图标教程！教你绘制一枚可爱的卡比兽图标

编者按：今天这篇教程是临摹追波大神@GsMike7 的Pokémon 图标，来一枚可爱的卡比兽图标，教程不难，重在运用渐变色，配合前两天的渐变色零基础自学指南，可以获得更佳效果。一起来试试。编者注：文章用的软件是Sketch，不过原理相通，用PS也可以完成的。G大的追波，欢迎围观点赞：https://dribbble.com/gsmike渐变色零基础自学指南：上篇：《一份全

产品 2016年08月01日

实战案例！腾讯电脑管家小火箭V2.0项目总结

来到腾讯已有一年多，在小火箭V2.0上也投入了很多精力，如今版本已上线，我们整理了在小火箭改版过程中的一些经验与踩过的坑，分享给大家。本文由腾讯电脑管家视觉负责人晓翔哥推荐，他的访谈：《优设访谈！腾讯电脑管家视觉负责人张晓翔的UI自学之路》本文由本人与交互设计师Wingst合力完成。感谢翔哥、Nick、乃哥、S姐、小怡以及DNA设计中心所有童鞋的大力支持！小火箭是电脑管家在

产品 2016年08月01日

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

@呆呆丶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日