美文网首页
UI上的切图神器

UI上的切图神器

作者: 张一一 | 来源:发表于2016-02-03 14:56 被阅读791次

首先声明,我不是ui designer。但是为什么我要切图?回答这个问题不得不从职业说起。没错,本人是一名程序员。你可以说我是码农,工程师,搬砖的,技术,it工程师。What ever, it's up to u。另外就是,程序员也分很多种,就像练武的有练内家功夫,有练外加功夫,有练太极,有练八卦掌,有练空手道,有练散打。而我既是一个服务器端程序员又是移动端程序员。厚脸皮点说就是全栈工程师。

所以呢,在做移动端的过程中,遇到了视觉稿。而视觉稿是进行中的视觉稿。视觉妹纸还没来得及做完,自然就没有各种资源图标之类的。但是呢,总监阁下需要在一周内把移动端的demo赶出来。没办法,自己上喽。我是一个从来都不犯怯的人,当然挽起袖子就上咯。而视觉稿都是psd格式的,看看还好说,markman就搞定了,对于尺寸,颜色markman都能很好的应付。但是我要把视觉稿里头的图标都给切出来,就遇到问题了。这里,大家都想到了,Photoshop!但是,身为程序员,自己的产出也是软件和程序,岂能带头使用盗版和侵犯知识产权呢。更何况,“侵犯”、“产权”两个字已经明确这是一种违法行为。跟你在商店拿了件商品没有付钱是一样的。

于是呢?花了一上午的时间Google,并逛了各种论坛。结果比较让人失望。在很多以设计师自诩的人的博客和评论里都是推荐的Photoshop或者是跟Photoshop有关的插件,而且估计大部分人都是使用的pirate版的。私以为,如果身为设计师,吃饭的家伙还是应该是正版的。正当放弃的时候,在stackoverflow里的某个答案里发现了GIMP。没错,这是标题里要说到的切图神器。这里需要重点鼓吹下。gimp很轻量,相比于Photoshop1.5G的软件安装包,gimp只要90M。gimp在Windows,Mac OS,Linux都可以使用。另外gimp支持Photoshop绝大多数功能,难能可贵的是支持psd文件。当然切图不在话下。

以下是一个界面展示。自己感受。

忘记了把GIMP的地址补上

http://www.gimp.org/

相关文章

  • UI上的切图神器

    首先声明,我不是ui designer。但是为什么我要切图?回答这个问题不得不从职业说起。没错,本人是一名程序员。...

  • 前端大杂烩 - 收藏集 - 掘金

    神器!解放你的双手——UI 设计稿全自动切图和标注的一些工具推荐 - 前端 - 掘金原文收录在我的 GitHub博...

  • 前端经典文章

    前端切图神器 avocode 有了这个神器,切图再也腰不酸,腿不疼了。这一次,彻底弄懂 JavaScript 执行...

  • ps切图插件cutterman mac中文版

    切图神器Cutterman for Mac是一款安装在Photoshop中使用的切图插件,cutterman插件支...

  • UI设计规范整理一iOS字体和切图及规范

    UI设计规范整理一iOS字体和切图及规范 UI设计规范整理一iOS字体和切图及规范

  • UI切图命名

    2017-3-04 UI文件命名规范常用字 正常:normal 选中:selected ...

  • UI切图要求

    提供公共规范文档 参照:https://www.designuuu.com/9348.html1:常规颜色2:常规...

  • PS切图工具——蓝湖

    PS切图工具——蓝湖 产品,设计一体化的前端开发工具,切图神器 https://lanhuapp.com

  • 安卓的切图规范

    Android UI 切图命名规范、标注规范及单位描述 很多UI设计师做APP切图都会有两套,一套是Android...

  • 嘿!设计师 | 前端们说的“雪碧图”是什么?

    通常来说,完成设计稿后设计师会使用设计软件中的切图插件来进行切图。用ps设计有切图神器cutterman,而设计新...

网友评论

      本文标题:UI上的切图神器

      本文链接:https://www.haomeiwen.com/subject/dkrekttx.html