网站设计：为什么你的内容文本需要更大字号的 4 个原因

你是否有注意到，你的网站上的正文文字太小了。当桌面显示器和手机屏幕的尺寸随着科技的发展在变大变高清时，字号似乎没能适应或者说跟上这种变化，所以我们在观看文本时，会觉得好像字号缩小了好多。虽然他们和原始尺寸是一样的，但他们在感觉上比以前小好多。我发现自己在阅读屏幕上的内容时，经常是眯着眼睛看的，这不应该是这样。今天我们将讨论这种日益增长的问题的原因，以及寻找如何解决这个问题的

产品 2017年06月05日

Google 语音交互规范（三）：设计原则与方法

这一小节内容很多，干货满满，提供了非常细致的设计流程与方法的梳理，可以帮助设计师了解如何去思考、开始构建对话交互。在正文之前，还包含一个谷歌对语音设计Tips的讲解视频，图文结合的方式讲述的非常清晰，我也把核心内容听译了出来，配合截图与说明分享给大家。以下为设计tips视频的主要内容，视频链接：https://www.youtube.com/watch?v=MSUPVbbh

产品经理 2017年08月18日

都9102年了，你还不会根据用户场景做设计？

你知道如何根据用户场景做产品设计吗？本文笔者将通过五个案例来与大家一同探讨：用户场景的构建对于产品设计的意义，以及如何才能更好地根据地用户场景做设计？不知道大家在做设计的时候，是否有考虑过用户场景。 用户场景的构建 能够让我们的产品更好的为用户服务。大家有没有想过为什么有时候需求会经常的修改，设计方案也会不停的变化，很大一部分原因就是因为在方案的设计过程中缺失了一部

用户研究 2019年04月06日

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

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

产品 2016年08月09日

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

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

产品经理 2016年11月06日

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

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

产品 2016年12月13日

响应式网页设计指南

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

产品设计 2017年05月24日

Sketch 基础 2- 制作 Sign Up 页面

上一篇我们学习了如何快速的制作一个圆角形按钮。本次教程我们就小试牛刀，制作一个简单的登录页面。/// 现在开始 ...1.首先在舞台中央建立一个“Artboard”。快捷键：字母“A”2.在右侧属性区域内，我们选择iphone7预设尺寸。3.点击后在舞台空白区域内出现一个矩形画布。4.将画布背景改为黑色，在右侧属性区域内修改背景色。5.按照上节课我们学习的，建立一个圆角矩形

产品 2016年11月10日

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

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

产品经理 2016年12月15日

PS教程！教你绘制超漂亮的渐变按钮图标

编者按：很多同学问这个按钮效果要怎么实现，今天@P大点S微博 手把手给同学们临摹了一遍，重点依然是图层样式的运用，附上教程和源文件下载，想学的一起来试试！源文件下载：http://pan.baidu.com/s/1bDCg9o最终效果： 新建文档，这里我用的是1000X800像素，创建一个# 3d3d42的纯色调整层，添加一个杂色。 给这个调整层添加一个内阴影。 画一个黑

产品 2016年07月15日