探探产品体验报告｜刷脸社交时代，直接简单却有致命缺点！

一、体验环境产品：探探产品版本号：V2.1.5.1手机机型：iPhone 5S手机系统：iOS 9.2.1体验时间：2016.4.29—2016.5.3二、产品分析1)产品简述探探是一款基于LBS的刷脸社交应用。用户登录后，通过查看照片，进行评定喜欢与不喜欢。互相喜欢的人会配对成功，可以进行聊天，根据用户意愿建立起陌生人社交关系。2)产品特色左中右栏目的设计，简化的操作的过

需求分析 2016年06月03日

做一个有洁癖的产品经理

自己已经逐渐适应了这种每天在资源协调、人员培养和方向把控之间周旋的工作状态。但其实最享受和乐意的，还是讨论和设计产品方案。工作中没有时间亲自动手，只能在周末的键盘上整理一些所谓方法论，当做沉淀，以免忘记，甚至随时捡起来。要做出真正取悦用户的产品，那么PM最好具备一些所谓的处女座品质。在外人看来复杂无聊纠缠不清的工作细节，PM却可以乐此不疲的琢磨，对每一个产出环节保持洁癖，其

产品经理 2016年06月03日

零基础也能学！一份全面系统的渐变色自学指南

编者按：一直学不会渐变色的同学有福了，这篇是我见过最适合零基础也是最实用的渐变色教程！从最简单的灰阶渐变到晋级的类似色/对比色渐变，教学非常详细而且通俗易懂，还插播了大量渐变技巧和实例教程（如何拉渐变才不脏/用渐变绘制锤子时钟图标等等），良心推荐！作者Angela Tsou 的推特：@mini_cu；高玉璁脸书：www.facebook.com讲在前面 → 这篇文章并不是一

产品 2016年06月03日

儿童节福利！13款活泼有趣的手写风格中文字体打包下载（个人非商用）

编者按：@汉仪字库 来给大家送福利了！没过上儿童节的各位，收下这组姗姗来迟的儿童节礼物。13款活泼有趣的手写风格字体，非常适合轻松的亲子/童稚风格场景，包括一款最新的汉仪黑仔体，已打包来下载！汉仪黑仔体字符集【W—中文简繁+网络常用字】共9169汉字性格特征：年轻、俏皮、假小子推荐用户年龄段：0-28支持媒介：广告、标志、互联网，小段落文字排版 打包下载：http://pa

产品 2016年06月03日

没思路？教你从空间/变化/形式3个方面搞定电商banner排版

@谢思靖 ：什么是真正好的排版，我觉得起码要做到清晰易读、信息突出并且观感上舒服好看，在这个基础上有突出的设计感、形式感，就是正真好的排版。怎么做？3个部分决定排版的步骤和方法，咱们分步来说。 空间是文字之间、图文之间的排列关系，是排版的第一步和基础，一张图的空间关系即构图自一开始就影响到整体的走向和最终的成型，所以在设计之初，一定得经过深思虑，深入了解文字的多少、图形的类

产品 2016年06月03日

PS教程！从零开始教你绘制清凉的柠檬水扁平插画

炎热的夏天来一杯新鲜的柠檬水清凉一下！ 今天的教程你会学到超多实用的基础操作技巧和图形绘制方法，教程几乎每个步骤都有快捷键提示，新手拿来熟悉PS再合适不过。一起来收！最终效果： 1. 先来画玻璃瓶子的底层的基础图形第一步新建一个2480 x 1748 px的画布（文档）（A5纸的水平大小）选择圆角矩形工具（U）画一个585 x 820 px 大小的图形，作为瓶子的主体。来到

产品 2016年06月03日

腾讯实战案例！《兽人必须死》动画站的创意思路总结

