转载

本文依然是关于详情页设计，涉及到了排版／构图／色彩／氛围点缀／字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路，兴许对你们有用！enjoy~

提前下载了开发者版本的iOS11体验了大半个月，除了很耗电、手机很烫以外，道长打算从交互设计的角度去浅析一下个人对iOS11部分交互以及可改进的地方，为了避免篇幅过长，所以只挑几点出来讲。

本文作者将加载划分为6种类型，分别适用于不同的场景，各有优缺点。设计师在设计时，可以根据用户的使用场景和环境设计适合的加载。

动画是整个过程的完全独立的部分，必须在评估整个项目时立即予以确认。

菜心的品牌基因法不知道大家有没有忘记，之前有写过两篇，今天来写第三篇——实战篇，根据真实的案例来再次讲述如何运用品牌基因法制作图标！如果你忘记了之前的品牌基因法（升级篇），可以先去回顾一下，网址如下：品牌基因法做图标（升级篇）

只要你的设计涉及到人与界面之间的交互，这八大规则在设计过程中至关重要。“这个功能减轻了焦虑，因为用户知道即便操作失误，之前的操作也可以被撤销，鼓励用户去大胆放手探索。”

头像设计，“统一”与“丰富”间的平衡。

是否从新标签打开页面看起来也许并不是特别起眼，甚至可以说是一个很小的细节。但是正是这种小细节往往决定了你网站的用户粘性，是否可以在竞品中胜出。

好的设计往往需要好的内容作为基础支撑。无论是内容还是设计，想要让两者最大化的搭配，往往是需要进行调整和优化才行。“不要总是玩弄算法，创造用户想看的内容才是正途。”

对于设计师来说，文字是一个可以很好提升产品用户体验的武器，希望这篇文章能够给各位设计师带来收获。

从今天开始，将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件，经常容易混淆以至于用错。请各位读者仔细阅读，防止以后用错。

电商中的专题设计都是单页设计的一种应用。

本文是系列文章之详解组件控件结构体系的第三篇——引导类。enjoy~

　　很多时候，不好的设计往往是因为思考的不充分或者思考的太多；而好的设计则正是因为它出现的恰到好处，哪怕它可能是在对传统习惯做出的挑战。以下我将通过现实产品中“暂停”按钮的消失又出现来说明这一点。
　　对于现实中的声音播放工具，大家应该不陌生吧。录音机、walkman、CD随身听，虽然这是上个世纪甚至上上世纪的名字，但是也不至于让现在沉溺于虚拟世界的人们彻底忘记（90后除外）。我们只是去回味这些古老工具的播放控制按钮，也是能够品味出优良的设计思想的。

如何为色盲用户设计网站？本文作者与大家分享了5点小技巧。WCAG 2.0级AA要求正常文本的对比度为4.5：1，大文本的对比度为3：1（14点和大于或大于18点或更大）。——WebAim颜色对比检查器

蓝色依然是一种安全的色彩，当你的产品或者网站契合蓝色的气质的时候，不妨选择它，但是始终记住一点：选择适合自己的产品的色彩，才是正确的选择。

页面框架设计只是整个产品设计中的一环，不要把眼界局限在这一环，也不要只站需求、只站在交互、只站在视觉上思考问题，从多个角度看问题，你才会学会成长。

很早以前小Q在《用好的交互设计来管理复杂－“筛选器”》一文，较为全面的剖析了筛选器的各种分类及其利弊。本文会继续筛选器的城市选择控件继续分析。A-Z index（字母索引）适用于对数据量为几十到几千之间的单词、词组或短语等类型的导航，且用户能对这些数据的首字母进行精确回忆。例如：国家、省份或城市的名称、姓名、昵称等。在移动端设计中A-Z index通常以竖轴形式出现在屏幕右侧，点击字母能将内容滚动到该字母的锚点位置。

今天咱们要聊的是“城市指南”（Big City Guide）网站这一概念设计案例研究。