优秀 Dribbble 作品欣赏

邮件

Simple Email Mobile

优秀 Dribbble 作品欣赏_第1张图片
Simple Email Mobile

博客

Mobile Blog Styles

优秀 Dribbble 作品欣赏_第2张图片
Mobile Blog Styles

Intelworks : Greyscale mocks

网站页面

Elastica - Platform

优秀 Dribbble 作品欣赏_第3张图片
Elastica - Platform

Landing Tour - Gif

优秀 Dribbble 作品欣赏_第4张图片
Landing Tour - Gif

Caatch.me

优秀 Dribbble 作品欣赏_第5张图片
Caatch.me
[Quartzy : Facilities](https://dribbble.com/shots/1890614-Quartzy-Facilities)

原型也可以很精美--国外 wireframe 欣赏

UI kit

Salesforce1 UI Kit

Salesforce1 UI Kit

Sketch 插件

动态按钮
复制一个现有的按钮并设置不同的按钮标题,这是一种重复性强同时需要精确操作的工作,因为我们要做的不仅是复制,而且需要根据不同的标题长度来调整按钮的宽度。著名的Dynamic Button插件就是为了解决这个问题而生的。

首先,我们需要通过DB插件来创建初始按钮。新建一个文本对象,输入我们所需的按钮标题。选中该文本对象,按“cmd+j”,你会发现文本和一个自 动生成的背景形状一起被打包到了名为“Flex Button”的组里,而且文本图层被自动重命名为“0:0:0:0”。这4个数字代表着文本对象距离矩形背景的上、右、下、左边缘的距离。

例如,根据实际需求,我们要将上、下两个值设置为12,将左、右两个值设置为20,那么你可以将文本图层重新命名为“12:20:12:20”,然后选中文本对象,按“cmd+j”,这时按钮背景的尺寸会自动根据我们所设置的规格进行调整。

接下来,无论是修改这个按钮当中的标题文案,还是复制一个新的按钮并修改标题,只要再次选中其中的文本对象并点击“cmd+j”,按钮背景的尺寸都会自动根据新文案的尺寸进行调整了。

你可能感兴趣的:(优秀 Dribbble 作品欣赏)