「这个控件叫什么」系列之加载占位图 + 页面指示器

@龙爪槐守望者 ：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Skeleton Screen/加载占位图Skeleton Screen（加载占位图）是近年流行的加载控件，通常表现形式是在界面上待加载区域填充灰色的占位图，与线框图的效果非常

产品 2017年03月31日

除了系统默认样式，日期选择器设计还有哪些选择？

我们的设计涉及到人们吃、喝、住、行、购、娱、医疗、教育、工作等各个方面，每个需求场景都是由事件触发的，对于事件的设计离不开时间选择，比如什么时候就餐、什么时候出行、什么时候去看电影、什么时候参加会议、什么时候去就医、什么时候安排下一步计划，等等。系统自带的可能难以满足设计需要，自定义其交互形式与样式可以实现更多的可能性。一．选择到天（DAY）排查设计的时候需要考虑以下几点：

产品设计 2017年03月31日

实践提炼：复杂 To B 产品的设计思路

作者根据自己的工作经验，总结了一些面对大型B端项目时可用的设计思路，希望可以给大家的工作带来一些帮助。ERP系统是典型的To B产品，拥有体量大、功能杂、专业强等特点。前段时间接触了如此庞大系统中三个子系统的改版工作，从手足无措到冷静思考，在无数磕磕绊绊中总结了一些面对大型B端项目时可用的设计思路。因为项目复杂，此篇是整体设计思路的提炼及方法论的提出，具体的案例及方法论阐述

产品经理 2017年03月31日

PM 要多加底部导航时，设计师如何说服他打消念头？

记得之前写过关于标签导航如何设计的一篇文章，大体上的介绍了几种类型，这周正好遇到一个关于标签导航的问题：产品经理要求在底部的导航中由原来的五个主功能增加至六个，交互设计师如何说服产品打消这个念头？本周就这个问题我详细说下当中的几个要点以及延伸出来的几个问题。不要打破标签导航的架构之前说过：在项目研发阶段，我们应该关注产品的主要功能，不应该偏离方向，为了其他辅助功能去改变产品

产品 2017年04月01日

想剑走偏锋？试试这 6 种实验性的网页导航模式

虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘，这一点是毋庸置疑的。在网页的导航栏设计上，也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航，许多有想法的设计师开始有意识的打破这一规律，别出机杼，采用不一样的导航模式。当然，如果你的网站用户量大，并且需要尽量降低用户的使用门槛，遵循常规的设计

产品经理 2017年04月01日

升级篇：利用品牌基因法进行图标设计

图标设计如何具有品牌性？这可能是设计师工作中经常会遇到的问题。但很多新人也许并不了解什么是品牌性，更不知道如何将品牌性融入到图标当中，不过没关系，看了这篇文章你就不会那么困惑了！前一阵子写了一篇《利用品牌基因法进行图标设计》，但只讲了一种提取视觉基因的方法，不够全面。菜心担心大家因为方法的不全面而导致设计效果过于死板，所以近期将整个品牌基因法的体系重新梳理了一遍，增加了一些

产品 2017年04月04日

交互设计的未来在哪？

除了电脑和手机，越来越多承载了新交互形式的产品涌现。语音、体感等更加自然的交互方式会不会成为主流？未来的产品形态和交互方式会走向何方？当NUI（自然用户界面）代替GUI时交互设计师和视觉设计师该何去何从？人机交互的未来在哪？这些问题都值得我们去思考...欲了解未来，先要熟知过去。1.交互的起源 20世纪七八十年代，从施乐、苹果、到各种计算机研究所，都在讨论为数字产品提供更加

产品 2017年04月02日

上亿人使用的手机淘宝卡券包，设计师是这么做改版的！

神患：大公司里有很多“小产品”，手机淘宝里的卡券包就是。卡券包是手机淘宝用户的权益仓库，存储着用户在平台内获取的众多权益，比如店铺优惠券、红包、会员卡等。“小”是相对“大”而言的，手机淘宝是一艘流量航母，每天使用手机淘宝的用户数接近两亿。相比航母甲板上动则数百万上千万的拳头业务，卡券包的用户数显然少得多。卡券包具有较强的工具属性，大部分用户访问卡券包是为了查看自己获得的权益

产品设计 2017年04月10日

进阶经验！如何系统的进行改版设计（上）

做改版设计大体思路很简单，只需要做好两件事：发现问题与解决问题。今天我们先来搞定第一件事：发现问题。给你下面这样的网站首页，让你找视觉层面的问题，你会怎么阐述？（注意：本文只讨论视觉层面问题。）我个人觉得会有三种不同类型的设计师：1. 感觉型 他说：我感觉这个页面太乱。你问他乱在哪里，他说不出来，仅仅是感觉！这种设计师可能刚刚踏入设计行业，或者做了很久但每天混日子的那种。2

产品经理 2017年04月10日

这 7 种设计误区，会影响网页内容的体验

设计中出现误差或者错误其实是很正常也很普遍的现象，也许你只是想尽快完成一个设计项目而仓促地提升进度，也可能是因为项目本身的复杂度过高，你忽略的某些问题。但是无论是怎么造成，总得试图解决问题，修复不完美的设计。而今天我们要探讨的核心是影响你的网页内容的设计误区，这些误区有的让网站的信息无法正确的传达，有的让人感到迷惑，这些问题可能会导致用户无法接受，理解错误，甚至感到不适。那

交互体验 2017年04月09日