更多课程 选择中心


UI培训

400-111-8989

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

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

我没毕业的时候做游戏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 #/  可以下载先研究一下,很简单的一款标注软件,基本不用什么教程,摸一摸就会。

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

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

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

PS教程之使用PS快速做长图

在UI设计中,如何让你的UI设计更有个性?

UI设计免费自学教程分享

达内教育面向全国用户提供免费课程!(文中申请)

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
贵州省

广西省

海南省