在界面整体的感官上,我希望在保持其美观与易用性的前提下,改变其整体的界面构架,重新设计,为用户带来全新的视觉感受。将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中。 界面设计应用的研究以及Travel Map 的设计和说明(3):http://www.751com.cn/yishu/lunwen_337.html