大熊猫：今天和大家分享兽人必须死的一个特色站，包括个人创意思路，设计及沟通执行的一些经验，不仅有成功的还有失败的弯路，希望对大家有帮助。项目背景项目背景主要是为迎接第三次封闭测试，三 续目的是：希望过去玩兽人必须死1，2的单机用户找回当年虐杀小兽人的快感跟激情！同时也希望把游戏讲究策略对抗的特点能表现出来吸引用户访问，为三测预热做好铺垫 开会讨论了解了三测的目的跟方向，接下

产品 2016年06月03日

好图标的秘密！顶尖设计师分享的6个图标设计优化指南（下）

UI的工作曾经被很多人等同于画图标，然而大家真的会画图标么？优质的图标和不够好的图标的区别其实非常小，但是这些细微的差别对于设计质量的影响却是很大。这篇文章分享的是如何用6个步骤来优化图标的设计。少有的icon设计理论结合实践的文章，今天是下一小节，强烈建议阅读。上一篇戳这里：《好图标的秘密！顶尖设计师分享的6个图标设计优化指南（上）》这6个步骤应该作为一个指南而非教条来准

产品 2016年06月03日

画龙点睛！25款活泼大气的粉色系网页设计

当我们谈及粉色的时候，常常会同女性联系到一起，但是如果你观察的足够多的话，会发现这并非是普遍规律。的确，粉色常常会让人联想到诸如棉花糖这样的绵软可爱的物件，这也使得粉色在绝大多数场景下很少见到，这样一来，一些有趣而独特的网页会将粉色纳入到设计当中来，将它俏皮、活泼的一面展现出来。当然，不同类型的粉色能够传递出不同的情绪，从明艳的粉色到樱花盛开的色调，给予人的感受是截然不同的

产品 2016年06月03日

超实用！写给非设计师的名片制作基础指南

写给任何有/没有设计经验的伙伴们，这篇文章并不会教您如何使用Sketch3/ Photoshop/Illustrator这些优秀的工具，但是如果你想印出一张自己的个人名片，这篇指南可以帮你省下至少3顿小龙虾，因为作者就是这么失败过来的。以下是值3顿小龙虾的经验总结。作者Angela Tsou 的推特：@mini_cu；高玉璁脸书：www.facebook.com因为名片的设

产品 2016年06月02日

细节博弈！按钮的优先级选取与用户体验最佳实践

在网站和APP中的对话框通常会进行信息说明，并提供若干选项。最常见的选项数量通常是两个——一个选项优先级最高，为首选选项，而另外一个选项较少被选，为次要选项。（比如用户填写表单之后，结尾会提供两个按钮，一个为提交，另一个为取消）在今天的文章中，我们将这个最常见的用户体验场景作为探讨的对象，亦即“确认”和“取消”哪个按钮优先级更高。预防出错正如同Jakob Nielsen 谈

产品 2016年06月01日

15年经验加持！冯叔写给设计师的9个宝贵建议

编者按：刚刚结束的北京线下讲座特邀嘉宾@冯铁 有新的经验分享啦！在面对改变难缠老板与提升自己这俩抉择时，大家都知道后者的难度要简单得多，那么有哪些实用的建议可以帮助设计师进阶成长呢？今天让15年设计经验加持的冯叔来给大家聊聊。我们也知道，改变外部环境虽然可能，但确实很难，你要面对公司的战略，结构，合作部门的专业性等诸多问题，别放弃，经常与他们阐述你的想法，会有改善，哪怕再小

产品 2016年06月01日

实用技巧！教你从层次/色调/创意3个方面设计出酷炫网页

大家在浏览网页时经常可以看优秀的海报设计，这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球。那么今天我们就跟大家分享一下一些优秀的海报设计在网页中的应用。大家在浏览网页时经常可以看优秀的海报设计，这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球

产品 2016年06月01日

全栈设计师！零基础也能学会GITHUB 系列之Git 速成

