软件界面设计之界面设计

在漫长的软件发展中，APP界面设计工作一直没有引起重视。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与计算机的距离，为商家创造卖点。

不同手机屏幕的界面构成如图1.45所示。

图1.45  不同手机屏幕的界面构成

页面布局是一种艺术，如何分配空间和组织构架是一门高深的学问。随着软件应用的普及，人们对其要求也逐步提高，客户不止看中其功能实用性，更是需要UI来提升用户体验感，在享受软件操作带来的方便之余，也能享受其美观性带来的愉悦感。

界面布局设计欣赏如图1.46所示。

图1.46

下面，来看一下APP界面设计。

1）UC浏览器

UC浏览器的主界面包括自定义导航和常用网址，左右滑动可轻松切换至书签和UC服务这两个辅助页面。地址栏和搜索功能分开，搜索功能的默认引擎可按需要自己调整，地址栏具备一定的搜索功能，可调用搜狗引擎进行搜索。

UC浏览器界面如图1.47所示。

图1.47

2）百度浏览器

百度浏览器的主页面就是九宫格，提供常用网址和网站分类，并配以手机导航和搜索风云榜这两个辅助页面。如果采用智能地址栏，就只支持百度搜索。

百度浏览器界面如图1.48所示。

图1.48

[作者分享]

软件的界面相当于人的整体外表、气质等。当然，软件界面的美观与否也直接影响着使用者的心情，进而影响其对此软件的直观印象。而那些所谓的强大的功能是在使用者喜欢这款软件之后再考虑的问题。功能菜单的布局合理与否，取决于是否符合大众的使用习惯，也直接影响着使用者对此软件的喜爱度。如果软件的各项功能菜单布局不合理，不符合大众习惯，那么即使它有非常强大的功能，使用者也不会用，进而也就发挥不出软件的本身作用。所以，界面的布局也是非常重要的。

1.6.1  导航栏

导航栏的设计是 APP 设计发展过程中很值得玩味的地方。由于移动设备特别是智能手机的屏幕尺寸有限，设计者通常会将屏幕空间尽量留给主体内容。因此，优秀的导航栏设计会让用户轻松到达目的地而又不会产生干扰和困惑。

优秀的手机导航栏设计如图1.49所示。

图1.49

手机导航栏可分为基本导航栏、个性导航栏、提拉式导航栏、旋转式导航栏等。

基本导航栏设计如图1.50所示。

个性导航栏设计如图1.51所示。

图1.50

图1.51

提拉式导航栏设计如图1.52所示。

旋转式导航栏设计如图1.53所示。

图1.52

图1.53

1.6.2  屏幕栏

屏幕栏主要由窗口、菜单、图标、按钮、对话框等组成。窗口是指屏幕上的一个矩形的区域，可以说是最主要的界面对象。设计者通过它组织数据、命令和进行控制，并呈现给用户。

屏幕栏中的各项显示如图1.54所示。

图1.54

窗口一般由下列几个部分组成：标题栏、菜单栏、滚动条、状态栏和控制栏。利用窗口技术，大文件就可以用滚动的方式在一个窗口中显示，不需要用多幅屏幕来显示一个文件，这样就大大提高了人机交互作用的能力。

1）菜单

菜单是一种直观且操作简便的界面对象。它可以把用户当前要使用的操作命令以项目列表的方式显示在屏幕上供其按需选择。菜单不仅可以减轻用户的记忆负担，而且非常便于操作，由于击键次数少，产生的输入错误也就少。从系统角度看，菜单模式更易于识别和分辨。

2）图标

图标是多媒体课件中最常用的一种图形界面对象，它是一种小型的、带有简洁图形的符号。它的设计是基于隐喻和模拟的思想。隐喻是通过具体的联系来表达抽象的概念，通过实物形象来代表抽象的思想。图标用简洁的图形符号模拟现实世界中的事物，使用户很容易和现实中的事物联系起来。

1.6.3  下方按钮栏

手机下方按钮对整个APP的制作都是非常重要的。下方按钮主要包括文字输入、主页、返回键等。

手机下方按钮栏如图1.55所示。

图1.55