Android程序用户界面的设计与开发

Android程序用户界面的设计与开发

摘要

安卓智能凭借其优越性和易操作性，越来越大众化。然而，为了脱离庸俗化和单一化，安卓程序用户界面的美观设计越来越显重要。可以说，谁设计出引人注目的安卓程序用户界面，设计出具有极强的用户个人主义色彩魅力的界面，谁就占领市场。

关键词：安卓，界面，设计

一 .现况

目前，智能手机已经成为人们生活的必备工具，随着手机4G时代的到来，智能手机将会与我们的生活结合的更加紧密，得到更广泛的应用，因此围绕智能手机的相关应用产品的研发也将得到了快速的发展。特别是安卓系统的开发。Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。

因此，安卓手机相关应用产品界面设计的优劣，是目标用户是否使用该手机以及相关应用软件的重要环节，所以近来围绕安卓手机用户体验设计的研究越来越多，智能手机交互界面动效设计研究就是其中的一项。安卓手机界面设计的动效，是界面从一个静止界面转换成另外一个静止界面之间的动态的转场效果，通过这样的动态转场效果是可以增进使用者对于某款手机或者某个软件以及游戏与娱乐项目的兴趣，起到促进手机、手机应用软件和游戏娱乐项目的销售，赢得客户青睐和信任的

作用。原先，安卓手机的界面只有简单的链接，是因为“动效”对手机硬件的运算速度要求较高。然而，随着4G智能手机的普及，手机的硬件运算速度大幅提升，内、外存储器的容量加大，致使手机动效的实现成为可能。

现在，有关安卓程序用户界面的开发的设计师还在少数，特备是专业的前端UI设计大师更是寥寥无几。毕竟动效设计具有一定的艺术性和技术性的难度。而如若掌握一定的安卓网页美工的知识并将之投入工作中，在目前市场上是极具优越性的。

现在介绍下如何运用Bootstrap来快速设计出简约美观的安卓程序界面。

二.Bootstrap的应用

2.1.Bootstrap的介绍

Bootstrap是Twitter的设计师Mark Otto和Jacob Thornton合作开发，是目前很受欢迎的前端框架。它是基于HTML、CSS、JAVASCRIPT 的，简洁灵活，使得 Web 开发更加快捷。它是一个CSS/HTML框架。

下面是基于bootstrap的ace一组控件的封装框架的截图：

而安卓版本的bootstrap样式库的显示效果如下：

2.2.bootstrapbutto的使用

其配置如下：配置属性解释如下：

bootstrapbutton:bb_type="default"

按钮的具体类型，分别为：default、primary、info、success、warning、danger，inverse

bootstrapbutton:bb_icon_left="fa-heart"

bootstrapbutton:bb_icon_right="fa-trophy"

分别为按钮的左右图标，图标由Font-Awesome提供。

bootstrapbutton:bb_roundedCorners="true"

按钮是否为圆角，true表示为圆角。

android:enabled="false"

按钮是否正常响应事件，为false表示按钮被禁用。

bootstrapbutton:bb_size="large"

按钮的大小，分别为：xsmall、small、default、large。

android:textSize="12sp"

按钮显示字体的大小。

2.3.BootstrapEditTe的使用

输入框也是使用最为频繁的控件之一，其配置如下：

2.4.缩略图的使用：

而缩略图分为两种，一种是方形的缩略图BootstrapThumbnail，另一种是圆形的缩略图BootstrapCircleThumbnail。在此，其配置的编程就不一一介绍了。

2.5.FontAweesomeText的使用

其是用来显示Font Awesome T字体图标的。

注册登录页面如下：

三.个人总结

结合个人的使用感受，ADT自带的界面编辑器对于自定义控件的展示不够友好，尤其是Android-Bootstrap，在初次创建工程并配置界面时不能正常展现，需要重新启ADT后才能正常展示。在编辑界面过程中也经常会出现绘制异常，所以使用Android-Bootstrap能够在获得简约美观的界面，但是使用的过程却体验不佳。

参考文献

（1） Android智能手机交互界面动效库的设计与实现——于迪

（2）基于Android技术的界面设计与研究——赵亮，张维

（3）基于用户心理模型的Android Widget界面设计研究——赵玉航（4） android手机界面管理系统的设计与实现——孙晓宇