@googdev ：前面的 GitHub 系列文章介绍过，GitHub 是基于 Git 的，所以也就意味着 Git 是基础，如果你不会 Git ，那么接下来你完全继续不下去，所以今天的教程就来说说 Git ，我这篇文章先介绍一些最基本的、最常用的一些 Git 知识，争取让你们 Git 速成。往期回顾：从0开始学习 GitHub 系列之「初识 GitHub」零基础也能学会GI

产品 2016年06月01日

【AureRP8.0教程】通过3个动作实现抽屉菜单

案例描述：1、点击一级菜单时，显示二级菜单；2、点击其它一级菜单时，显示对应的二级菜单，并收起其它二级菜单；3、再次点击一级菜单时，收起对应的二级菜单。实现步骤：1、先放入一组一级菜单与二级菜单的矩形，设置好样式；2、将二级菜单转为动态面板；3、为动态面板命名为“Submenu”，并隐藏；4、为一级菜单设置选项组名称“menu”；这个设置能够在之后的选中操作时，保证只有一个

Axure教程 2016年05月31日

【AureRP8.0教程】关于移动端原型尺寸与设备适配

问：移动端的原型尺寸应该怎么设定？那么多手机型号，尺寸都不一样啊！答：按比例做就可以。这是个错误的回答！！！移动端的原型，是有规范尺寸的，这个尺寸与屏幕的参数有关，主要就是对角线尺寸和分辨率。通过这些参数可以知道手机屏幕上每英寸的像素密度。根据密度和手机的硬件设定可以得出对应的图片尺寸。以下是我不专业的理解，如果有错误，欢迎大家指正。在一款APP的文件夹中经常会看到这样的文

Axure教程 2016年05月31日

【AureRP8.0教程】用AureRP8.0实现动态时钟效果

这是用AxureRP8.0实现的动态时钟效果。下面我们来看实现过程：1、准备元件：这里一共4张图片，分别是表盘“ClockImage”、时针“HoursImage”、分针“MinutesImage”、秒针“SecondsImage”；需要注意的是，时针、分针和秒针的背景要求是透明的，并且图片长度要保证指针上的圆形部分为中心。2、将4张图片摆放好位置。3、页面打开时，需要让指

Axure教程 2016年05月31日

【AureRP8.0教程】AureRP8.0官方图标元件的说明

在最新版本的AxureRP8.0中，官方提供了新的图标元件库，该元件库图标为FontAwesome字体图标。在AxureRP8.0中，官方提供的FontAwesome图标元件库，可以直接使用，无需进行安装字体、Web字体设置，更不用担心他人浏览原型时图标不能正常显示。因为，官方提供的并不是字体元件库，而是基于形状的元件库。所以就像基本元件一样，直接拖拽使用。 关键字：Axu

Axure教程 2016年05月31日

【AureRP8.0教程】AureRP8.0的先进性改进

随着AxureRP8.0测试版的不断更新，相对7.0版本有了越来越多的先进之处。大概可以总结一下几方面：一、界面1、底部取消了功能面板，纵向编辑区更加宽阔；想为页面添加交互或进行设置的同学，要注意操作上的习惯改变了，点页面空白处，或者点概要中的页面名称，在检视面板中才会显示页面的相关设置。添加了两侧功能区视图的开关，点击选择相对之前版本的收起按钮，更加容易操作。同样，像动态

Axure教程 2016年05月31日

【AureRP8.0教程】AureRP8的8个改变

看界面界面有了很大改变，不再浓妆艳抹，变得简洁精致。并且实现了Win和Mac版本布局上的统一，不再看上去像两个版本。至于到底哪里变了，最明显的是快捷功能区的重新布局以及取消了下方中部或者叫中部下方的功能面板，感觉像练了葵花宝典一样！对于这个改变来说，老手一看便知，新手……看懂了也没个卵用！看元件元件库里加了一些新元件，多了一些矩形的变种（然并卵）和标记元件。其实标记元件中的

Axure教程 2016年05月31日