#UI#项目作业——设计一个APP

继上次的UI项目作业——设计一套扁平化图标,我们又接到了UI的第二个项目作业——设计一个APP
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

#UI#项目作业——设计一套扁平化图标

这学期有一门《UI界面设计》的专业课,4月16日收到老师布置的如下作业

UI项目作业

要求

  • 1. 锁屏壁纸
  • 尺寸:1080*1920 像素 (宽 * 高)
  • 格式:jpg
  • 2. 锁屏样式
  • 请选择下列样式中的一种进行设计

输出要求

  • 图标尺寸:144*144 像素 (宽 * 高)
  • 格式:PSD,jpg
  • 每个图标切图XXHDPI大小(png)
  • 制作设计说明文案(ppt)

–主题定位
–图标设计说明

由于我拖延症已经晚期了,所以作业是在还剩4天(其中有三天是五一劳动节)的前提下赶出来的。

图标参照了IOS 11.3.1与小米MIUI 9默认主题,素材多出自小米主题商店

整体设计比较中规中矩,比较平庸,没有什么特色,让老师都挺失望的,??

锁屏界面主屏第二屏

下面放一波图标辣辣眼睛?

拨号
拨号
联系人
联系人
短信
短信
浏览器
浏览器
相机
相机
图库
图库
音乐
音乐
主题
主题
日历
日历
设置
设置
文件管理
文件管理
应用商店
应用商店
备份
备份
时钟
时钟
收音机
收音机
电子邮件
电子邮件
系统更新
系统更新
下载管理
下载管理
天气
天气
录音机
录音机
手电筒
手电筒
指南针
指南针
便签
便签
计算器
计算器
安全中心
安全中心
地图
地图
视频
视频
密码保护
密码保护