基于近視防治功能性食品App的界面設(shè)計(jì)研究

張洪民 張春迎 傅維

摘 要 對(duì)近視防治功能性食品App界面融合現(xiàn)代化設(shè)計(jì)理念進(jìn)行研究，通過傳統(tǒng)而新穎的設(shè)計(jì)概念和方式創(chuàng)新近視防治功能性食品App界面的設(shè)計(jì)和實(shí)用性創(chuàng)新，使其以新穎獨(dú)立的存在形式佇立在大眾生活中，緊跟時(shí)代步伐，以新鮮的設(shè)計(jì)形式創(chuàng)造具有時(shí)代性的功能性智能App界面，以更加人性化的姿態(tài)為大眾生活提供便利。

關(guān)鍵詞 簡(jiǎn)約化；功能性；創(chuàng)新性；情感化

中圖分類號(hào) G2 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 2096-0360（2020）23-0017-04

基金項(xiàng)目：天津市自然科學(xué)基金企業(yè)科技特派員項(xiàng)目（19JCTPJC59100）。

App作為深入?yún)⑴c進(jìn)人們生活的產(chǎn)品，在設(shè)計(jì)它的“外觀”的時(shí)候自然需要考慮到用戶的感受，對(duì)于近視防治功能性食品App的界面設(shè)計(jì)，既要考慮近視防治功能性食品本身的特點(diǎn)，又得考慮現(xiàn)在的界面設(shè)計(jì)要點(diǎn)，以良好的形象展示給用戶，吸引用戶的關(guān)注，提高App的使用率。

1 簡(jiǎn)約化設(shè)計(jì)

簡(jiǎn)約化設(shè)計(jì)有很多方面，結(jié)合本文主題只談一下簡(jiǎn)約化設(shè)計(jì)中的極簡(jiǎn)藝術(shù)主義。極簡(jiǎn)藝術(shù)主義按定義解釋即極少主義、減少主義。簡(jiǎn)約主義又被譯為Minimal Art，該流派作為一種藝術(shù)和設(shè)計(jì)風(fēng)格，是12世紀(jì)60年代西方興起的一場(chǎng)現(xiàn)代藝術(shù)流派，倡導(dǎo)以一種冷靜、客觀、理性的眼光和形式，開展藝術(shù)和思想的表達(dá)，并意圖消釋作者自身和作者個(gè)人風(fēng)格對(duì)其作品的影響，將一種國(guó)際主義設(shè)計(jì)風(fēng)格快速推及[ 1 ]。極簡(jiǎn)主義崇尚從簡(jiǎn)約到極致。

在App的界面設(shè)計(jì)過程中要考慮到?jīng)]有多少用戶愿意花時(shí)間在滿篇繁雜內(nèi)容的界面上尋找自己想要的信息。即使有，也會(huì)在枯燥的搜尋過程中失去耐心，最終對(duì)App的印象變壞。但是App作為一款交互式產(chǎn)品，給用戶的印象是極為重要的，從古至今，人們都有第一印象定好壞的心理和習(xí)慣，最初的印象是深刻的。所以極簡(jiǎn)主義的設(shè)計(jì)風(fēng)格就顯得尤為重要。在設(shè)計(jì)史上極簡(jiǎn)主義主要有兩大理論：

第一，裝飾即是罪惡。它是現(xiàn)代主義處于社會(huì)發(fā)展初期競(jìng)爭(zhēng)最強(qiáng)烈、最激烈的定義。羅斯一直秉承的裝飾概念是指在自身附加的物體擺脫其功能和價(jià)值的點(diǎn)綴，屬于一種極度幼稚的行為。他曾經(jīng)明確提到超負(fù)荷裝飾帶來的只是資源的浪費(fèi)，也會(huì)給社會(huì)帶來極大的負(fù)面影響，更會(huì)成為阻礙社會(huì)發(fā)展的最嚴(yán)重消極因素之一。這種思想對(duì)設(shè)計(jì)師自身發(fā)展，力求達(dá)到和諧、平淡，使用以舒適為主的理念具有重要的指導(dǎo)意義。

近視防治功能性食品App的優(yōu)勢(shì)就是幫助用戶快速篩選所需的近視防治功能性食品，并提供相應(yīng)的信息，所以在內(nèi)容上不需要對(duì)近視防治功能性食品所能做成的食物做過多的介紹，只需要列出必要的信息。多余的裝飾都是“罪惡”，會(huì)給用戶帶來不舒適感，過多的裝飾給用戶的印象就是一個(gè)“打廣告”的App，這是設(shè)計(jì)者所不愿意看到的。

