在界面整体的感官上,我希望在保持其美观与易用性的前提下,改变其整体的界面构架,重新设计,为用户带来全新的视觉感受。将ICON和主界面重新设计,并通过flash简单的as代码,完成简单的手动展示效果。新增全新的快捷操作按钮,增加其软件应用的特色与互动性。
2 具体设计过程
2.1 终端设备的选择
介于本次设计的是旅行产品,在设备选择上,我作放弃过大,过重的ipad4以及9英寸以上的平板电脑,同时,由于ipad mini的出现,7.9英寸的小型平板电脑在携带性与观赏性上更为出色,能够大图展现大部分网友上传的风景图片的同时,也不至于太过沉重的机身在旅途重为用户打来负担。
因此,此次课题的界面尺寸大小,我以ipad mini 的大小作参考,定为1024x768 px。
2.2 ICON的相关设计与构想
2.2.1 ICON的设计
icon(1) icon(2)
这次APP产品的 ICON我分别尝试做了2个,初衷是将ICON在原有的尺寸下,尽可能地作得更为精致,内容丰富,但丰富的界面图标,无疑会遇到一个最常见的问题,那就是由于界面过小而导致细节上的丢失,甚至由于过于复杂,而导致视觉上的混乱,看不清楚。因此基于以上原因,我突发奇想地设计了两个具有关联性的 ICON,icon(1)用于推送界面与ipad mini的主界面,而icon(2)用于软件的loarding界面,并且,两个节面形成一个未打开和打开后的口袋状态,表示,为进入前,有着低调而无法隐藏的精彩,而打开后,更是精彩无限。
2.2.2 ICON在界面中的不同应用
icon(1) 在推送界面的应用效果
推送界面的设计理念:
软件会根据你所在的位置,为用户提供可选择性的周边景点信息。在旅行者身处一个完全陌生的城市之中,若没有导游,甚至语言不通时,软件会为用户提供定位服务以及3km内景点提醒,使得用户尽量不错过任何一次宝贵的旅行体验。
推送信息文案: 您现在位于建国中路115弄3号,4号,上海市徐汇区田子坊景区附近,您的当前位置距离田子坊还有165米。
icon(1) 在ipad mini主界面的应用效果
icon(1) 在Loarding界面的应用效果
2.3 整体界面的设计与构想
2.3.1 登录注册界面的设计
登录界面以及其布局
登录界面的设计理念:
登录界面以一大张暖色的夕阳风景壁纸垫底,暖红色的色调能够给用户带来平稳和宁静的心境,同时,夕阳也是所有阳光中,最为温和不刺眼的阳光,从视觉的角度上讲,不会因为过于刺眼出挑,而给用户带来用眼的疲劳,可帮助用户顺利地完成整个注册与登录的过程。
布局上,将主要信息内容居中,次要内容分别放于左右两个下脚。这是复合整个阅读的流程与习惯的。并且,实用性的“contact us”和“cancel”按钮放在下方,也更有助于用户触碰点击,在操作上也符合大多数用户的一贯操作习惯。
此理论可借鉴1.2中,三种旅行APP产品的整体布局
字体上选择:方正细黑一简体 (因为该字体更接近与苹果固有字体)
CREATE界面 LOGIN界面
CONTACT 界面
2.3.2 开场界面的设计
开场界面模仿Google Earth的形式,以地球旋转至放大,整体视频通过ps中的3D功能制作,(3D→从图层新建形状→球体)将jpg图层球体化,并运用ps中的动画功能,利用3D旋转相机和3D缩放相机功能,制作120帧的动画avi文件,并最终转制成flv文件,导入flash中。
- 上一篇:笔触的张力与材料的肌理之美的组合效应《山脉》系列
- 下一篇:绿色创意植物品牌设计的思考
-
-
-
-
-
-
-
浅析中国古代宗法制度
C++最短路径算法研究和程序设计
中国传统元素在游戏角色...
江苏省某高中学生体质现状的调查研究
g-C3N4光催化剂的制备和光催化性能研究
巴金《激流三部曲》高觉新的悲剧命运
NFC协议物理层的软件实现+文献综述
现代简约美式风格在室内家装中的运用
高警觉工作人群的元情绪...
上市公司股权结构对经营绩效的影响研究