大产品小细节！5分钟带你了解经典的费茨定律
2017-09-27 | 交互设计, 基础知识

金蝶云之家体验部交互设计师-王梓铭：大家有没有想过为什么按钮越大，越易于点击 ？为什么相关按钮需要相互靠近摆放 ？为什么 Win 系统要将「开始」按钮放在角落 ？这些设定的背后其实都有一个在人机交互中，非常重要的定律 —— 费茨定律。

大产品小细节！5分钟了解格式塔原则
2017-09-26 | 基础知识, 设计思想

金蝶云之家体验部交互设计师-王梓铭：这一篇「大产品小细节」想跟大家聊聊设计中很常用的一个心理学原则——格式塔原则。 一. 格式塔原则 首先我想简单介绍一下格式塔原则，格式塔原则分成五个部分： 相近（Proximity）：距离相近的各部分趋于组成整体。 相似（Similarity）：在某一方面相似的各部分趋于组成整体。 封闭（Closure）：彼此相属、构成封闭实体的各部分趋于组成整体。 连续（Continuity）：我们倾向于完整地连接一个图形，而不是观察残缺的线条或形状。 简单（Simplicity）：具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。

三分钟搞清iPhone X 设计尺寸和适配
2017-09-17 | 基础知识, 资料

被iPhone X刷了一天屏，到下午实在受不了各种标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍的标题党。索性自己写一篇只针对iPhone X适配的贴子，与适配无关的内容通通不要。

全面剖析UI设计学习大方向
2017-08-10 | 发展规划, 基础知识

Hi，大家好！鲲鹏，现在UI设计行业吸引了很多童鞋纷纷进军UI，最近很多童鞋说新手学习UI真的是很困难，请我帮助分享一些经验，也理不清楚头绪，所以现在就特意来给大家做一个分享，也希望能够帮助到咱们学UI的童鞋！ 学UI能够掌握到我接下来分享的这几个点的话，你就有一个大概的思路和方向了。

每个设计师都该懂的栅格系统基础六要素
2017-04-24 | 基础知识

以前有很长一段时间，我一直搞不明白到底什么是栅格，听过很多解释之后还是云里雾里的，后来发现有很多小伙伴也都有这样的疑问，所以决定分享一下自己对栅格系统的理解。 首先我们必须要对栅格系统有一个基本的认知，我将这四个字拆分开成“栅格”和“系统”两个词来分别解释。

「控件科普文」加载占位图+页面指示器
2017-04-11 | 基础知识

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

「控件科普文」小红点+索引导航+分段控件
2017-03-25 | 基础知识

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

黄金分割，究竟是什么鬼？
2016-09-12 | 图书推荐, 基础知识

不知道你有没有那个时期，看到一些看起来高逼格的作品，因为他们被各种不认识的高逼格的线标注，非常的专业，非常的牛叉，瞬间崇拜作品和作者，心里各种羡慕嫉妒恨。

斐波那契螺旋线-赏析黄金比例的实际应用
2016-07-04 | 基础知识, 视觉设计

斐波那契螺旋线，也称“黄金螺旋”，是根据斐波那契数列画出来的螺旋曲线。

UI设计师必读的IOS 10人机界面设计指南 （二）
2016-07-03 | 基础知识, 资料

iOS 10人机界面设计指南中文版也来了！今天第二部分是交互部分，包括16个小节，从最新的3D Touch到身份验证、加载、导航等等细节都有细致入微的教学，感谢译者@喵大神经 ，一起来学习。

像素如何影响你的设计？
2016-07-03 | 基础知识, 视觉设计

作为设计师，无论如何做设计，都要被束缚在有限的尺寸之内，平面设计用厘米毫米，互联网设计师用像素，分辨率等等来力求在有限的空间内设计出满意的作品。

UI设计师必读的IOS 10人机界面设计指南 （一）
2016-07-02 | 基础知识, 资料

iOS 10人机界面设计指南中文版也来了！今天是第一部分概览，包括有3个小节，主要介绍了iOS 系统的3大原则、iOS 10 的新特性和iOS界面的基本元素，感谢译者@喵大神经 ，一起来学习。

新版MATERIAL DESIGN 官方动效指南（三）
2016-05-22 | 基础知识, 资料

新版Material Design 官方动效指南已经翻译到第三章了！今天这部分，从动效的运动和材料形变入手，让你的动效自然真实，贴近现实状态。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。

新版MATERIAL DESIGN 官方动效指南（二）
2016-05-16 | 基础知识, 资料

新版Material Design 官方动效指南的第二部分，从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分，教你创建平滑一致的Material Design 动效。

新版MATERIAL DESIGN官方动效指南
2016-05-14 | 基础知识, 资料

编者按：前两天Google 刚发布了新版Material Design 官方动效指南，今天@平行煎餅 就给大家带来了中文版！全文包括三个部分：为什么说动效很重要？如何制作优秀的Material Design动效及转场动画，动效的意义。新鲜热辣收好不谢！