夜凄美 发表于 2015-11-11 19:35:17

论新手如何单独完成一款APP的设计


http://pic.16xx8.com/allimg/151106/0245515424-0.jpg
这是公司现在准备推的优品商城APP版。市面上的商城APP,例如天猫、京东、亚马逊、唯品会等等都已经养成了一定的用户习惯,所以在一开始设计APP的时候,被要求既不能大幅度打破这些人们熟知的用户习惯,又要做出自己的特色,这是这次设计的难点所在。而公司特色就是分销返利系统,那就紧抓这个核心猛艹就对了。
http://pic.16xx8.com/allimg/151106/024551EV-1.jpg
第一次做APP,完全是两眼一抹黑啊,也没人教T.T那既然人傻,就多看别人的呗,把前戏做足了!从《iOS 8人机界面指南:UI元素与设计尺寸》、《IOS ui设计常用尺寸及基本知识》、《ios8 设计快速参考指南》等等设计规范,到天猫、京东、苏宁、唯品会、亚马逊、掌上管家等等APP,再到Flyme4的设计、ios9的设计,网上的优秀设计,甚至是一个WIN10界面窗口旁的一圈描边也能给予我极大的联想创意。前戏时间越多,后面发力起来越带劲(个人感受")可能有一些同学对“抄”这个词比较忌讳,感觉就是要做自己的东西。这个我觉得还是要按照具体需求来,如果是极具个人特色的APP,的确应该如此。但是这种比较大众化的APP,还是随着大众来会比较好。况且精细地去解读学习人家的优秀设计,才能知道自己的不足所在。
http://pic.16xx8.com/allimg/151106/0245515206-2.jpg
ICON很重要!(真的很重要,再说一遍!)如果说布局是一个人内在,那ICON就是那巨大的欧派!70年代的名人祖尔金的名言“我最厉害”,套用在ICON身上最合适不过了。不过画ICON的确是一件很折磨人的事。赞美扁平化,让这一工作变得没有那么繁琐。前期就是多试试,保存下每一次不满,说不定会突然发现“我了个艹,这个不错”,然后抓住这个特点,猛艹就好了。
http://pic.16xx8.com/allimg/151106/024551M31-3.jpg

http://pic.16xx8.com/allimg/151106/024551K08-4.jpg
这里推荐使用最新的PS CC2015版本,画板功能在做多页面的时候很赞,不容易偏离主体风格。不过对电脑要求比较高,我的小笔记本跑的要死要活的。其实做不同页面最简单的做法还是死抓一个要素,可以是一种颜色或多种搭配的颜色,或是框体风格,甚至可以是你之前画的ICON风格等等。只要让人一看有统一感即可"
http://pic.16xx8.com/allimg/151106/0245515U4-5.jpg
这次制作周期较长,准备工作做得比较足,最终效果还是可以接受的。不满之处当然有很多,比如部分ICON画的整体性不足,没有制作动效等等,但毕竟是自家的孩子,而且还是大宝贝,我个人还是很喜欢的"也欢迎大家多说说坏话。老家有一种习俗,对着别人家的孩子说鄙俗之语,孩子长大了反而会反着来。做设计不也是这样嘛?
http://pic.16xx8.com/allimg/151106/024551B37-6.jpg

最后跟大家一起探讨一个标线的问题因为安全框,所以我们画的图标肯定要小于真正的尺寸,如图中的红色ICON。而外围灰色部分则是他的真正大小。但是在标尺寸的时候,我见过一些人的做法是就是上图的蓝线,直接拉到ICON身上。这样做就是方便。而我认为应该像最正确的做法应该是绿线,但这无疑加大很多工作量,因为ICON外围是透明的,在PS中不显示,需要额外再画出真实框体。跟公司的程序员讨论,他一开始是让我标蓝线那种,我跟他讨论有以后,又觉得绿线更合理。。。有点不大靠谱大家是怎么看这个问题的呢?作者:linpeichu 出处:站酷
页: [1]
查看完整版本: 论新手如何单独完成一款APP的设计