—— DIV+CSS网页切图 ——

系列|一款APP设计的从0到1:切图标注篇添彩网

  《一款APP安排的从0到1》这是一篇系列著作干货,前次U妹讲的是闭于APP项目立项、预估功夫和界面安排篇,即日U妹来说一下,界面切图标注。

  Cutterman,一款PS的插件,切图很是轻易,但不支撑绿色免安置版本PS,并且对PS版本央求较量高,针对CS 6的依然不庇护更新了。推举安置官方完好版PS CC及以上版本,目前cutterman最新版为3.2.0版本。

  Cutterman安置包和行使教程,请戳这里:《cutterman切图教程(安排师必备)》

  Assistor PS也是一款PS的切图标注插件,也被誉为神器;我行使了下,感还可能,可是切图和标注上体验仍旧不高,可是Assistor PS的其他辅助功效仍旧很不错的,例如参考线辅助,圆角巨细,磁铁功效。

  PxCook(像素大厨),是一款切图标注安排器材软件。自2.0.0版本动手,支撑PSD文献的文字,颜色,隔绝主动智能识别。

  好处正在于将标注、切图这两项安排脱稿后集成正在一个软件内已毕,添彩网支撑Windows和Mac双平台。标注功效征求:支撑长度,颜色,区域,文字说明;从2.0.0版本动手,集体恶果有了很大的抬高,值得推举的是主动智能识别标注。

  PxCook安置包和行使教程请戳这里:《PxCook标注教程(安排师必备)》

  Parker,和cutterman是统一家的,Parker或许主动谋略尺寸、隔绝、文字巨细、暗影、描边圆角、行上等音讯,并遵循你的必要实行标注, 它极大节俭你标注的功夫,大幅度提拔安排恶果。(U妹现正在连续用Parker实行标注)

  Mark Man,也是一款高效的安排稿标注器材,支撑 Win / Mac, 可免费行使根底功效,免费版的正在体验上也是差英雄意,终究是免费的,假如必要高级功效也是必要付费的60RMB。

  以上器材各有好处和差错,正在选拔上要紧仍旧看局部的习气,哪个用着就手就选拔哪个。

  标注吵嘴常紧要的,开采哥哥能不行完善的的还原安排稿,很大一局限取决于咱们的标注;假如不了然你该如何标,肯定要和开采哥哥疏导!

  正在这里我大致的说一下我的标注习气,不必要将每一张成就图都实行标注,你标注的页面能保障开采能把每个页面都能顺手实行就可能了。

  注:标注颜色式子是行使16进制(如:#FF0000),仍旧RGB(255,0,0)?你必要和开采哥哥斟酌一下,开他的开采习气,寻常采用16进制色值就好了。

  可能轻易的意会为倍数闭联,假如你行使750x1334px(iPhone 6/6S/7)尺寸做安排稿,那么切片输出即是@2x,缩小2倍即是@1x,扩张1.5倍即是@3x了。

  闭于切图和标注就说到这里了,假如正在职责中,不了然该如何切如何标的期间,众和开采疏导调换,精良的疏导才是治理题目的独一设施,切记不要一局部正在那瞎琢磨;有疑难和题目题也可给U妹留言,咱们下期再睹!

  作家:U妹,一个不要命的UI安排师,等你,来撩妹哟。微信公家号“UI妹儿”(ID:UIfaner)

  人人都是产物司理(是以产物司理、运营为主旨的研习、调换、分享平台,集媒体、培训、社群为一体,全方位任事产物人和运营人,兴办9年举办正在线+期,线+场,产物司理大会、运营大会20+场,掩盖北上广深杭成都等15个都邑,内行业有较高的影响力和着名度。平台鸠集了繁众BAT美团京东滴滴360小米网易等着名互联网公司产物总监和运营总监,他们正在这里与你沿途滋长。

Copyright © 2002-2019 添彩网网络科技有限公司 版权所有 网站地图