发表于: 2019-04-23 21:32:33

1 890


今天完成的事情:尝试着开始做任务八,但是却发现在任务七当中存在很多问题。



明天计划的事情:任务七、任务八同步进行。



遇到的问题:无



收获:

上期讲了界面设计,我们设计完界面,就要开始切图和标注了。


一、切图工具和标注工具


1、切图工具:


Cutterman,一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS 6的已经不维护更新了。推荐安装官方完整版PS CC及以上版本,目前cutterman最新版为3.2.0版本。

Image title


Cutterman安装包和使用教程,请戳这里:《cutterman切图教程(设计师必备)》

Cutterman官方地址:http://www.cutterman.cn/


Assistor PS  也是一款PS的切图标注插件,也被誉为神器;我使用了下,感还可以,但是切图和标注上体验还是不高,但是Assistor PS的其他辅助功能还是很不错的,比如参考线辅助,圆角大小,磁铁功能。

Image title


2、标注工具:


PxCook(像素大厨),是一款切图标注设计工具软件。自2.0.0版本开始,支持PSD文件的文字,颜色,距离自动智能识别。


优点在于将标注、切图这两项设计完稿后集成在一个软件内完成,支持Windows和Mac双平台。标注功能包括:支持长度,颜色,区域,文字注释;从2.0.0版本开始,整体效率有了很大的提高,值得推荐的是自动智能识别标注。

Image title


PxCook安装包和使用教程请戳这里:《PxCook标注教程(设计师必备)》


Parker,和cutterman是同一家的,Parker能够自动计算尺寸、距离、文字大小、阴影、描边圆角、行高等信息,并按照你的需要进行标注, 它极大节省你标注的时间,大幅度提升设计效率。(U妹现在一直用Parker进行标注)

Image title


但是,parker并不是免费的,而是一款付费软件,需要60RMB。



Mark Man,也是一款高效的设计稿标注工具,支持 Win / Mac, 可免费使用基础功能,免费版的在体验上也是差强人意,毕竟是免费的,如果需要高级功能也是需要付费的60RMB。

Image title


以上工具各有优点和缺点,在选择上主要还是看个人的习惯,哪个用着顺手就选择哪个。


二、页面标注


标注是非常重要的,开发哥哥能不能完美的的还原设计稿,很大一部分取决于我们的标注;如果不清楚你该怎么标,一定要和开发哥哥沟通!


沟通是非常有效解决问题的途径!




返回列表 返回列表
评论

    分享到