不得不承认，作为一名设计师，独特的审美能力是设计的灵感所在，不过很多刚刚从事UI设计的人，审美能力真的非常的一般，所以心中难免有这样的疑问，我的审美能通过后天的努力提升吗？关于这点，可以非常肯定的说，完全是可以的。并不是每个人生下来都拥有很高的审美，很多优秀的UI设计师靠的就是…

成功的视觉构图很大程度上利用了人们对于图形感知上的规律。影响人类感知的因素有很多，其中大多都和心理学息息相关。图形和形状当中，也蕴含着深刻的心理学原理，今天的文章我们来讨论一下图形中的规律，以及它们是

三、度量和参考线（Metrics & keylines） 基线网格（Baseline grids） 无论是移动端、平板端还是桌面端上，所有的应用组件都对齐至8dp单位的方形基线网格上。但工具栏中的图则对齐至4dp单位的方形基线网格上。 基线网格的例子 基线网格的例子 文字于4dp…

三、图像（Imagery） 图像不仅是一种装饰，它还是一种能够帮助用户理解以及区分你产品的强大工具。 大胆、形象、有意义的图像能够帮助你吸引用户。 无论气氛是压抑、柔和还是明亮、多彩，以下的设计准则以及实践案例能够帮助你使用图像把应用和生活结合起来。 准则 有关联的 有意义的 令…

二、动效的持续时间和缓动效果（Duration and easing） 自然、灵动应该是Material动效带给人的第一感觉。要做到这样需要我们使用不同的缓动曲线效果和不同的时间长短去创造平滑、连贯的动效。 缓动曲线（Easing curves） 标准曲线（Standard cu…

想像走進一家你最喜愛的服飾店，一家未按照分類，充斥著琳瑯滿目的商品，另一家同樣的空間大小，卻有明亮的燈光、木質的走道，以及明確的分類。哪一家讓你的購物經驗比較舒適？ 留白，是設計中重要的一環，從室內空間、網頁介面、甚至是報告、投影片，有效的White Space讓畫面有了呼吸感…

最近在做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图： 看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，

上期周刊我们重点介绍了 Design System 中 Components 与 Patterns 的差异性。相较于 Components，Patterns 关注的是对一系列问题的通用解决方案（建议），更多关注目标、方向以及对设计的直接指导。 在上一期中我们所介绍的 Patte…

单位和尺寸（Units and measurements） 有些单位在不同的语境中有着不同的含义。这章讨论的是设备独立像素（dp）、可缩放像素（sp）以及其他像素密度概念。 像素密度 每英寸拥有的像素被称为“像素密度”。高密度屏幕比低密度屏幕每英寸拥有的像素高。因此UI元素（如按…