張洪民 張春迎 傅維

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

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

中圖分類號 G2 文獻標識碼 A 文章編號 2096-0360（2020）23-0017-04

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

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

1 簡約化設(shè)計

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

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

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

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

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

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

2 情感化設(shè)計

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

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

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

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

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

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

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

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

3 自然化設(shè)計

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

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

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

4 結(jié)語

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

參考文獻

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

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

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

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

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

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

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

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

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

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