按时间归档：2017年05月

本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。data-src
data-srcset
在加载到的时候更换为
src
srcset容器元素的尺寸：elW * elH
单张图片的尺寸：imgW * imgH
Sprites图片的尺寸：spritesW * spritesH
单张图片在Sprites图上的位置：imgPosX, imgPosY点的位置为 (x, y)
容器上的(x, y)点与容器左上角的距离为 cX, cY
Sprites图上的(x, y)点与本张图片左上角的距离为 sX, sYelW = imgW, elH = imgH
cX = sX, cY = sYcX = elW * x
sX = spritesW * x – imgPosX
elW * x = spritesW * x – imgPosXx = imgPosX / (spritesW – elW) = imgPosX / (spritesW – imgW)
y = imgPosY / (spritesH – elH) = imgPosY / (spritesH – imgH)

本文作者将来着重谈谈APP中的Tab Bar 是固定好还是不固定好，你觉得呢？

网站运营者的目的是为了增加阅读量，用户停留时间。而大部分用户一般是比较迷茫的，他们不知道自己想要读什么。

色彩在任何一种设计中都起着很重要的作用，相差不多的色彩却能给用户带来完全不同情感效果。因此，好好利用色彩与生俱来的魅力，就能让你的设计更出彩。

本文作者将浅析网站设置和手机设置，且针对“设置是查看还是修改？”的问题提出了她的解决方案，一起来看看～

本文是由58UXD的交互小组的工作总结文章，交互设计师常常需要进行迭代设计，为此，他们琢磨试验出一个更适合产品迭代的卡片创意法。收到消息通知→打开消息通知→查看消息→回复／其它操作接收（告知用户有消息需要了解）→阅读（了解更多消息详情）→反应行为

今天介绍三个控件，前两个是Material Design（简称MD，下同）规范中的确认弹框（Confirmation Dialog）和全屏弹框（Full-screen Dialog），后一个是iOS规范中的模态视图（Modal View）。下面先说MD中的两个。

经过一期带团队的体验，阁主发现文件命名有点让人抓狂，实在忍不住更新一篇文章去说说这其中大家约定俗成的规则，不仅包括切图命名规则，还包括文件整理规范。之前楼主有整理过简单的，貌似不够用，今天再来具体说说。

接着上一篇文章《新手转向资深的必经之路——交互文件命名的最详细规范（上）》继续整理文件命名的规范继续，今天来讲讲Sketch的Artboard（画板）命名和Layer（图层）命名、Symbol（组件）的命名、导出图片的处理方式。Sophia的tips：真正的高手，细节都做的很好！

如果要在应用程序中使用FAB，则必须仔细考虑应用程序的设计，并将用户的可能操作归结为一个最突出的功能。正确使用FAB，最终会给用户带来惊人的帮助。为了促进操作，不要一味使用FAB！用户必须记住它的含义。FAB可以改善屏幕之间的转换