第二，出自現(xiàn)代著名建筑大師米斯·凡德羅的著名設(shè)計(jì)觀點(diǎn)，少即是多理論。它是極簡(jiǎn)主義思想的代表，時(shí)至今日對(duì)當(dāng)今社會(huì)藝術(shù)界以及設(shè)計(jì)領(lǐng)域，依舊影響深遠(yuǎn)，米斯·凡德羅大師認(rèn)為建筑的內(nèi)在結(jié)構(gòu)是評(píng)判美的標(biāo)準(zhǔn)重要因素，與其自身的外在形式?jīng)]有重要關(guān)聯(lián)。當(dāng)前設(shè)計(jì)的極簡(jiǎn)理念并不是隨意的刪減，而是能夠更加準(zhǔn)確和直接地將深層次的意義和思想傳達(dá)下去。

例如，近視防治功能性食品的圖標(biāo)。一款應(yīng)用帶給用戶的第一印象最直觀的來自于App的圖標(biāo)，一個(gè)“熊掌”印記讓人們很容易想到百度搜索引擎，一個(gè)藍(lán)色的e就可以讓用戶在腦海里浮現(xiàn)IE瀏覽器。這些都是比較成功的A pp圖標(biāo)設(shè)計(jì)，App圖標(biāo)設(shè)計(jì)的目的也正是如此——讓用戶“見圖識(shí)應(yīng)用”。但是圖標(biāo)設(shè)計(jì)又不能僅為追求新穎性而失去了圖標(biāo)的本質(zhì)，即最直觀的表達(dá)它想呈現(xiàn)給用戶的信息。馬浮說：“從直觀之此象如何能夠表達(dá)直觀之彼象的內(nèi)在本質(zhì)？一切學(xué)術(shù)的關(guān)鍵即在此也。”近視防治功能性食品App的圖標(biāo)并不需要多么復(fù)雜的結(jié)構(gòu)，簡(jiǎn)單的綠色小芽（如圖1）”既表明了對(duì)綠色的追求，又涵蓋了一款A(yù)pp的內(nèi)容主題——近視防治功能性食品。近視防治功能性食品被定義為綠色的保健食品，而人們對(duì)于綠色的根源印象是灰暗地表的一抹綠芽，所以說App的圖標(biāo)設(shè)計(jì)為簡(jiǎn)單的綠色嫩芽也符合大多數(shù)人喜歡先入為主強(qiáng)行為未知事物定義的習(xí)慣。

2 情感化設(shè)計(jì)

情感化設(shè)計(jì)的必然性：

1）基于社會(huì)發(fā)展的視角，單純從理論上分析，隨著時(shí)代的飛速發(fā)展，各種理論知識(shí)也隨之成熟。設(shè)計(jì)哲學(xué)的出現(xiàn)為情感化設(shè)計(jì)的發(fā)展奠定了堅(jiān)實(shí)的理論基礎(chǔ)，完善了情感化設(shè)計(jì)的理論內(nèi)容和現(xiàn)實(shí)意義。“當(dāng)標(biāo)準(zhǔn)化設(shè)計(jì)思想結(jié)束以后，社會(huì)中的商品意義和生活形態(tài)都轉(zhuǎn)變成以社會(huì)大眾心態(tài)為主的行為了?！盵 2 ]所以我們必須把握住全新的發(fā)展趨勢(shì)，并使它與現(xiàn)代設(shè)計(jì)進(jìn)行完美融合。在產(chǎn)品設(shè)計(jì)流程中，要將消費(fèi)者的情感需求和自我意識(shí)放在首位。從平凡中挖掘激情，并通過產(chǎn)品進(jìn)行體現(xiàn)，使消費(fèi)者在享受產(chǎn)品的同時(shí)可以帶來心靈上的愉悅和滿足。給產(chǎn)品賦予一種自然的親和力，打動(dòng)消費(fèi)者的心理。

