作为交互设计师，该如何设计社区产品

交互设计师懂得规则能做好设计，而作为社区产品的交互设计师，必须要足够了解产品，懂得产品的基础要素、生态环境才能够深入设计，提升用户体验。一、社区产品规则社区不等于社交，有了社区才会有社交行为，所以社区产品要素不仅包含人和内容，还有规则；规则为引导用户使用的方法，也只有树立了规则，用户才会使用社区，在使用过程中，突破已有规则形成行为习惯，所以规则才是维护整个社区生态的重要元素

产品 2017年09月05日

关于常用的招聘网站「工作状态」细节设计对比

产品定位对于产品的设计确实存在着很大的影响。最近打算更新一下简历，把之前的工作履历补充完整（虽然自己才工作1年…/微笑），就把几个招聘网站都填了一下，发现了一个小问题，就拿出来拆解体会一下其中意思。下面几个是大家（我）都常用的招聘网站的「工作状态」，做一个分析。首先我把「工作状态」可以分为「工作」和「状态」，将二者关系构成如下：工作状态关系在职，想换：或骑驴找马、等待更好机

产品经理 2016年12月15日

走心干货：如何设计选择菜单？

不走心的选择菜单会被用户嫌弃喔╮(╯▽╰)╭在界面设计中正确地利用选框、下拉列表或菜单，可以带来不少很棒的效果example 它们能节省屏幕空间，同时也能减少用户输入错误信息的可能 (比如只显示有效选项)；它们可以有很多让设计更出彩的可能性，比如组合部分选项、输入引导、和在各平台间完美适配；它们可以被运用于多种情形下，比如让用户从选项里直接点选来进行表格中的填空。（图1：典

产品 2016年11月18日

响应式网页设计指南

1、如何理解响应式设计（RWD） 响应式网页设计的概念最初是由Ethan Marcotte提出，从设计的角度引领我们思考：为什么一定要为每个用户分别做一套设计方案呢？是否可以有一种设计能够根据不同设备环境自动响应以及调整显示？特别是随着移动互联网的飞速发展，响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式 - 响应是双方

产品设计 2017年05月24日

GIF 功能的交互设计：经历了三个阶段、五个版本

在设计过程中，不断否定自己、推翻原有方案的过程也充分证明了一个事实———永远都有更好的方案等着你去发现！这样，才能真正让自己的产品在迭代过程中沿着“有用”、“可用”、“易用”到“好用”的过程不断变得更好！功能介绍：GIF功能通过将播放器播放的内容片段生成连续的Gif动画来满足用户对视频片段的分享需求。这一功能的交互设计前后经历了三个阶段、五个版本的设计，最终得到了一个目前阶

产品 2017年02月09日

参与组织漫展总结：信息的相互影响与为未来设计

文章为作者组织漫展工作后的总结，希望能够给你带来些参考。最近有幸参与了一场漫展，从现场布置开始到最终收尾，由于没有参与其他部分，就参与的部分总结如下：具体是哪个漫展，就不透露了，不是必要的信息。一、流程的连续性这次漫展中表现出的第一个问题，是不专业；应该先做什么，然后做什么，之后做什么，总体缺乏一个严密的流程计划；有哪些事情需要做？这些事情中哪些是应该立刻做的？哪些事情是应

产品经理 2018年03月20日

微信漂流瓶实例分析：如何评估功能设计的合理性？

本文作者以微信漂流瓶为例，提出一个通用的功能评估方法。我们时常遇到这些问题：如何评估一个功能的设计是否合乎情景与需求？竞争对手新推出的功能是基于什么需求？接下来以微信的漂流瓶功能为实例，提出一个通用的功能评估方法（总结在文章最后）。下图是本文的整体思路：一. 还原我们先把微信漂流瓶的产品设计使用流程列出来，如下：我们选取流程2作为主要分析对象，如下：那么，从流程2我们得到如

产品经理 2016年11月06日

实战好文！帮你做出优秀电商Banner的五个方面（超多案例）

不沉的骨头：本篇帮你解析Banner 中的构成元素，包括版面分割、版面布局、文案排版、配色和细节表现。每个方面都有丰富的案例和实战操作方法，特别实用的电商设计好文，一起来收！往期电商设计好文回顾：《高效流程！帮你快速做出优秀电商BANNER 的设计三部曲》《超实用！5个帮你快速进阶的电商BANNER 设计技巧（案例多）》《设计基础功！聊聊平面构成中的点线面（超多案例）》《电

产品 2016年08月09日

Origami 教程 05- 多状态切换

上一教程大家接触到 Origami 的逻辑Patch之后，应该一些常规的动效都可以自行设计了。那今天我们继续学习一些新玩意，主要围绕多状态进行，也就是常见的状态栏。Switch patch只有2个动态之间的切换，且还是循环的，所以在此我们需要学习新的Patch。请打开教程文件同步进行学习。文件理解打开教程文件，你会看到Patch 控制区域空空如也，这次我们慢慢一步一步把动效

产品 2016年11月10日

福利两连发！PS 快速复制图层插件 + 日本免费商用图库

编者按：今天推荐两个神器，一个是帮你快速复制图层到另一个PS文档的Photoshop 插件，一个是日本的免费可商用图库，有超过一万张高质量的大图下载（模特图都是亚洲面孔，做电商的有福了）。赶紧来收！平时我们想复制图层到另一个 PS 文档时，都需要「点右键 – 选择复制图层 – 选择粘贴目标位置」的操作，这是非常低效的复制方式，好在 Copio PS扩展工具解决了这个问题。使

产品 2016年12月13日