设计师就业衔接班!45天 PS、AI、AE 从入门到入行 详情戳>>>
切图标注作为连接 UI 设计到技术开发两者的工作模块,是不可或缺的。本文列举了基础的切图标注方法和规则,适合新人设计师学习。
编者按:本文是一篇写给新手的科普指南,从切图的发展史到基础知识,以及常见的术语解释,都有详细的说明,非常适合刚入门的 UI 设计师学习。一、目的为了能够满足开发人员对于效果图的高度还原需求。
编者按:之前的知识科普说了好些基础的概念,本篇将会结合之前我们讲到的数个概念来谈谈图为什么要这样切,标注为什么要这样做。基础知识科普:《还不知道什么是DPI和PPI的设计师,该收藏这篇教程了!
今天菜心要分享的内容是关于切图命名的规范,这是UI 设计师最基础的知识之一,但作用非常大,可以帮你和同事.开发高效对接,提升整体工作效率。建议学习。
编者按:切图是初级设计师最重要的能力,网上一直没有全面系统的教程,今天@UI酷设计 这篇好文从零开始教你学会切图方法,附上切图神器,绝对值得收藏。考拉快跑:移动UI设计切图是UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。
么有鱼丸:作为UI设计师,过完稿和开发对接时,需要标注设计稿和切图,把标注切图文件给到开发。这个时候就犯难了,那么多尺寸怎么切图,iPhone就有8个版本,更别提安卓那一堆尺寸。
编者按:有同学问切完图还是太大了该怎么办,今天@Matuo__Basyou 介绍了几种常用的方法,从PNG到WebP,再到JPG都有相关的技巧经验分享,最后还附上一个SVG的免费福利,来收!首先如果只是压缩的话,建议使用 ImageAlpha(专门压缩PNG)以网上的一副海报为例(侵删)正常从PS导出的PNG大小:原本是 1.1 MB在 ImageAlpha 中打开后可以看到在默认参数下可压缩 65%。
Photoshop CC发布有一段时间了,童鞋们上手感受怎样呢?关于Photoshop CC一些强大的新功能,优设在你应该了解“PHOTOSHOP CC”新特性上已经介绍了很多,还有一篇最全的PHOTOSHOP CC总结也是满满当当的干货,不过今天小编又发现了一个新功能,那就是智能切图啦,应用在图像输出上非常方便,想要详细了解的话,就来阅读这篇文章吧!
绝音:专业提供扣图药方,一帖见效,药到病除。当然,也推荐你看看优设今年下载量第一的抠图神器:PS抠图神器:KNOCKOUT 2.0汉化版下载及教程功效:去除图标、按钮等背景图的底色威力:★★★★需求:很多时候我们需要用到一些全透明的素材,比如:问题:设计图中没有全透明的素材魔术棒选区会带有一些半透明度,底色背景删不干净,我们可以直接手工选区,一点点的删除底色背景,但是效率好低。
刚升级体验了~~非常期待微信输入法~~现在的输入法全是广告流量入口,文中提到的广告问题其实是输入法做的,其实挺恐怖的~~
但我觉得 Figma 之所以会受到大家的追捧,更多原因在于它的免费计划以及 Sketch 软件对操作系统的限制(Sketch 仅适用于 Mac),但我也理解为什么没有多少人愿意承认这些原因。这句话说得太对了
这么好的文章竟然没有评论!
如何吸引用户注意力: 1.人性化:尽量不要传达系统消息感,可以考虑用人物对话等更有温度的形式来包装 2.个人IP:头像在互联网世界中,如同现实世界的名字一样,都是属于个人形象IP的一个标志,更容易被用户关注到
讲的非常好,很感谢,但是文章中有一点点小问题,比如说文章中有一处是长边完全显示,写成了短边完全显示,会加长阅读的时间。不过也无伤大雅,总之很感谢!
刚升级体验了~~非常期待微信输入法~~现在的输入法全是广告流量入口,文中提到的广告问题其实是输入法做的,其实挺恐怖的~~