2）基于社會(huì)心理學(xué)的視角，依據(jù)馬斯洛曾經(jīng)提出的人本主義心理學(xué)內(nèi)容，將五個(gè)需求依次列舉出來，分別為最基本的生理需求、安全需求、歸屬與愛的需求、尊重需求以及自我實(shí)現(xiàn)的需求。單純從馬洛斯的觀點(diǎn)出發(fā)，假使當(dāng)人的以上五種需求中有某種需求沒有得到滿足，那么就會(huì)產(chǎn)生心理與生理的不平衡。當(dāng)上述所講的平衡消失以后，人會(huì)產(chǎn)生莫名的驅(qū)力。即想得到磨難中需求而表現(xiàn)出的具體行為。通過上述論述可以得出情感化因素融入到設(shè)計(jì)中的重要性。與人有種特別的關(guān)聯(lián)性，也正是由于這個(gè)關(guān)聯(lián)，對(duì)設(shè)計(jì)師自身的素質(zhì)要求也就越來越高，需要更多的了解人群心理，并將心理學(xué)作為創(chuàng)作的出發(fā)點(diǎn)和關(guān)鍵。

對(duì)于登錄界面，作為一款貼近生活的應(yīng)用，內(nèi)容接地氣是非常必要的?，F(xiàn)在網(wǎng)絡(luò)流行詞“吃貨”被廣大市民所喜愛，很多人都以自己是一名“資深吃貨”為榮。既然是一款美食App，盡管App的主要內(nèi)容是近視防治功能性食品，但是食物美味健康才能吸引顧客，就像模特與衣服聯(lián)系在一起，人們對(duì)于食物時(shí)常產(chǎn)生聯(lián)想，聯(lián)想，即各種觀念之間的關(guān)聯(lián)性。聯(lián)想一直遵循的定律中以相似律、對(duì)比律最為重要。吃貨在App界面存在的必要性就是讓人們產(chǎn)生聯(lián)想，有吃貨，必有美食，在加上背景圖片的吸引力，自然能夠?qū)τ脩粜纬傻谝徊ā肮?shì)”[3]，為用戶更好的了解App打下堅(jiān)實(shí)的基礎(chǔ)。同樣，在一個(gè)快節(jié)奏的生活中，登錄界面做得簡(jiǎn)約是有必要的。簡(jiǎn)約的設(shè)計(jì)會(huì)讓消費(fèi)者從雜亂的App開啟界面中感覺到新意，從廣告的轟炸中解脫出來。直接選擇登錄，或者注冊(cè)。對(duì)于注冊(cè)界面生活中的很多人都是對(duì)注冊(cè)應(yīng)用存在一定的排斥心理，究其原因，是各類不合法應(yīng)用附帶非法插件造成用戶信息泄露等事件給用戶帶來不安全感。充分查看那些帶有非法插件的不安全應(yīng)用，就會(huì)發(fā)現(xiàn)那些應(yīng)用的注冊(cè)界面大多“花里胡哨”，降低了用戶的辨識(shí)度，誤點(diǎn)了非法插件的運(yùn)行。以至于用戶對(duì)類似注冊(cè)界面產(chǎn)生了心理陰影，所以App十分有必要將注冊(cè)界面做得簡(jiǎn)明扼要，最大程度降低用戶的抵觸心理，讓App的注冊(cè)成功率大幅上升。

“產(chǎn)品設(shè)計(jì)中功能性是首位，但是所生產(chǎn)的產(chǎn)品能夠讓人愉悅也十分重要”[4]。情感化設(shè)計(jì)在App的界面設(shè)計(jì)涉及到色彩的選擇，構(gòu)圖元素的安排，以及界面文字設(shè)計(jì)等方面。

色彩選擇方面：App的界面是產(chǎn)品給用戶最直觀的印象（如圖2），色彩在整體的框架中具有十分重要的地位，色彩和諧的界面才是一個(gè)優(yōu)秀的設(shè)計(jì)，如果一個(gè)界面設(shè)計(jì)其他方面都做的很不錯(cuò)，但是色彩方面出了問題那么這個(gè)失敗的點(diǎn)就會(huì)被無限放大，最終影響到整個(gè)設(shè)計(jì)的評(píng)分。色彩可以喚起人們的各種情緒，甚至是生理感受。很久之前的酒店經(jīng)營(yíng)者就發(fā)現(xiàn)了色彩的重要性，快餐店的裝飾會(huì)選擇鮮艷的紅色，以保證客流量，而茶館、咖啡廳則會(huì)選擇藍(lán)色或者是褐色等令人安靜的顏色來追求客人的滯留時(shí)間和滿意度。App在進(jìn)行界面設(shè)計(jì)的過程中，首先應(yīng)該對(duì)App的整體設(shè)定一種整體的顏色方案，根據(jù)不同顏色的選取表達(dá)不同的功能模塊，體現(xiàn)App的整體效果，除此之外，還應(yīng)該在顏色設(shè)計(jì)的整體方案上確定用戶的心理反應(yīng)和感受。

