App图标界面程序心路历程

UI / UI设计 / 手机界面 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:ssgttt

关键词
今年离职后,开始自己做ios app,一切从零开始,到今天的惨淡经营但苦苦坚持,画的一些icon,UI,心情,都跟大家分享一下。
刚入手的时候,在于看中store里排名常驻前50的一个闹钟app(Alarm Clock Pro)各方面并不怎么样,简单的以为凭一己之力可以挑战一下,便从闹钟类入手了。
其实app store里面闹铃类的应用起码有上千个,其中亦不乏优秀的,例如韩国棒子做的(Radio Alarm Clock)但是楼猪一一无视之,这是悲剧,也是后话了。
很快就制定了目标,指针式闹钟+数字式闹钟,闹铃可用iPod,网络电台,录音,功能就是闹铃+sleep timer(楼猪译成“入睡伴侣”了呵呵)
先上初版的软件界面:
 
 
软件界面
 
其中,图1是数字钟主题的运行界面,横向全屏幕显示,可以把iphone插在支架上模仿书桌钟,这基本是app store里闹钟软件的标准了,笔者自以为界面比其他人做得精细,其实是没有差异化。
创新还是有一些的,其一是顶部的滚动信息栏,为这个信息栏编写代码耗费了很多时间,究竟有没有价值,我自己也说不清楚,毕竟大部分人的做法都只是把相应的信息做成各种图标固定在界面上。
在项目管理的角度来看,第一版有否必要这么做呢?越早上线,越早修正迭代。另外,为了实现信息栏中的点阵字符组合,我把ascii里面100多个字符全部绘制成图片了,这个做法现在看来比较sb。。。但代码少写了一点。
 
图2是贪睡按钮,这个功能大家都懂吧?这里要讨论的是,贪睡这个按钮由于在使用需求中是应该最大化最容易按到的,但是为了ui上的实现,我把它相对做得小了,这里可能带来了不便。
另外,该软件宣传的是一种“能让你尽量不要睡懒觉”的主义,在另外的几个贪睡功能上也有所体现,所以决定下来还是这个样子。
 
图3是另外一个贪睡功能,摇晃手机=snooze,这个表现形式我自觉比较满意的,当然ui画得不是太好,只能怪自己火候未到了。
图4是在主界面上直接调频网络电台的样子,作为一个特色功能,或者这个远没有笔者心目中的那么有特色。。。开发者必须能转换到用户的角度、心态上,去感受自己的软件。
 
接着是另外一款主题:
 
 
 
 
 
这个款式的时钟80后的你应该觉得很熟悉吧?比较经典的款式,打的就是怀旧牌了。这个主题比较简单,没什么可圈点之处。
 
 
 
这是snooze时的情景。
 
 
 
模仿黑夜的“夜间模式”,虽然简单,但是笔者对这个主题的制作还是一丝不苟的, 毕竟app store里面的软件那质量是摆在那里,马虎不得。
紧接着谈谈图标,这个是相当重要的,虽然笔者只是开发到2.0版本,但是图标设计了3遍。。。
第一次设计的图标:
 
 
 
 
这里一个最大的错误在于自己给自己带的一个枷锁。总是认为图标的样子应该跟内在的ui有所呼应,甚至由ui的元素来构成,这令到图标的设计绑手绑脚,相信很多同鞋也有这个习惯。
结果就成了这个样子了。这个图标最大的缺点是不炫,一眼就看明白了该软件的功能(这其实也可以成为优点),一个指针式的闹钟,加一个莫名其妙的黑色板子,估计打开看的欲望都没有。
另外,摆在app store密密麻麻的图标当中,一点都不显眼。
 
上线在即,在采集了一些朋友的意见后,笔者狠下决心推倒重来。
这个是第二版,即已上架销售的 Alarm Clock 1.0 版本的图标,当然,这也是一个失败之作
 
 
图标
 
 
失败之处在于:
1. 还是没有走出上面的枷锁。
2. 这枚图标放大了看在很多细节的烘托之下还可以,缩小之后就没有可看之处了。图标固然要看细节,但是整体感觉更重要。
3. 色彩偏暗淡,在一堆app中还是没法子突出。
题外话,1.0 上线之前,再次面对自己的app,觉得诸多不足,于是再加入一个自然之音混音器的功能,可以用数种大自然、动物、人类活动的声音合成出一段音效。
这里面画了好多小图标。最后很多朋友反映这个才是最有趣的功能,无奈在ui或是宣传推广上,都没有太把这个功能当回事。。。
 
 
在经历了两个月的惨淡销售,两个月的潜心开发,2.0终于发布在即。
再谈个题外话,原来笔者走的是求稳路线,名字希望向大作靠拢,所以也叫做Alarm Clock,别人叫Alarm Clock Pro我就叫Alarm Clock Full(完整版)
这里又错了,事实证明这一点作用都没有,想通过关键字搜索沾点光,这个大家都想得到,反而令整个app从一开始就没一点特色。
因此,2.0 版本我便改名字叫Dr. Clock钟博士了。
首先上图标:
 
 
 
咋一看这也没有什么可看,内容上比上两枚都少,但我认为这样子却恰好可以突出关键内容,并且不过于直白(这是个时间类app软件,Dr表达的就是专业)
另外,鲜明的色彩便于脱颖而出。当然,最终市场反馈如何还不得而知,但个人认为比之前的两版好。
2.0版本当然不只是换个名字、改个图标,笔者花了很多精力打造了一款新主题。上点UI:
 
 
 
界面
 
其实也不是什么创新了,自从HTC引领这种计分牌风格(我实在不知道应该怎么叫,求解释)的计时UI后,android各个手机软件开发商都争先恐后地模仿。
但焦点实际都在天气效果上,对于这个计分牌本身,却并没有花多少精力推敲。这次我花了很多时间把这个ui做得更加写实。
天气方面,对于写实的太阳、月亮已经视觉疲劳,这次尝试了一下doodle的风格。
 
 
 
同时,原来的数字钟主题也做出了改进,可以调整成任意颜色。也加入了天气的点阵图案显示,这次狠下心来完全用代码实现点阵,顺便帮app减减肥。
另外还加入了新的贪睡小游戏。
 
 
 
 
 
到这里,2.0的开发告一段落。市场销售跟曝光率、推广手段息息相关。除非有apple的推荐或有特殊的推广渠道,否则还是难以取胜。
当然,产品做得好是基础,也应该是自己对自己的要求,希望各位有志在该行业发展的朋友们思量再三,你能否不断改进自己的产品?能否耐得住寂寞?App store 已经不再是一片红海,而是一片紫海了,上百万的软件,要想在其中分一杯羹,其实连养活自己都很难。再不能盈利,就要踏踏实实去找工作了。。。
 
虽然现实如此,但本着要对用户,对自己负责的态度,带着对这个行业的热爱,我还是会把app不断做好。共勉之。
 
app 的网站 http://www.gefostudio.com/dc
 
 
 

 

 收藏