表单设计可以说是设计界一个老生常谈的话题，针对它的重要性自不必多言。本文结合自身经验和所看所学所得总结，希望能帮助到大家。

从「因子（构成要件）」的角度，将表单逐一拆分，从而能够全面的看待。
如下，大卸八块，一一道来：
结构标签输入字段占位符帮助操作验证反馈

一、结构 Structure

字段的顺序、节奏、外观和组织。
1. 只问所需
必要而不是全部，简化表单，或许是优化表单的最大建议。简化的办法之一就是追溯每个字段为什么需要，是否是当前最相关的信息，如果它是可选的，最好不要显示。
2. 有理排序
先问什么，再问什么 ..

一.为什么要做搜索功能

主要是方便用户，让用户更便捷高效地从大量信息内容中通过一些关键词迅速找到自己感兴趣的内容；其次可以通过适当的引导设计来完成产品的商业需求




二 .搜索种类

根据搜索识别内容的不同，可分为语音搜索，图像搜索及文字搜索，一般会根据产品业务的特点以及公司开发能力结合多种搜索。语音搜索常见于音乐相关产品，通过识别声音来找到某段音乐；图像搜索常见于电商产品，电商行业商品种类繁多，名称复杂，通过文字描述很难找到对应商品，故用户可通过商品条形码或外观来搜索对应的商品，可以尽量缩小目标商品 ..

日常工作中，有很多看似平凡的小细节，常被大家忽视，却影响着用户的真实体验。比如，前几天跟同事们针对产品设计中“+”功能所运用的场景、展开形式进行讨论，发现这是一个挺有意思的话题。


所以跟大家分享下，我的一些相关思考。











1. “+”的运用场景


我们常见的产品中，采用“+”功能的场景，大致分为两种：a.（上传）内容选项；b.（聚合）快捷功能。




a.（上传）内容选项


根据“+”的直观表意，大致也能猜到它的运用跟“添加”、“上传”某个东西相关。
比如：微博，点击“+”入口后，是选择所要上传的内容类型 ..

在 MIUI 10 的内测反馈中，设计上的耳目一新是众口称赞的部分。近日，MIUI设计总监 Gary 和几位核心设计师一起接受了我们的采访，开诚布公地介绍了 MIUI10 设计背后的故事。
这次的采访我们聊得很细，细到某一个交互的设计思路的变迁，以及为什么最终是以那种方式呈现在 MIUI 10 之上。我相信，无论你是对设计还是对手机系统存在好奇，一定都可以从这次访谈里得到一些有益的启发。因为我们没聊虚的。

△ MIUI设计团队


一、彻底干掉虚拟键的全面屏手势是不是太激进了？


△ 虚拟键不该存在
是不是太激进我们还是根据用户反馈来判断，这 ..

关于什么是好设计的问题的答案，定义了设计师。

“有什么好处，Phaedrus，还有什么不好 - 需要我们让任何人告诉我们这些事情吗？” Robert M. Pirsig，Zen和摩托车维修艺术：对价值观的探讨
上周，我的一位英雄（@johnmaeda）发推文说“设计一直是关于肤浅和实质的。”我认为这是一个很好的引用。出于某种原因，我们需要时刻提醒我们，设计不仅仅是花哨的造型。但为什么？为什么物质需要防御？如果你看看像Dribbble这样的网站，设计的表面看起来真的很吸引人。肤浅的品质不需要解释。但这不是设计。在他的“ 设计形状”一书中，交互设计 ..

随着设计工具和设计素材越来越丰富，设计师开始更加灵活地在网页中使用气泡、斑点和流体这样的元素，那么要怎么在网页设计的时候用好这些元素呢？今天结合9个网页实例，来分享几个实用的技巧~


1. 用气泡元素营造视觉焦点


在简约清爽的背景之下，使用色彩鲜艳，形体自然随性的气泡元素来创造视觉焦点，气泡和需要凸显的图片素材结合到一起，有目的地将用户的视线吸引到关键的元素上，最终起到提升转化率的目的。


2. 用简约线性的气泡动画来驱动交互


使用几何特征的简约气泡元素来构造动画，是一种成本比较低的做法，动画会随着用户 ..

先看作者简介——
朱云彤，早期在金象网负责过整体流量运营，后在快法务初创期加入后负责整体线上运营体系从0到1的搭建。目前在百度做运营。起点学院导师，人人都是产品经理专栏作者。
微信公众号：互联网运营手札。会不定期更新工作思考、读书笔记、运营案例分析等。个人微信号：zytmvp
/ 01 /
“一篇文章梳理清楚品牌下的逻辑框架”

首先，我们要意识到品牌建立是系统化分阶段的工程，每个阶段的玩法都不一样。我们需要在发现、认识、喜欢、记住、忘不了五个大的阶段下审视自己公司都有哪些内容在同用户互动。根据公司实际情况可以选择 ..

这篇文章展示了丰富多彩的UI的优缺点，描述了明亮的颜色如何提高用户体验，以及在选择亮色时应该考虑有哪些缺陷。


声明：如需转载，请申请本人授权并保留文章全部信息，严禁私自用于任何商业用途，请尊重原文作者及译者权益。


有效的颜色应用技巧是每个从事视觉合成相关工作的，包括插画家和UI设计师，都必须具备的。随着扁平化设计和material design的普及，具备色彩理论知识变得更加重要。
目前鲜艳的颜色和渐变出现在不同数字产品的用户界面上：从好玩和有趣的到商业应用和网站。然而，关于明亮的颜色对用户体验的影响还有很多讨论 ..

生活需要筛选，App页面也一样。本文通过案例分析，从筛选组件的样式、使用场景等方面来解析筛选组件在手机端场景的设计。


筛选组件概述
筛选组件的作用是帮助人们在面对大量信息时，通过更高效的筛选方式提升决策效率。广义的筛选组件还包括搜索栏及Tab栏，本文暂不分析。


组件包括筛选按钮与筛选器，筛选器包含类别及各类别下的筛选项。使用频次高低、筛选条件的数量都是决定筛选组件样式的因素。




01

位于 Tab 栏的筛选组件

组件样式
筛选按钮位置：一般位于Tab栏最右侧视觉薄弱区域。


筛选器形式：点击按钮，筛选器以抽屉形 ..

通过本文，你将学习到 Uber ，Pinterest ，Shopify 和 Airbnb 等知名网站如何利用组件构建统一的UI / UX 设计规范 。

Airbnb通过react-sketchapp将设计与开发之间的组件协作提升到了一个新的水平
在产品中创建和保持UI和UX的一致性，可以带给用户直观的导航体验，并引导他们成功地与应用的不同部分进行交互，而不会产生混淆。
在产品的各个部分和应用之间保持用户界面的一致性，可以创造更有价值的东西——品牌。将用户体验和用户界面品牌化的关键是让用户在与新产品互动时也能感到“宾至如归”，从而提高他们对新产品的的忠诚度和满意度 ..