site
stats
Tagged

设计

A collection of 4 posts

产品设计

Sketch3 常用快捷键手册

Sketch3 常用快捷键手册 昨天看到酷九合金社做的 Sketch快捷键大全,个人觉得大全类型的手册实用性不大,日常使用中记不住那么多快捷键,而且视觉表现可以更加直观,于是我自己晚上做了一张: 最后的部分是关于自定义快捷键,看完这篇文章就知道怎么设定了: OS X 自定义应用快捷键和Sketch自定义快捷键分享 。 为了大家打印方便,我还制作了A4尺寸手册,2页: Sketch3 常用快捷键手册 A4 Page 1 Sketch3 常用快捷键手册 A4 Page 2

Mac技巧

在Mac OS上使用Android Design Preview连接小米手机2教程

Android Design Preview 是最近比较火的一个设计师专用工具,可以将电脑屏幕上的一块区域直接映射到真实的手机上,方便在手机上直接查看UI界面效果,非常节约时间。 下载安装Android Design Preview 进入官网下载: https://code.google.com/p/android-ui-utils/downloads/list 下载完成后,解压ZIP压缩包,将应用放到Applications文件夹就可以,先不要启动。 创建设备识别串号,让Mac识别小米手机2 点击屏幕右上角的放大镜,打开Spotlight,输入terminal,打开「Terminal」。 输入: mkdir -p ~/.android echo "0x2717" > ~/.android/adb_usb.ini 搞定 打开Android Design Preview,连接手机,在手机上允许调试,这样就连接上了。 如果还是无法连接,可以尝试在Spotlight中,搜索activity

设计

认识字体渲染

在Mac OS系统上对网页截屏,然后打开图片不断放大观察。你会发现黑色的文字居然不完全是纯黑色的!(Windows 7下IE9使用微软雅黑字体也可以看到这个现象)。肿么回事,这不科学!读完这篇文章后你就都懂了。 为什么相同的字体,在Mac OS上的显示效果「看起来」要比Windows上好看?这个问题我一直没有搞清楚,昨天偶尔看到有关字体渲染方面的一篇文章:《A Closer Look At Font Rendering》,终于对字体渲染有了一些认识。这篇文章是我对字体渲染知识的归纳总结,只挑重点写。 一个理想和三种实现(渲染策略,Rendering Strategies) 理想的形状 理想中的文字,指的是使用矢量图形描述出来的形状。矢量图形是在计算机图形学中使用数学方程表达的几何形状(点、线和多边形等)来绘制图像。这样抽象的描述可能比较难懂,可以理解为矢量图形是「e这个字母的形状是数字9翻转过来的图形」这种描述的数学版。 如何将这种抽象形状描述转化为展示在显示器上字体呢?这需要引入一个新的术语——栅格化(Rasterization),栅格化指的是将理想中的形状转化为一个一个像素的这个过程。我们的显示器、手机屏幕实际上都是有无数个发光的像素点构成的,它们在单位面积排列得越密集显示效果越精细(PPI,像素密度)