Sketch Measure 让创建规范成为开发者和团队协作的乐趣 http://sketch.im/plugins/1 安装 下载安装包 双击 Sketch Measure.sketchplugin 完成安装 工具栏 一个集成了所有功能图标的工具栏,可以方便操作每一个功能 执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B 标注区域 有时你可能需要标注一个区域以突出该层,而这在 Sketch Measure…

https://www.inpandora.com/sketch-measure.html https://www.jianshu.com/p/c11ae88e6b1d…

从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页.图标以及界面设计的最好方式. 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了.这篇文章主要会涉及Sketch模板.插件的使用,以及Sketch在具体使用过程中的一些技巧分享. 如果你曾接触过PS.AI.Axure等软件,那么接下来的内容你应该不会陌生,因为所有的设计软件学习的路径都是相似的,都是从认识基本功能框架到外部资源整合运用,最终形成个人风格的一个…

本文转自 http://www.jianshu.com/p/ff70b5f35c8f 从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页.图标以及界面设计的最好方式. 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了.这篇文章主要会涉及Sketch模板.插件的使用,以及Sketch在具体使用过程中的一些技巧分享. 如果你曾接触过PS.AI.Axure等软件,那么接下来的内容你应该不会陌生,因为所有的设计软件…

Sketch是很多产品经理.UI.UX设计师常使用的一款的设计工具,但是我在使用Sketch的过程中发现了一个让我困扰的事儿,或者说它缺少了一个我非常需要的服务:在线分享设计.可能很多使用Sketch的人都会遇到类似的问题. 我最近发现了一个很好的在线分享平台,叫做摩客原型托管.它可以解决这个问题的. 首先,将你的Sketch文件导出HTML,打包成zip,然后在摩客原型托管平台,上传就可以了.成功后,会生成一个网页地址,你把这个网页地址发给其他伙伴,就OK了. 那么,我们怎么把Stektch文…

第1章 课程介绍主要介绍课程的安排及你将学到哪些使用技巧 1-1 课程介绍第2章 sketch 实例及相关工具本节课你将学到钢笔工具的使用.渐变及填充.投影的使用,体会并观察实际中物品的光影与材质:模糊工具.栅格化工具.辅助线的应用,体会到界面排版及构图的重要及页面设计中存在的节奏感:剪切蒙版的使用和两种添加方式,体会到选图之于设计的重要性:切图工具使用技巧,体会团队配合中沟通的重要性:symbol模版工具的使用... 2-1 Outline风格icon作品(上) 2-2 Outline风格ic…

原文网址:http://blog.csdn.net/phunxm/article/details/42174937 1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches…

在移动端或者前端开发中,UI图通常是带标注的,指定某个控件的长宽等属性,一般UI给的是68px,72px这样的样式,但是我们在开发过程中通常又并不是完全按照上面的标注去设置值,有时候需要将这个标注除以2或者除以3在进行赋值给frame,这其中的原因是因为标注一般都是按px格式给的,但是iOS底层绘制的时候是按照pt为单位进行绘制,这两个的区别在于: px就是表示pixel,像素,是屏幕上显示数据的最基本的点.px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可…

UI标注软件现在是设计师(UI.PM.前端等)必备的一款软件.设计稿是UI设计师日常工作中的产出物之一,当然,做出了高保真设计稿并不意味着你的工作结束了,因为你还得与下游的开发工程师进行对接. 我们经常听到UI设计师抱怨说,做完设计稿后满满的成就感被开发的同学给打击的稀碎,为什么和开发沟通这么累?我们也经常会听到崩溃在边缘的开发对UI设计师说:“你这个图标的尺寸是多少呢?”,“这两个控件之间的间距是多少”,“这里的切图呢”?......归根结底,是你给了开发不规范的标注图和切图. 传统的设计稿标…

1.iPhone尺寸规格 2.单位inch(英吋) 1 inch = 2.54cm = 25.4mm 3.iPhone手机宽高 上表中的宽高(width/height)为手机的物理尺寸,包括显示屏和边框. 以下为iPhone4s的宽高示意图: 4.屏幕尺寸 我们通常所说的iPhone5屏幕尺寸为4英寸.iPhone6屏幕尺寸为4.7英寸,指的是显示屏对角线的长度(diagonal). 以下为iPhone5~6+的屏幕尺寸规格示意图: 5.像素密度PPI PPI(Pixel Per Inch by…