一款APP的设计稿从设计到切图①


  介绍一下工作流程以及后期切图资源的输出
  我印象中UI设计师这个职位好像是"呼"的一下就火起来了,这要得益于移动互联网的蓬勃发展。
  我没毕业的时候做游戏UI设计师的助理,毕业之后跑到北京做GUI设计师,现在做网页设计师了,工作三年,还算是新手吧。我觉得设计这东西不管你做的是移动端的产品也好,PC端的产品也罢,总归不是搞艺术,最后还是得为产品去服务,还是要配合着团队中方方面面的因素去设计。
  我自认为没有那么好的逻辑能力,所以我只做GUI的设计。好多公司希望UI设计师能身兼多能,最好你连交互逻辑一起搞了,我个人还是认为"术业有专攻",当然,牛B的人到处是,很多优秀设计师照样样样精通。
  这个系列我打算站在GUI设计师的角度去把APP从立项到设计到输出切片的过程写一写,相当于工作流程的介绍吧,公司不同,流程不尽相同,但是终究还是对新人有所帮助那就开始喽~
  项目立项阶段:好一点的公司会把设计,程序,后台,测试等等相关人员拉过去共同沟通一下,产品经理会详细的把产品用交互原型展示出来,包括产品定位,市场需求,主打卖点,产品性质以及各个功能模块,跳转逻辑演示一下;之后评估完成时间,各部门协调配合,摊上这样的公司,你就庆幸吧,你的工作会轻松很多。这个阶段非常重要,基本上还有很多小型公司的设计师连产品都不了解,然后产品经理在所谓"核心成员"讨论后扔给你一个原型图,告诉你,画吧
  话不多说,既然接到原型了,那我们应该准备什么呢?看图~


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


  工欲善其事必先利其器,基本上GUI的界面设计用的最多的就是PS和AI了,版本无所谓,自己用着舒服就行,不过还是推荐版本高一点的,低版本的好多方便的功能都没有。
  推荐PxCook这款标注软件,我不是做广告啊。我到目前位置还没用过苹果电脑,所以也不知道UI大神门口中的Sketch到底多神奇。这款PxCook算是我用着比较顺手的标注软件了,它标注很好用,但是切图有些鸡肋。
  所以还是要看个人喜好了,虽然这款软件还存在着一些问题,当然,如果你有了更好的标注工具的话,更希望你推荐给我以及更多人。
  @wzhow 给我推荐切图插件:Assistor PS
  @CanYo  给我推荐切图神器:cutterman
  非常谢谢他们,推荐你们下载使用,看看哪一个适合自己使用。
  这是PxCook的官网:FancyNode   http://www.fancynode.com.cn/    可以下载先研究一下,很简单的一款标注软件,基本不用什么教程,摸一摸就会。
  这一期先做准备工作,下一期开始打开PS吧
下载论坛APP
一款APP的设计稿从设计到切图①

分享一些PS使用中的小技巧

一款APP的设计稿从设计到切图①

国外明星米歇尔亨齐克官方网站网页设计欣赏

一款APP的设计稿从设计到切图①

设计大仙Mike网页设计集锦

一款APP的设计稿从设计到切图①

国外摩托车出租网站网页设计欣赏

一款APP的设计稿从设计到切图①

插画式酒类调查网站网页设计

快速回复 返回顶部 返回列表