标签归档:切图

超详细解说点9切图的制作方法(内附神器)

点九图,是Android开发中用到的一种特殊格式的图片,文件名以”.9.png“结尾。这种图片能告诉程序,图像哪一部分可以被拉升,哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形…

提高设计还原度!写给设计师的iOS前端教程(一)

@小乖乖老爸 :你是不是有这样的经历?自己觉得还不错的设计,等工程师做出来,放在手机上一看,怎么看都不对劲。当你有这种疑惑的时候,就是设计还原度的问题了。想提高设计还原度,尽可能缩小设计稿与完成品之间…

视觉设计师如何让设计效果高还原度落地?

一个产品完整的设计流程中,交互与视觉定稿后,后续视觉规范的输出、UI控件的整理与标注、开发的高还原度,都会影响产品最终的用户体验。作为视觉设计师,在视觉设计的最后阶段则是繁琐且像素级别的精雕细琢,设计…

APP界面切图命名和文件整理规范

规范的命名方式可以提高客户端程序员的开发效率和团队协作。个人觉得标识符命名原则:尽可能的用最少的字符而又能完整的表达标识符的含义。

【效率工具】一键自动生成 IOS 所有尺寸的 ICON

最近遇到了一个比较坑爹的状况,ios的icon还没最终修改好,但是每修改一次都要出图给工程师查看不同机器的效果,生成1024后在切出不同分辨率的大小的过程很是繁琐,效率及其低下,作为专业切图13年的切…

切图大法:一键导出App icon

还在为切不同大小的app icon感到苦恼嘛?看完本文,你也许能找到答案,熊式切图法,你值得拥有

如何改进工作流让设计稿支持多个尺寸?

最新的 Photoshop 是有跟 Sketch 一样的输出切图功能的(Generator),用 2x 的 PSD 输出 3x 的切图也可以。而且 Photoshop 配合 Slicy 输出切图比 S…

如何正确使用Photoshop切片工具

通过图片分割可以将网页中的大图一次性加载,图片分割又是怎么做到的呢?微博中的九宫格是不是很好玩,那一张图又是用了什么工具把它分成九等份的呢?它就是我们这个教程中要介绍的切片工具。下面就让我们一起来学习…

“没有它我就不会切图!”爱用切图神器:Slicy

Akane Lee :Slicy 是我测过几种辅助切图工具后又回来使用的神器。「把整个 PSD 扔进去,结束。」简洁利落不啰嗦。我爱它的程度已经到了没有它我就不会切图了(哈哈)。

Photoshop CC 与前端那些事

Photoshop 是视觉设计师最强有力的武器之一,其实 Photoshop 也为前端开发同学带来很多惊喜。特别是从 Photoshop CC 版本开始,它变得越来越有趣。今天笔者就其中几个新…

使用 Adobe Illustrator 做 UI设计——切图、导出的秘诀

在上一课《使用 Adobe Illustrator 做 UI设计——多重填充与多重描边》里,我们学习了如何使用 Adobe Illustrator 的多重填充和多重描边功能制作一个简单的界面。这个界面…

解放设计师的切图神器SLICY(LAYER CAKE)推荐!

自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器! 为切图黯然销魂的设计师们必备利器!推荐人:abo 阿里巴巴UI设计师

APP切图那点事儿–详细介绍android和ios平台

从2011年开始接触APP,到现在为止也做了几个了,发现了一个共同点就是和每一个技术搭档切图的时候,会遇到不同的问题,因为技术的水平高低有限,所以他们要求你给切图的时候也会不一样,针对切图后来…

关于“点九”

“点九”是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png 智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改…

经验分享:移动客户端设计开发经验(2)-设计篇

在《移动客户端设计开发经验(1)流程篇》中,我们把流程搞通了。 那么,在这一篇文里,要给大家奉献各种干货。相信作为设计师的我们,肯定会非常非常感兴趣滴。想了很久,弄什么地方入手呢? ok! 我们打开电…