構(gòu)圖元素的安排：App的首要面向群體是界面設(shè)計(jì)中必須要考慮的，大多數(shù)App的面向?qū)ο笾饕际侨A人，而且中國(guó)文化也被許多國(guó)家的人民認(rèn)可，所以在構(gòu)圖元素的安排上就不得不參考一下中國(guó)人的傳統(tǒng)審美觀?！爸袊?guó)古代講究天圓地方，雖然這種學(xué)說被科學(xué)推翻了，但是它涉及到的生活應(yīng)用一直受設(shè)計(jì)者的青睞，例如中國(guó)的房屋建筑格局，亭臺(tái)園林設(shè)計(jì)都融合了天圓地方等的思想，最為明顯的是——對(duì)稱美學(xué)”[5]。上至皇家園林的建造，下至平民百姓所居房屋的構(gòu)建，都明顯應(yīng)用了對(duì)稱美學(xué)。所以說在App界面設(shè)計(jì)中構(gòu)圖元素的安排上還是多多參考古典美學(xué)為好，最壞的打算，至少這份設(shè)計(jì)不會(huì)引起用戶的反感。近視防治功能性食品本身就附有中國(guó)古代養(yǎng)生的概念，在近視防治功能性食品App中能夠?qū)⒅袊?guó)元素考慮在內(nèi)，那么它的界面構(gòu)圖元素安排就十分契合了[6]。

界面文字設(shè)計(jì)：在App界面設(shè)計(jì)中，文字是信息傳遞比較重要的方式?！癆pp中的文字可以起到促進(jìn)用戶與App之間溝通交流的作用，現(xiàn)在的文字設(shè)計(jì)方式多種多樣，所起到的作用也大不相同，但是文字設(shè)計(jì)還是要以用戶的主觀感受為主要參考，注重文字的便于理解性”[7]。如今App界面文字主要以靜態(tài)文字和動(dòng)態(tài)文字為主。靜態(tài)文字所表達(dá)的信息相對(duì)比較單一，不宜過長(zhǎng)，不然靜態(tài)文字的可讀性會(huì)下降許多，言簡(jiǎn)意賅的文字最適合用作靜態(tài)文字[8]。當(dāng)然，并不是說動(dòng)態(tài)文字就可以繁瑣，動(dòng)態(tài)文字可以從整體上增強(qiáng)界面的動(dòng)感，動(dòng)態(tài)文字更適合那些朗朗上口的文字，這樣用戶可以有效把握信息，不會(huì)產(chǎn)生過多的誤解。這些字體形式的設(shè)計(jì)都是以心理學(xué)的表達(dá)為基礎(chǔ)，所以用戶的心理可以決定字體的選擇。近視防治功能性食品App的文字自然少不了對(duì)近視防治功能性食品具體功能的介紹，但是繁雜的介紹很少會(huì)引起用戶的興趣，一些順口溜是更好的選擇。

3 自然化設(shè)計(jì)

自然化用戶交互界面（Natural User Interface，簡(jiǎn)稱NUI）是移動(dòng)范式發(fā)展過程中的第三個(gè)階段。前兩種階段主要講述的內(nèi)容是以圖形化界面設(shè)計(jì)以及命令型交互界面為主。NUI是傳統(tǒng)的人類本能交互模式[9]。所有交互方式的學(xué)習(xí)成本都非常低，而且十分容易識(shí)別和記憶。在界面設(shè)計(jì)過程中，設(shè)計(jì)者都希望模擬真實(shí)世界中的自然流暢的感覺。“自然化設(shè)計(jì)過程中涉及到一些原則，比如我們所知道的虛擬實(shí)現(xiàn)原則、過程美學(xué)原則等。以圖形化為主的用戶交互界面，主要是側(cè)重于用戶操作任務(wù)的完成，NUI體驗(yàn)則關(guān)注的是在完成任務(wù)操作過程中所獲得的愉悅感”[10]。NUI體驗(yàn)的美妙感覺來源于用戶的交互過程，所以它的目標(biāo)并不僅限于完成任務(wù)。比如以下App中的“搖一搖”功能，借鑒微信的搖一搖功能（如圖3），滿足用戶在使用過程中的過程參與感。很多人對(duì)于新奇事物特別感興趣，對(duì)于美食，同樣如此。面對(duì)千篇一律的界面，用戶大多會(huì)產(chǎn)生厭倦感，界面新奇是一方面，保證實(shí)時(shí)的新鮮感尤為重要，比如微信的搖一搖功能，它讓很多陌生人相識(shí)成為可能，美食App同樣可以借鑒微信，讓用戶每天都有機(jī)會(huì)與不同的美食相遇。

