论文部分内容阅读
摘 要：随着科技的高速发展，基于人工智能技术下的图像识别技术已经渗透到了人们日常生活中的方方面面，在遥感图像识别、生物医学、金融购物等领域大放异彩。在移动“互联网 +”时代，终端用户在使用图像识别软件时，会更倾向于将界面设计合理且具有良好使用体验的软件留在自己的设备上。针对这种情况，本文在移动端图像识别软件的UI视觉设计方面展开研究以求满足用户要求，为社会提供便捷实用的UI设计方案。
关键词：UI设计;手机界面;图像识别;人工智能
一、研究背景
在移动互联网、社交网络和智能手机高速发展的当下，图片正逐步成为互联网中的主要信息载体，但圖片在带来了快捷的信息记录和分享模式的同时，也加大了信息检索的难度，因而图像识别技术在这种环境下就显得尤为重要。为了实现用户与图像识别软件的良好交互，合理的UI设计必不可少。
UI设计是一个软件能否吸引用户使用的要素之一。当图像识别技术与现实相融合时，只有成熟的技术条件是不够的，若缺乏简便实用的操作方式则不能将其功能性充分表现出来，进而降低用户的使用体验，影响应用的推广和留存。
二、图像识别技术
图像识别技术是指利用计算机对图像特征进行提取和识别，并对其进行分析以识别目标的技术。在图像识别过程中，知觉机制在过滤掉多余的输入信息后提取并整合主要特征信息，然后逐步将获得的信息整合成完整的知觉映象。
近年来，计算机深度学习的准确性和效率的上升为物体辨识提供了技术保障，云计算平台的大数据处理则为图像识别技术提供数据支撑。如今已经有了许多可以使用的深度学习框架，使得构建深度学习应用的难度降低，基于深度学习的图像识别系统可以取得很好的效果。[1]
三、UI设计流程
1.设计应遵循的准则
自交互式计算机发明开始，就已经有人尝试着确立UI设计领域的准则，来推行良好的设计。UI设计的通用设计准则包括：保持界面的一致性;置界面于用户的掌控之下;提供信息充足的反馈;减轻用户的记忆负荷;错误预防。
2.设计准则的三大要素
（1）统一性原则
UI设计的统一性主要体现在三个方面，即设计目标的一致性、外观元素的一致性、交互形式的一致性。一个软件可能由多个设计元件所构成，设计元件之间的功能也可能有所差异，但不同的设计元件之间应该保持统一的风格，避免撕裂感，即设计目标的一致性。外观元素的一致性是用户感受最为直观的部分，UI设计中要注意维护用户的视觉统一。交互形式的一致性主要体现在对于大多数的操作提供统一的交互方式，减轻用户的认知及记忆负荷。[2]
（2）可用性原则
为了确保可用性，首先要确保UI设计简洁明了。各个交互元素对应的是用户期望实现的的各项功能，因而要确保这些元素能够被用户简单的掌控和把握，减少用户理解以及操作错误的情况。其次是要可控性。用户在使用软件之时，应用的交互和功能的执行要允许用户自己把控。
（3）合理性原则
应用的交互界面的的整体效果和交互模式应当符合合理性的原则。应用的核心功能应放在显眼位置，操作避免繁琐复杂。当用户进行了误操作时，应用应当弹出警示信息要求用户确认操作。
四、设计实例—搜奇选妙APP（购物社区）
1.排版与布局
排版设计是对界面中所有的画面、图形、文字、图标以及按钮等元素的位置、大小、间距的组合搭配，从而合理有效地传递出产品所表示的信息。以下是本软件中用到的几种界面排版标准：
满版型：满版型可以展示大量的图像画面，并通过文字对图片进行一些必要的说明，常用于购物类的软件和图片分享界面之中。
骨架式：骨架式的界面设计十分严谨与合理，版面中图像画面和文字排版比例固定，给人的视觉观感清晰条理。
布局设计即界面设计中组织、安排界面各元素之间的相互关系的整体性设计构思。下面是本软件中用到的几种布局方式：
行为扩展式：应用于有分类需求的界面设计中，可以在有限的界面内容中放置更多内容，不需要额外进行跳转操作。
旋转式：这种布局方式是通过滑动页面来切换不同页面，多用于图片展示。
2.界面色彩
界面的色彩是软件展现给用户的第一印象。因为色彩具有敏感性，所以常常被用来代表独特性质的隐喻。搜奇选妙APP（购物社区）的界面，经过对产品定位的剖析，选用蓝色作为APP的主色调，蓝色能够给人以宁静、深沉、智慧的感觉，同时也是高科技产品中常用的颜色，符合产品气质。
3.文字与字体
在进行UI设计中的字体字号选择时要讲究统一协调，从APP 有界面的全局考虑，同时要考虑到手机的分辨率和操作系统的默认字体之间有差异的问题。一般正常的字号设置为30像素，这是最利于人们舒适地长时间浏览的字号大小。同时，根据不同的要求，软件的字体和字号也要做出相应的改动，以起到警示提醒作用。
4.图像与图标
图像通常是用户界面设计中的视觉焦点，其视觉感染力最为显著。在软件UI设计中，图标设计具有较高要求，图标和UI设计是技术与艺术的联结，精致美观的图标设计能给用户带来清新舒适的视觉感受。图标的设计应与全局相协调，格调一致。活泼且精致的图标方案能够引起用户瞩目，起到画龙点睛的效果。[3]
五、结语
具有明确的UI设计界面将会影响用户的使用体验与使用率。从新的思维方式角度出发，设计一个更符合用户体验和用户行为的界面设计，可以更好地缩短用户寻找目标功能的时间，快速完成识别行为，提高用户体验，最终帮助用户完成图像识别，提高软件的知名度和利用率。因而，基于人工智能技术下的移动端图像识别软件的UI视觉设计研究既有理论价值又具有实际意义。
参考文献：
[1]王德廉.基于深度学习的图像识别系统的设计与实现[D].海南大学2018.
[2]杨文鹏.智能化校园网络互动社区的设计研究—以哈密师范学校为例[D].华东理工大学2015.
[3]陈丹.面向传统行业的物联网UI设计研究[D].南京林业大学2017.
基金项目：
本文为山东工商学院大学生创新创业项目：“基于人工智能技术下的搜奇选妙APP（购物社区）研究”（编号116882019093）的研究成果。
关键词：UI设计;手机界面;图像识别;人工智能
一、研究背景
在移动互联网、社交网络和智能手机高速发展的当下，图片正逐步成为互联网中的主要信息载体，但圖片在带来了快捷的信息记录和分享模式的同时，也加大了信息检索的难度，因而图像识别技术在这种环境下就显得尤为重要。为了实现用户与图像识别软件的良好交互，合理的UI设计必不可少。
UI设计是一个软件能否吸引用户使用的要素之一。当图像识别技术与现实相融合时，只有成熟的技术条件是不够的，若缺乏简便实用的操作方式则不能将其功能性充分表现出来，进而降低用户的使用体验，影响应用的推广和留存。
二、图像识别技术
图像识别技术是指利用计算机对图像特征进行提取和识别，并对其进行分析以识别目标的技术。在图像识别过程中，知觉机制在过滤掉多余的输入信息后提取并整合主要特征信息，然后逐步将获得的信息整合成完整的知觉映象。
近年来，计算机深度学习的准确性和效率的上升为物体辨识提供了技术保障，云计算平台的大数据处理则为图像识别技术提供数据支撑。如今已经有了许多可以使用的深度学习框架，使得构建深度学习应用的难度降低，基于深度学习的图像识别系统可以取得很好的效果。[1]
三、UI设计流程
1.设计应遵循的准则
自交互式计算机发明开始，就已经有人尝试着确立UI设计领域的准则，来推行良好的设计。UI设计的通用设计准则包括：保持界面的一致性;置界面于用户的掌控之下;提供信息充足的反馈;减轻用户的记忆负荷;错误预防。
2.设计准则的三大要素
（1）统一性原则
UI设计的统一性主要体现在三个方面，即设计目标的一致性、外观元素的一致性、交互形式的一致性。一个软件可能由多个设计元件所构成，设计元件之间的功能也可能有所差异，但不同的设计元件之间应该保持统一的风格，避免撕裂感，即设计目标的一致性。外观元素的一致性是用户感受最为直观的部分，UI设计中要注意维护用户的视觉统一。交互形式的一致性主要体现在对于大多数的操作提供统一的交互方式，减轻用户的认知及记忆负荷。[2]
（2）可用性原则
为了确保可用性，首先要确保UI设计简洁明了。各个交互元素对应的是用户期望实现的的各项功能，因而要确保这些元素能够被用户简单的掌控和把握，减少用户理解以及操作错误的情况。其次是要可控性。用户在使用软件之时，应用的交互和功能的执行要允许用户自己把控。
（3）合理性原则
应用的交互界面的的整体效果和交互模式应当符合合理性的原则。应用的核心功能应放在显眼位置，操作避免繁琐复杂。当用户进行了误操作时，应用应当弹出警示信息要求用户确认操作。
四、设计实例—搜奇选妙APP（购物社区）
1.排版与布局
排版设计是对界面中所有的画面、图形、文字、图标以及按钮等元素的位置、大小、间距的组合搭配，从而合理有效地传递出产品所表示的信息。以下是本软件中用到的几种界面排版标准：
满版型：满版型可以展示大量的图像画面，并通过文字对图片进行一些必要的说明，常用于购物类的软件和图片分享界面之中。
骨架式：骨架式的界面设计十分严谨与合理，版面中图像画面和文字排版比例固定，给人的视觉观感清晰条理。
布局设计即界面设计中组织、安排界面各元素之间的相互关系的整体性设计构思。下面是本软件中用到的几种布局方式：
行为扩展式：应用于有分类需求的界面设计中，可以在有限的界面内容中放置更多内容，不需要额外进行跳转操作。
旋转式：这种布局方式是通过滑动页面来切换不同页面，多用于图片展示。
2.界面色彩
界面的色彩是软件展现给用户的第一印象。因为色彩具有敏感性，所以常常被用来代表独特性质的隐喻。搜奇选妙APP（购物社区）的界面，经过对产品定位的剖析，选用蓝色作为APP的主色调，蓝色能够给人以宁静、深沉、智慧的感觉，同时也是高科技产品中常用的颜色，符合产品气质。
3.文字与字体
在进行UI设计中的字体字号选择时要讲究统一协调，从APP 有界面的全局考虑，同时要考虑到手机的分辨率和操作系统的默认字体之间有差异的问题。一般正常的字号设置为30像素，这是最利于人们舒适地长时间浏览的字号大小。同时，根据不同的要求，软件的字体和字号也要做出相应的改动，以起到警示提醒作用。
4.图像与图标
图像通常是用户界面设计中的视觉焦点，其视觉感染力最为显著。在软件UI设计中，图标设计具有较高要求，图标和UI设计是技术与艺术的联结，精致美观的图标设计能给用户带来清新舒适的视觉感受。图标的设计应与全局相协调，格调一致。活泼且精致的图标方案能够引起用户瞩目，起到画龙点睛的效果。[3]
五、结语
具有明确的UI设计界面将会影响用户的使用体验与使用率。从新的思维方式角度出发，设计一个更符合用户体验和用户行为的界面设计，可以更好地缩短用户寻找目标功能的时间，快速完成识别行为，提高用户体验，最终帮助用户完成图像识别，提高软件的知名度和利用率。因而，基于人工智能技术下的移动端图像识别软件的UI视觉设计研究既有理论价值又具有实际意义。
参考文献：
[1]王德廉.基于深度学习的图像识别系统的设计与实现[D].海南大学2018.
[2]杨文鹏.智能化校园网络互动社区的设计研究—以哈密师范学校为例[D].华东理工大学2015.
[3]陈丹.面向传统行业的物联网UI设计研究[D].南京林业大学2017.
基金项目：
本文为山东工商学院大学生创新创业项目：“基于人工智能技术下的搜奇选妙APP（购物社区）研究”（编号116882019093）的研究成果。