在交互稿中，应重视「键盘类型」的标注

在交互稿的标注中，我们经常会忽略键盘的说明，这是不对的。键盘在用户的交互过程中起到了非常重要的作用，尤其在多个输入框的场景下。为什么需要标注键盘类型？大家都知道，一款虚拟键盘（比如iOS系统键盘）有很多种布局类型。在交互稿中，很多人是不标注键盘类型的，我原先也是不标注的。但近来发现键盘对于用户操作的影响其实很大，不标注键盘类型是不对的。一方面，如果键盘调用不当，用户则需要手

产品 2016年12月18日

一个优秀的设计师，应从用户角度看设计

我是个PM，天天跟设计师在一起久了，耳濡目染，对设计也有些理解。最近接触的H5比较多，那今天就从H5这个点来说一说设计，顺便做一下延伸，发出来和大家探讨探讨，互相印证，和专业的设计大神们相比自然是差很远，权当是给自己做的产品笔记。大家都知道，当下是一个信息流时代，碎片化的时间，已不足以让我们每天花更多的时间在一个应用甚至一个页面停留太久，手机端信息的快速更迭，必须要求你所表

用户研究 2016年12月18日

4 个设计 APP 产品不得不知道的心理学原理

到底受欢迎的APP有没有共同点？让用户拿起手机到进入APP中到底经过多少步？我认为一个能与行为产生交互的产品才能成为好产品。在Techcrunch上充斥着很多华丽丽的产品的残余，它们曾被当做完美产品来设计。但却没能得到真正的用户认可。这些产品没能适应，或改变它们用户的行为模式。这一点显而易见。那么问题来了：为什么这些产品没能适应，或改变它们用户的行为模式？通常来说，当一个行

产品 2016年12月18日

5 个设计小技巧，创造令人愉悦的用户体验

我们常常探讨用户体验，那么用户体验到底是什么？许多人认为，用户体验更多的是关乎产品的可用性（产品是如何运作的）。而实际上，用户体验远不止于一个“能用”的东西，它是关于用户的主观感受的。通过设计为可用的产品增添令人愉快的体验，同用户产生情感联系，这才是用户体验设计所要做的事情。当我们谈及用户体验的时候，“愉悦”这个词是最常听到的一个形容词。 让用户爱上一个产品，“愉悦”的用户

交互体验 2016年12月18日

H5 手机网站设计总结

你不可能什么都得到，所以你应该学会放弃。最近一直在做一个app的h5版，结合其中遇到的各种问题，踩的各种坑，做出了一些总结，希望大家以后能够顺利跳过这些坑。一、功能的选择和取舍首先，在做h5版的时候，你一定要明白自己想要什么，想要达到什么要的效果。结合自己的时间成本和人力成本，决定你应该保留什么功能，去掉什么功能。如果你觉得必需都得有，不好意思，出门左拐，你不是我的目标用户

产品 2016年12月18日

设计心理学：揭露高级设计师秘密

人们每天接触大量的信息，但是人类大脑处理信息的能力是有限的，因为大脑会自己寻找处理信息的捷径。 因此，我们说人们大部分时间做的决定都是非理性，非逻辑的。心理学很好地阐述了这些现象与原理。了解心理学跟行为经济学能够帮助我们更好的设计产品来改变用户的行为。下面我来介绍几个有趣的实验。我们怎么做购买的决定？介绍一个经典的实验：浓汤实验心理学家Brain Wansink, Robe

产品 2016年12月18日

移动界面动效设计的全方位科普指南

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变得越来越重要，那么动效能带来什么好处呢？体现交互层级： 动态界面使人更容易理解交互层级关系，减轻了人们的认知负担给予反馈： 给人感觉界面是活的，让体验流畅弥补静态页面的表达不足： 在内容优先的设计趋势下，用户界面变的更加简洁。这将给用户带来操作

产品 2016年12月18日

Origami 教程 10- 列表视差动画 +TAB 动画

上期教程，大家学习了常用的下拉刷新动效，当然仅是一个思路和方法，不同的终端平台有不一样的做法，不要一味照搬，学习其中的实现方法即可，共勉～本期主要讲2个动效，TAB的切换，以及列表的视差效果。请下载附件，并且开始学习。完整效果如下：学习讲解本次教程都是较为常见的动效，列表动效 & TAB切换。两个效果是同时做的，所以在图层结构安排上要稍微注意，不能乱来。看右侧的图层结构，其

产品 2016年12月18日

Sketch2AE

Sketch2AE轻松导出skech文件中的切片到Adobe After Effect并自动定位。利用帧另存为Photoshop图层功能，还可以实现Sketch导出到Photoshop哦。使用信息（可选）切换语言为中文版，点击 Plugins -> Sketch2AE -> 语言 language保存sketch文件在图层列表选中要导出的图层组（不是图层组请先打组）, 执行

产品 2016年12月18日

Sketch 基础 7- 临摹一组线条 Icon Part1

今天我们来制作一个线形的icon，非常简单仅需4步。更多教程请关注“一稿过”！/// 开场白 ...上一篇我们学习了如何使用Sketch的文字工具，本次我们来临摹一组线条Icon。/// 现在开始 ...／ 01 ／我们先来新建一个画板，快捷键：A。尺寸为120x120。然后在画板内建立一个矩形元件，快捷键：R。尺寸为90x100，并且去掉颜色填充只留下边框。将元件居中排列

产品 2016年12月18日