继上次的UI项目作业——设计一套扁平化图标,我们又接到了UI的第二个项目作业——设计一个APP

吃一堑长一智,这次的项目,在老师刚公布的时候,我就开始了准备
一、选定制作APP的类型
不假思索,就做WordPress客户端的个人版吧
二、对IOS版WordPress界面截图
三、绘制APP整体框架结构
红点代表页面数

四、确定颜色搭配与风格
其实WordPress的搭配风格挺好看的,蓝色、灰色、白色

五、确定手机的制作尺寸规范
按照IOS设计规范进行设计IOS官方设计规范
六、对APP进行模仿与再加工
其实我更多的是模仿,再加工是比较少的,因为软件本身其实已经很完美了,我只是剔除了非个人类的页面和相关的设置
七、设计启动图标
这就比较有意思了,启动图标肯定得和我blog图标一致,这就得说到我blog图标的来源,随带还得提一下我英文名的来源
英文名的来源:中二少年百度生成,不记得是几年前(貌似是小学)百度找到了一个英文名生成网站,输入中文名,生成了“xavier”这个名字,寓意“光辉的,明亮的”,当时觉得不错,然后就这么定了下来。
blog图标的来源:图标就是来源于英文名,取首字母“X”,“X”表示未知、无限,X还有“目标”和“希望” 的意思,挺不错的,又这么草草的定了下来,然后上网找“X”字母的图,就找到了这张图,不过网上的是红色的,我用AI描摹了一遍改成了蓝色。
启动图标当然得和blog图标一样,不过前期更改blog图标的时候还是比较随意,没有讲究色彩的搭配,做这个项目的时候觉得logo的色彩搭配还是得改改,遂参照上面的颜色搭配进行了修改,便有了现在的logo。
八、制作交互
墨刀制作的交互
九、测试与整理
主要是整理相关的资料,整个项目昨晚产生了很多个版本的文件,也有很多文档资料需要整理汇总。
十、心得感悟
前期的准备工作给我后期的设计提供了很大的帮助,这次的UI项目作业也不像上次的那么敷衍了事了,真的是付出了挺多的时间与精力,并且结合了Android开发课程,尝试将软件开发出来,不过这是一个很庞大的工程,个人的努力已经实现了部分功能,但是依然有较远的路需要走。整体上这次UI项目让我更加懂得了前期准备的重要性,也让我在这次的作业中看到了自己的很多不足,后期有空我会尝试完成这个APP,但是可能不会放出来,只会自己使用。
感谢阅读本篇UI项目作业——设计一个APP