基于人工智能技術下的移動端圖像識別軟件的UI視覺設計研究

馬炳亮

摘要：隨著科技的高速發展，基于人工智能技術下的圖像識別技術已經滲透到了人們日常生活中的方方面面，在遙感圖像識別、生物醫學、金融購物等領域大放異彩。在移動“互聯網 +”時代，終端用戶在使用圖像識別軟件時，會更傾向于將界面設計合理且具有良好使用體驗的軟件留在自己的設備上。針對這種情況，本文在移動端圖像識別軟件的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設計是技術與藝術的聯結，精致美觀的圖標設計能給用戶帶來清新舒適的視覺感受。圖標的設計應與全局相協調，格調一致?；顫娗揖碌膱D標方案能夠引起用戶矚目，起到畫龍點睛的效果。[3]

五、結語

具有明確的UI設計界面將會影響用戶的使用體驗與使用率。從新的思維方式角度出發，設計一個更符合用戶體驗和用戶行為的界面設計，可以更好地縮短用戶尋找目標功能的時間，快速完成識別行為，提高用戶體驗，最終幫助用戶完成圖像識別，提高軟件的知名度和利用率。因而，基于人工智能技術下的移動端圖像識別軟件的UI視覺設計研究既有理論價值又具有實際意義。

參考文獻：

[1]王德廉.基于深度學習的圖像識別系統的設計與實現[D].海南大學2018.

[2]楊文鵬.智能化校園網絡互動社區的設計研究—以哈密師范學校為例[D].華東理工大學2015.

[3]陳丹.面向傳統行業的物聯網UI設計研究[D].南京林業大學2017.

基金項目：

本文為山東工商學院大學生創新創業項目：“基于人工智能技術下的搜奇選妙APP（購物社區）研究”（編號116882019093）的研究成果。