浅谈平面设计师如何转为APP设计师

浅

最近身边好多的平面设计师想转为APP设计师，通过我对APP设计的理解简单的介绍 一下我的思路，因为我是从网页设计师转的APP设计师，废话不多说，直接正题开始喽~

01、软件的熟悉运用

A：由于平面设计师平时做广告，海报，宣传册等类别的东西比较多，所以AI软件运用的应 该是相当的熟练的，这个值得表扬下，因为在做app的icon图标的时候就开始运用AI来做矢 量的(因为app的icon设计尺寸比较多，所以还是用AI做矢量的图标方便后期的运用)；
B：做app的界面设计的时候，运用PS的会比较多，因为在ps里面做完设计图之后还的配合 技术做界面的切图。

02、模仿优秀产品界面

A：首先了解的APP涉及到的平台有：Symbian、android、ios、ipad等，
B ：明确各个平台的尺寸大小，android的尺寸比较多，但是设计的时候要以“480*800” 的为基准，ios的尺寸有：320*480、640*960、640*1136，设计的时候要以“640*960” 为基准；
C：模仿其他产品举例说明(这里我用ios平台新浪微博的首页来做示范)；

a：首先把这张图在ps里面打开；
b：新建一个和这张图大小一样的文档，我运用的这张图片尺寸是“640*960”;
c：把各个模块拆分一块一块的去模仿，举例说明：

c1：状态栏不用设计，因为每个手机都自带一个，这个大家应该明白吧；

c2：导航栏目高度是88px，比如“亚茹有李”这几个字是水平垂直居中显示的；

这3个icon图标大家自己画或者从网上找素材，好多素材网站都 会有，至于icon的样式大家应该知道怎么添加吧；底部的导航条 左右顶端的2各角是圆角的，这个应该没有问题

c3：标签栏目高度是98px，每个icon图标的占的大小是128px，因为总的宽度是640px 让总的宽度除以5就是每个图标占的地方；

5个icon要么自己画，要么网上找素材，icon的图层样式自己模仿的去调整相应的参数； 这里记住一点就是：每个图表要设计2种样式，因为有一个是选中的一个是默认的状态， 例如黄色icon是选中之后的效果，灰色icon是默认的效果。

选中的背景的样式自己模仿的调整，红色的圆角的点自己做出来，标签栏目的底部背景 是左右底端为圆角，分别照着做出来就可以了。

c4：主体内容的拆分设计：
转发、评论、赞3个icon，分割线以及底部圆角的背景，模仿的一一画出来即可；

用户的头像，名称，时间，正文以及图片按照相应的位置一一的做出来，主体的 内容的大的背景是一个圆角的矩形背景 ；

03、打磨细节部分

通过以上的模仿，界面应该差不多雏形了，或许当你对比的时候发现不如人家的图界面设 计的好看，这个不用担心，因为你是第一次模仿关键是形成了思路才是最重要的，然后自 己，慢慢的去打磨细节的部分吧，争取和原图做的差不多。

04、反复的多练习

对app的首页，列表页，详细页，注册登录页面等等进行一一的模仿练习，等你模仿一套 产品所有的界面之后，我想你应该差不多明白app应该怎么设计了，通过反复的练习慢慢的 就会掌握属于自己的一套规律出来。

05、多看+多用+多研究

A：平时多看看别人的产品是怎么做的，多研究人家的产品为什么会这么做，这样做是不是 用户体验做的很棒啊，多和别人沟通交流互相学习；
B：网站现在也有很多app的源文件，比如目前流行的扁平化设计风格，多下载看看别人是 怎么做的，我相信时间长了你也慢慢的明白了app的精髓所在吧~

这篇文章只针对刚入门的新手，已经熟练掌握app的大侠请飘过，希望对大家有帮助，互相学 习沟通和交流~

谈平面设计师如何转为APP设计师