UI培训
美国上市UI培训机构

400-111-8989

热门课程

一款APP的设计稿从设计到切图①-达内平面设计培训

  • 时间:2015-09-15
  • 发布:达内
  • 来源:达内

我没毕业的时候做游戏UI设计师的助理,毕业之后跑到北京做GUI设计师,现在做网页设计师了,工作三年,还算是新手吧。我觉得设计这东西不管你做的是移动端的产品也好,PC端的产品也罢,总归不是搞艺术,最后还是得为产品去服务,还是要配合着团队中方方面面的因素去设计。

我自认为没有那么好的逻辑能力,所以我只做GUI的设计。好多公司希望UI设计师能身兼多能,最好你连交互逻辑一起搞了,我个人还是认为“术业有专攻”,当然,牛B的人到处是,很多优秀设计师照样样样精通。

这个系列我打算站在GUI设计师的角度去把APP从立项到设计到输出切片的过程写一写,相当于工作流程的介绍吧,公司不同,流程不尽相同,但是终究还是对新人有所帮助……那就开始喽~

项目立项阶段:好一点的公司会把设计,程序,后台,测试等等相关人员拉过去共同沟通一下,产品经理会详细的把产品用交互原型展示出来,包括产品定位,市场需求,主打卖点,产品性质以及各个功能模块,跳转逻辑演示一下;之后评估完成时间,各部门协调配合,摊上这样的公司,你就庆幸吧,你的工作会轻松很多。这个阶段非常重要,基本上还有很多小型公司的设计师连产品都不了解,然后产品经理在所谓“核心成员”讨论后扔给你一个原型图,告诉你,画吧……

话不多说,既然接到原型了,那我们应该准备什么呢?看图~

一款APP的设计稿从设计到切图①-<a style='color:blue' href='http://www.tedu.cn/'>达内</a><a style='color:blue' href='http://ui.tedu.cn/'>平面设计培训</a>

在项目设计之初,就该进行项目归档整理,我的习惯是“项目名称+版本序列”点进去看看~

一款APP的设计稿从设计到切图①-达内平面设计培训

设计师不同,工作习惯也不同,找到最适合自己的分类习惯才是最好的。但是文件分类明确了,对后期版本迭代更新的帮助非常大,很方便就可以找到需要的文件。我个人习惯把不同类型的文件划分到不同类型的文件夹里,有的设计师习惯全都放在一个文件夹里,如果文件少还说的过去,如果页面过多,就知道这样的利弊了。

一款APP的设计稿从设计到切图①-达内平面设计培训

工欲善其事必先利其器,基本上GUI的界面设计用的最多的就是PS和AI了,版本无所谓,自己用着舒服就行,不过还是推荐版本高一点的,低版本的好多方便的功能都没有。

推荐PxCook这款标注软件,我不是做广告啊。我到目前位置还没用过苹果电脑,所以也不知道UI大神门口中的Sketch到底多神奇。这款PxCook算是我用着比较顺手的标注软件了,它标注很好用,但是切图有些鸡肋。

所以还是要看个人喜好了,虽然这款软件还存在着一些问题,当然,如果你有了更好的标注工具的话,更希望你推荐给我以及更多人。

推荐切图插件:Assistor PS 

推荐切图神器:cutterman

非常谢谢他们,推荐你们下载使用,看看哪一个适合自己使用。

这是PxCook的官网:FancyNode http://www.fancynode.com.cn/  可以下载先研究一下,很简单的一款标注软件,基本不用什么教程,摸一摸就会。

这一期先做准备工作,下一期开始打开PS吧……

上一篇:达内UI培训PS基础教程-29-使用图层复合
下一篇:一款APP的设计稿从设计到切图②-达内平面设计培训

可以用一张图片,制作一整套PPT

达内设计课堂 | 设计中加入感情元素,让设计暖到心窝!

选择城市和中心
贵州省

广西省

海南省

台湾