關(guān)于虛擬現(xiàn)實(shí)原則：人在不同時(shí)段對(duì)不同顏色的感覺是不一樣的。食品App需要對(duì)用戶做出飲食推薦，在近視防治功能性食品App中的體現(xiàn)就是每日食譜推薦。而對(duì)于事件的安排來說都是在做事之前，在推薦每日食譜當(dāng)然就是早晨，早上的人還處于半清醒的迷蒙狀態(tài)，藍(lán)色作為每日食譜的主色調(diào)可以使用戶產(chǎn)生眼前一亮的感覺，藍(lán)色是永恒的象征，它是最冷的色彩，但是對(duì)用戶的刺激不是很強(qiáng)烈，在早晨可以體現(xiàn)出清新的美感。在用戶進(jìn)入食品搜索界面時(shí)，用戶本身是出于饑餓狀態(tài)的，紅色對(duì)于用戶的刺激十分強(qiáng)烈，此時(shí)用戶急需補(bǔ)充熱量，而紅色本身就有熱的含義，因此在不同的界面需要采取不同的色調(diào)搭配，以保證用戶的滿意指數(shù)。

當(dāng)然，近視防治功能性食品App還是得以其本身的特性為主，可以考慮對(duì)不同身體素質(zhì)的個(gè)體有特定的食品種類推薦，根據(jù)用戶興趣推出類似的互動(dòng)方式（搖一搖）等等，最終設(shè)計(jì)出讓用戶滿意的界面。

4 結(jié)語

各種各樣的App已經(jīng)圍繞在人們生活的各個(gè)角落，極大程度地便利了人們的生活。但是各種各樣的App還是以人們的衣食住行為主題來設(shè)計(jì)的，App的界面設(shè)計(jì)就像是一件產(chǎn)品的外衣，人們都有對(duì)與美好事物的向往，擁有一件美麗的外衣，會(huì)使更多的用戶有興趣去探索產(chǎn)品內(nèi)部的信息，對(duì)于App來說，也就是App本身想要為用戶提供的東西。近視防治功能性食品慢慢會(huì)成為人們食物的主流，這是一種大的趨勢(shì)，便捷的醫(yī)療條件和科學(xué)的食物搭配對(duì)個(gè)人的健康保持都是十分重要的環(huán)節(jié)，所以近視防治功能性食品App的設(shè)計(jì)就十分重要，而近視防治功能性食品App界面設(shè)計(jì)作為一件美麗的外衣，設(shè)計(jì)就更為重要了。不過，結(jié)合設(shè)計(jì)的原則和一些獨(dú)特而創(chuàng)新的想法，完成一件令人滿意的作品還不是很難，秉持著設(shè)計(jì)的原則，App的界面設(shè)計(jì)滿意度應(yīng)會(huì)逐步的上升。

參考文獻(xiàn)

[1]徐蕾.簡(jiǎn)約主義[M].北京：科學(xué)出版社，2011.

[2]黑川雅之.世界設(shè)計(jì)田設(shè)計(jì)未來的考古學(xué)[M].上海：上海人民美術(shù)出版社，2003.

[3]唐納德？諾曼.情感化設(shè)計(jì)[M].北京：電子工業(yè)出版社，2005：34.

[4]陳丹丹.攝影構(gòu)圖之美[M].北京：人民郵電出版社，2016.

[5]史蒂·魯克.點(diǎn)石成金[M].北京：機(jī)械工業(yè)出版社，2006.

[6]詹青龍，郭永燦.網(wǎng)頁設(shè)計(jì)與制作[M].北京：清華大學(xué)出版社，2010.

[7]伊達(dá)千代.色彩設(shè)計(jì)的原理[M].北京：中信出版社，2011.

[8]Dan Saffer.交互設(shè)計(jì)指南[M].北京：機(jī)械工業(yè)出版社，2010.

[9]邵秋瞳，林旭怡.基于用戶體驗(yàn)的智能手機(jī)交互設(shè)計(jì)研究[J].數(shù)碼設(shè)計(jì)，2017（7）：33-34.

[10]以用戶為中心的手持移動(dòng)設(shè)備App界面設(shè)計(jì)研究[J].山東社會(huì)科學(xué)，2015（2）：97-99.