“悦读”手机软件视觉界面设计+答辩PPT(2)

菜单

现在手机阅读类软件越来越多，但大多视觉效果单一，且界面操作体验繁琐，本设计画面简单清爽的。用大色块表现主要的功能图标，色彩清新明快，采用简单的用户界面元素，诸如按钮和图标，按钮和图标也采用简单的外形，大多为矩形。画面功能菜单简单不繁琐。

视觉界面设计也经过反复尝试对比，包括待机界面、主菜单、子菜单、以及下拉菜单的设计。字体是排版中很重要的一部分，和其他元素相辅相成，本设计中采用的是简单大气横平竖直的微雅软黑。源'自:751:"论-文'网www.751com.cn

另一方面，设计采用扁平化设计效果。放弃投影、透视、纹理、渐变等复杂的效果，设计中所有的元素的边界都干净利落，没有任何羽化，使画面具有鲜明的识别性，使元素间有清晰的层次和布局，较少的按钮和选项，使界面的视觉体验更加流畅。

3.1“悦读”手机软件视觉界面设计的功能框架设计

在本手机软件产品的设计中，其功能框架设计是整个视觉界面设计的骨架，因此，在“悦读”手机软件视觉界面设计之前的工作便是将功能框架进行设计。虽然“悦读”是一款阅读类产品，但是由于其作为一款手机软件，必然要联系到网络，因此，加强阅读体验中的社交性，在功能设置上不仅加入了书籍检索功能，还能利用网络搜索在你附近存有你所需书籍的图书馆和实体书店，更有分享及关注功能，注册并登陆以后可以关注附近的实体书店，有了新书会及时提醒你，也可以和好友分享你的阅读体验。“推荐”页面可以向你推荐热门的作者以及书籍、特价书籍、新上架书籍等。“我的”页面主要有“我的下载”、“我的购买”、“我的书架”、“我的订单”等。从“我的书架”可以进入到阅读界面，阅读界面的功能图标有“目录”、“进度条”、“书签”、“笔记”、“设置”等。“设置”中除了常见的字体字号设置外还可以查找生僻字等。通过理清它的结构框架，确保软件的整体一致性,也能够帮助自己整理思绪，使思路更加明确（如图1所示）。

4. “悦读”手机软件视觉界面设计的内容

我的设计内容主要分为以下几方面来介绍。主应用图标设计、界面控件中的应用图标设计、色彩应用、登陆页设计、书目检索界面设计、主阅读界面设计、书籍信息检索界面视觉设计等。

4.1 主应用图标设计

“悦读”手机软件视觉界面设计的主应用图标形象创作依据本手机阅读软件的职能、性质，提炼出图标的结构类型，依据产品的风格，确定色彩取向，列出了主应用图标所要体现的精神和特点，挖掘出相关的图形元素，找出主应用图标的设计方向，使设计工作有的放矢，而不是对文字图形的无目的组合。“悦读”手机软件视觉界面主应用图标的设计，采用的是图形图标，外形书本的形象，开门见山，直扣主题，取“悦读”二字的首字母，YD 转换成图形融入其中，二者统一成一个完整的整体（如图2 所示），这个主应用图标的构思之初就力求风格严谨，平直的几何形，纯净的配色。