超详细！盘点「注册 / 登录」产品设计路上爬过的坑

作为最基础的常备功能， 注册/登录往往是产品第一个版本中最容易被忽视的环节，越是看似容易，陷阱越多。介绍相关产品思路的文章很多，讲交互的多，结合运营的少。一. 非常基础1.1 因「私有化」而存在 不是所有的产品都需要注册/登录，除非[私有内容/私有操作]具有足够的吸引力。注册：用户告诉系统Who is Tom，系统记录Tom和口令。登录：用户告诉系统I am Tom，系统辨

产品设计 2017年05月31日

如何设计出优秀的底部导航

设计师都知道设计绝不仅仅是做出外表好看的东西。设计还涉及到如何做才能让用户使用你的网站/应用程序。这项工作内容就像跟用户间对话一样，而导航就是对话内容之一。因为如果用户连他们究竟在哪儿都搞不清楚，那你的网站/应用程序设计的再棒又有什么用呢。一、为何底部导航如此重要 Steven Hoover 在他的“用户究竟如何使用移动设备”的研究中发现，49%的人习惯于使用单个拇指来完

产品 2017年01月27日

这样才够专业！提高设计一致性的7个小贴士

@惜可若己 ：设计中的一致性会在无形之中使你的设计效果更加优秀，也更易于用户使用。今天这篇教程免费提供了7个提升设计一致性的小贴士，适用于视觉/UI/品牌设计等，实战性很强，建议阅读。对于一致性来说，在某些些情况下，要理解并实践它几乎是无需伤脑的事情，而在其他情况下，理解起来可能会有点复杂。简单来说，一致性是交互设计中的一种基本规范，它涉及到一份设计中的所有元素，它能够用在

产品 2016年08月10日

新手配色手册！可能是最简单实用的色彩搭配指南

编者按：今天的色彩搭配教程是针对零基础的新手写的，分别是、、3个部分，有图有实例，文末推荐了一个网站一个视频，都是帮你提高配色技巧的，建议阅读。1. 基础教程：色彩的组成关键词：原色 间色 复色 色环 所有的色彩都是源自”红黄蓝”三种原色。有人可能会潜意识地认为三原色是”红绿蓝”，但其实不是。红绿蓝是显示上的三原色，和美术上的三原色不一样。 红黄蓝两两混合后得到三个二级色即

产品 2016年05月11日

DROPBOX 那个 1 分钟的宣传视频，原来是这么设计出来的！

@可乐橙_ColaChan：一分钟。这点时间连泡一壶茶、甚至等个红灯都不够。但要用来讲述一大堆关于Dropbox的产品更新，我们只有一分钟的时间。如你所见，今年早些时候，我们准备好了要发布一系列关于协作与生产力的新功能。伴随本次发布，我们的品牌设计团队想要创作一段短视频，展示这些功能的相互配合。一分钟。这能有多难，对吧？本文中，我们会讲述这段视频的制作过程。（注：文中的音乐

产品 2017年05月08日

电商丨快速打造电商专题之黑五案例分享

不沉的骨头：本次借助黑五的实战案例分享，为你展现一个完整的电商设计流程，从最初的需求沟通到最后执行落地，都是满满的干货。那么最后说下：1、我分享的观点不代表所有人的观点，千人千面；2、你看或者不看都可以，我分享或者不分享也是可以。如果你觉得误导你了，请你不要看。3、欢迎大家关注我的公众号：三根设计骨；自黑及吐槽为主，干货分享为辅甚至很少。请大家第一时间关注，我会第一时间拉黑

产品 2016年11月21日

PS 终结者？新晋设计神器 AFFINITY DESIGNER 的深度对比测评（上）

斩获Apple Design Awards 的Affinity Designer一直是很多设计师关注的焦点。本文通过与 Photoshop、Illustrator 和 Sketch 的比较，帮助大家了解 Affinity Designer的优缺点。它能否成为你的主力做图工具，读完本文后，相信你会有自己的判断。1. 前言工欲善其事必先利其器，作为战斗在用户体验第一线的 UI

产品经理 2017年06月25日

从这四个方面挑选图片素材，可以提高电商设计的出图质量

SoHappy：相信很多做视觉设计的小伙伴（特别是电商），有时候素材直接影响到出图的质量。那么如何选择合适优质的图片素材来提高出图质量呢？今天从风格、色彩、光影、透视4个方面分享收集素材的一些心得，希望对大家有所帮助。往期电商设计好文回顾：《高效流程！帮你快速做出优秀电商BANNER 的设计三部曲》《5个帮你快速进阶的电商BANNER 设计技巧（案例多）》《设计基础功！聊聊

产品 2016年08月22日

这几类需求有毒，设计师们请绕行 (1)

这是第17次的白日梦 预计阅读时长5分钟这周本来要更第二篇关于微软混合现实系统的文章，不过天气太热胃口不好，再加上各种懒癌拖延癌复发，所以换个大家喜闻乐见的话题充充数，吐槽下我们设计师亲爱的上游工友——产品经理。互联网是个很奇妙的流水线，工作量在这条流水线上被逐级放大，一个需求可能几句话就能描述，但可能需要数十个页面的设计工作，等到了开发和测试那里，可能就是一个月的加班加点

产品经理 2017年08月01日

6 个简单的方法，设计出漂亮的重叠色彩效果

颜色对设计来说是非常重要的要素。只要有鲜明的颜色，就算是极简的单色设计，也能表现出引人注目的独特魅力。本文将参考一些网页设计，看看各种各样的颜色重叠效果的设计方法。一种使用色彩来让人具有深刻印象的方法，就是色彩重叠技术。具体来说，就是在图片或视频中重叠一个具有颜色的半透明图层。这种技术可以将图片中所具有的信息传递出来，让设计变得更加引人注意。这一次我们来参考一些网页设计，看

产品 2016年12月04日