毛珠明

（安徽工業(yè)大學(xué)　工商學(xué)院，安徽　馬鞍山　243000）

?

基于互動(dòng)APP環(huán)境下霧霾檢測的設(shè)計(jì)研究

毛珠明

（安徽工業(yè)大學(xué)工商學(xué)院，安徽馬鞍山243000）

摘要：霧霾對(duì)于在現(xiàn)代城市生活中的人影響只會(huì)日益增大.原本只有少數(shù)工業(yè)化城市被污染，近幾年變成了幾乎沒有城市不被污染.PM2.5的指標(biāo)成為衡量一個(gè)城市空氣質(zhì)量的新標(biāo)準(zhǔn).大部分城市都進(jìn)入了一種警報(bào)狀態(tài)，越來越多的疾病與空氣質(zhì)量有關(guān).霧霾檢測APP的設(shè)計(jì)主要是針對(duì)用戶的日常生活，通過用戶界面的設(shè)計(jì)方便用戶直觀得了解霧霾，為用戶出行提供方便，同時(shí)通過霧霾檢測APP的應(yīng)用呼吁人們從身邊做起，保護(hù)環(huán)境.

關(guān)鍵詞：霧霾；檢測；設(shè)計(jì)；用戶界面

1　霧霾的現(xiàn)狀及危害

霧霾，顧名思義是霧和霾.但是霧和霾的區(qū)別很大.空氣中的灰塵、硫酸、硝酸等顆粒物組成的氣溶膠系統(tǒng)造成視覺障礙的叫霾.霾就是灰霾（煙霞）.

霧是由大量懸浮在近地面空氣中的微小水滴或冰晶組成的氣溶膠系統(tǒng).多出現(xiàn)于秋冬季節(jié)（這也是2013年1月份全國大面積霧霾天氣的原因之一），是近地面層空氣中水汽凝結(jié)（或凝華）的產(chǎn)物.霧的存在會(huì)降低空氣透明度，使能見度惡化，如果目標(biāo)物的水平能見度降低到1000米以內(nèi)，就將懸浮在近地面空氣中的水汽凝結(jié)（或凝華）物的天氣現(xiàn)象稱為霧.

霾，也稱灰霾（煙霧）空氣中的灰塵、硫酸、硝酸、有機(jī)碳?xì)浠衔锏攘Ｗ右材苁勾髿饣鞚?將目標(biāo)物的水平能見度在1000-10000米的這種現(xiàn)象稱為輕霧或者靄.形成霧時(shí)大氣濕度應(yīng)該是飽和的（如有大量凝結(jié)核存在時(shí)，相對(duì)濕度不一定達(dá)到100%就可能出現(xiàn)飽和）.由于液態(tài)水或冰晶組成的霧散射的光與波長關(guān)系不大，因而霧看起來呈乳白色或青白色和灰色.

霧霾天氣是一種大氣污染狀態(tài)，霧霾是對(duì)大氣中各種懸浮顆粒物含量超標(biāo)的籠統(tǒng)表示，尤其是PM2.5（空氣動(dòng)力學(xué)當(dāng)量直徑小于等于2.5微米的顆粒物）被認(rèn)為是造成霧霾天氣的“元兇”.隨著空氣質(zhì)量的惡化，陰霾天氣現(xiàn)象出現(xiàn)增多，危害加重.中國不少地區(qū)把陰霾天氣現(xiàn)象并入霧一起作為災(zāi)害性天氣預(yù)警預(yù)報(bào).統(tǒng)稱“霧霾天氣”.

現(xiàn)在全國各地都有著不同程度的霧霾的影響，霧霾對(duì)于我們的生活無疑帶來了很多困擾，它的危害也是多種多樣的.下面我們列舉一些：

（1）對(duì)呼吸系統(tǒng)的影響：霾的組成成分非常復(fù)雜，包括數(shù)百種大氣化學(xué)顆粒物質(zhì).其中有害健康的主要是直徑小于10微米的氣溶膠粒子，如礦物顆粒物、海鹽、硫酸鹽、硝酸鹽、有機(jī)氣溶膠粒子、燃料和汽車廢氣等，它能直接進(jìn)入并粘附在人體呼吸道和肺泡中.尤其是亞微米粒子會(huì)分別沉積于上、下呼吸道和肺泡中，引起急性鼻炎和急性支氣管炎等病癥.對(duì)于支氣管哮喘、慢性支氣管炎、阻塞性肺氣腫和慢性阻塞性肺疾病等慢性呼吸系統(tǒng)疾病患者，霧霾天氣可使病情急性發(fā)作或急性加重，如果長期處于這種環(huán)境還會(huì)誘發(fā)肺癌.

（2）對(duì)心血管系統(tǒng)的影響：霧霾天氣空氣中污染物多，氣壓低，容易誘發(fā)心血管疾病的急性發(fā)作.比如霧大的時(shí)候，水汽含量非常的高，如果人們?cè)趹敉饣顒?dòng)和運(yùn)動(dòng)的話，人體的汗就不容易排出，造成人們的胸悶、血壓升高，從而影響人們的健康.

（3）霧霾天氣還可導(dǎo)致近地層紫外線的減弱，使空氣中的傳染性病菌的活性增強(qiáng)，傳染病增多.沒有紫外線殺毒，進(jìn)行光合作用，會(huì)嚴(yán)重危害到人們健康.

（4）由于霧天日照減少，兒童紫外線照射不足，體內(nèi)維生素D生成不足，對(duì)鈣的吸收大大減少，嚴(yán)重的會(huì)引起嬰兒佝僂病、兒童生長減慢.

（5）影響心理健康，陰沉的霧霾天氣由于光線較弱及導(dǎo)致的低氣壓，容易讓人產(chǎn)生精神懶散、情緒低落及悲觀情緒，遇到不順心的事情甚至容易失控.

（6）會(huì)影響交通安全.出現(xiàn)霧霾天氣時(shí)，視野能見度低，空氣質(zhì)量差，容易引起交通阻塞，發(fā)生交通事故.

現(xiàn)在很多人越來越注重生活，一些關(guān)于檢測霧霾的軟件也越來越多，人們都會(huì)選擇正確的方式、時(shí)間出門，來預(yù)防霧霾給我們身體造成的傷害.既然污染已經(jīng)形成，在我們保護(hù)環(huán)境的同時(shí)，我們也應(yīng)該相對(duì)減少霧霾對(duì)于身體的傷害，直面霧霾.

2　檢測APP的設(shè)計(jì)趨勢

魯?shù)婪颉ぐ⒍骱Ｄ氛f過“視覺是一種主動(dòng)性很強(qiáng)的感覺形式”［1］用戶是上帝，一切還得從應(yīng)用說起.為此，國外著名的應(yīng)用設(shè)計(jì)師GannonBurgett結(jié)合自己多年實(shí)戰(zhàn)經(jīng)驗(yàn)歸納總結(jié)了2015年App設(shè)計(jì)發(fā)展的13大趨勢.我們應(yīng)該時(shí)刻記著這13點(diǎn)：

（1）扁平化設(shè)計(jì)——微軟贏了，喬布斯失算了.

（2）更少的按鈕，更多的手勢——不想凌亂，就手勢吧.

（3）理解的輔助動(dòng)畫——視覺上的提醒總是那么的必要.

（4）左側(cè)導(dǎo)航菜單——一目了然.

（5）更多原生——Nativevs.Web，還在斗？該是分勝負(fù)的時(shí)候了.

（6）響應(yīng)式網(wǎng)頁設(shè)計(jì)——不響應(yīng)，毋寧死.

（7）更大的網(wǎng)頁寬度——浪費(fèi)可恥.

（8）更大的字體——對(duì)心靈之窗好一點(diǎn).

（9）大搜索框——還是量身定制的好.

（10）更多動(dòng)圖素材的使用——你喜歡哪一種？

（11）人性化設(shè)計(jì)——設(shè)計(jì)師守則.

（12）更少老土顏色——國內(nèi)App設(shè)計(jì)在顏色上，真的應(yīng)該再大膽些.

（13）矢量自適應(yīng)——一次設(shè)計(jì)，隨處運(yùn)行.

因?yàn)槿诵乃?，所以大勢所趨，?duì)于2015年的App設(shè)計(jì)，一句話概括就是“簡潔輕快的界面設(shè)計(jì)更符合現(xiàn)在用戶的心理需求”.從用戶角度出發(fā)，專注于產(chǎn)品的質(zhì)量和人性化，只要做到這樣，不賺錢是“不道德”的.

據(jù)調(diào)查顯示，應(yīng)用被下載后，26%的應(yīng)用只被打開過一次！開發(fā)者辛辛苦苦做了一款A(yù)pp，好不容易有人下載安裝了，首屏注冊(cè)表單卻嚇跑了一眾用戶.對(duì)此交互設(shè)計(jì)大師LukeWroblewski結(jié)合實(shí)例對(duì)App注冊(cè)表單必死之由進(jìn)行了詳述.

留住用戶之法：（1）循序漸進(jìn)，將用戶帶入應(yīng)用中.（2）先體驗(yàn)，后注冊(cè).（3）注冊(cè)界面要合理優(yōu)化.

未來的交互趨勢和設(shè)計(jì)理念的8個(gè)見解：

（1）人們過多的依賴手機(jī)，逐漸脫離了現(xiàn)實(shí)社會(huì).

（2）相似物隱喻在數(shù)字設(shè)備上意義不大.

（3）我們期待新的媒體模式.

（4）UX生動(dòng)且難以捉摸，因此現(xiàn)在的所有體驗(yàn)設(shè)計(jì)都得流動(dòng)且靈活.

（5）應(yīng)該只是試著去了解一個(gè)產(chǎn)品，而應(yīng)該去了解與其有聯(lián)系的的整個(gè)產(chǎn)業(yè)鏈.

（6）未來的物聯(lián)網(wǎng)將連接無數(shù)個(gè)傳感器.

（7）當(dāng)信息超載時(shí)，我們就變成了數(shù)據(jù)的“殖民地”.

（8）集體意識(shí)的覺醒使得“互聯(lián)網(wǎng)智慧”更具本地化特征.

3　APP的發(fā)展趨勢

2015年剛剛開始，APP設(shè)計(jì)的趨勢已經(jīng)開始顯現(xiàn).APP設(shè)計(jì)趨勢來來去去，有些轉(zhuǎn)眼成為過去，有些持久流行.設(shè)計(jì)的發(fā)展趨勢，可以受各種各樣的東西驅(qū)動(dòng).“創(chuàng)作思維的核心就是發(fā)散思維.”［2］我們注意到去年在硬件方面的大變化將會(huì)影響2015年的UI設(shè)計(jì)，其他的趨勢是受移動(dòng)應(yīng)用的日益普及影響.它們無處不在，據(jù)Ofcom的數(shù)據(jù)，88%成年年輕人擁有智能手機(jī).

還有一些趨勢由更寬泛的文化原因造成，品牌的變化和移動(dòng)設(shè)備的個(gè)性化.

研究了許多數(shù)據(jù)，整理出2015年五大APP設(shè)計(jì)趨勢.

3.1更大的屏幕

大屏手機(jī)或平板手機(jī)的屏幕越來越大，預(yù)計(jì)在2015還將越來越受歡迎.市場調(diào)研公司IDC認(rèn)為屏幕超過5英寸的手機(jī)銷售將激增209%.就連iPhone都已經(jīng)變大了，它將改變我們手持設(shè)備的方式和界面Adobe的移動(dòng)標(biāo)準(zhǔn)報(bào)告證實(shí)了這一趨勢.越來越多的人使用手機(jī)應(yīng)用程序，但小于4英寸的屏幕的瀏覽量去年降低了11個(gè)百分點(diǎn).

這對(duì)APP設(shè)計(jì)者意味著什么呢？有一件事改變了，就是我們手持設(shè)備的方式.StevenHoober在2013年進(jìn)行的一項(xiàng)研究表明，大多數(shù)用戶手握手機(jī)右下角，只用一個(gè)拇指操作他們的智能手機(jī)，但是這個(gè)研究中應(yīng)用設(shè)備最大不超過4.3英寸.

3.2厚度和重力

過去的幾年里極簡主義與扁平設(shè)計(jì)大行其道.這股潮流將在2015繼續(xù)，但擬物將以另外一種微妙的形式找到他們的回歸.屏幕上的對(duì)象可以看著是平的，但卻可以賦予他們物理形態(tài).模擬重力將UI組件從扁平的符號(hào)化轉(zhuǎn)化為實(shí)物.厚度可通過透明度和圖層疊加.

3.3隱藏的菜單

有些趨勢是順應(yīng)新的硬件迅速發(fā)展，有些卻經(jīng)過了長久的醞釀.這一條便是應(yīng)對(duì)既定的界面設(shè)計(jì)規(guī)則發(fā)展緩慢起來的.屏幕將越變?cè)酱?，但移?dòng)APP提供的工作空間還是比臺(tái)式機(jī)和筆記本電腦少.一種解決方案將功能隱藏，直到它被需要的時(shí)候.需要時(shí)抽出，不需要時(shí)再收回的抽屜式導(dǎo)航，已經(jīng)不是最流行的設(shè)計(jì)了.我們看到菜單精簡為文本的子集，成為了你在既定情況下執(zhí)行特定任務(wù)的工具.照片編輯器Rookie隱藏了所有的導(dǎo)航，直到你需要才彈出功能層.還有更多的隱藏導(dǎo)航；滑動(dòng)時(shí)才顯示功能的按鈕或組件.所有這些小趨勢，只為了一個(gè)目的——保持屏幕潔凈.

自第一個(gè)智能手機(jī)的成功推出已經(jīng)七年了，正如用戶們已摸熟使用規(guī)則，設(shè)計(jì)師們對(duì)手勢命令越來越輕車熟路.這導(dǎo)致的積極影響是：導(dǎo)航的減少以及移動(dòng)設(shè)備正和你的APP融為一體–不管是相機(jī)，筆記工具或音樂鍵盤.

3.4游戲性和個(gè)性

一些趨勢的發(fā)展是更寬泛的文化習(xí)俗的回應(yīng)，而不是因?yàn)橛布兓蚪缑娴挠?xùn)練.這是其中一條.應(yīng)用程序越來越好玩了嗎？不是說像游戲.仿佛是開發(fā)者們?cè)谟妹髁恋纳?，彈性的面板和詼諧的文本，對(duì)抗保守性的扁平設(shè)計(jì).例如，讓你不由發(fā)笑的對(duì)話框，更新通知的小彩蛋等等.大膽的色彩和干凈的圖標(biāo)隱藏了UniqloWakeup頑皮的一面.這個(gè)APP基于時(shí)間和天氣選擇叫醒音樂.

3.5聯(lián)系增強(qiáng)

設(shè)計(jì)師不能忽視，我們正處在重要的移動(dòng)發(fā)展邊界.我們的APP正變得越來越與環(huán)境相關(guān).

我們對(duì)GPS和藍(lán)牙已經(jīng)習(xí)以為常了，他們幫助APP定位，使我們和設(shè)備連接在一起.而這些技術(shù)也有助于我們的APP捕獲其他數(shù)據(jù).隨著蘋果的iBeacon和其他藍(lán)芽低功耗為基礎(chǔ)的技術(shù)發(fā)展，即使我們?cè)谑覂?nèi)，APP也能夠?yàn)槲覀兌ㄎ?

同時(shí)，2014年以智能手環(huán)和智能手表為代表的可穿戴技術(shù)興起.他們隨時(shí)收集關(guān)于我們的一切數(shù)據(jù).這次不僅僅是位置，而是我們某一天某一時(shí)刻的位置.當(dāng)我們吃飯的時(shí)候，當(dāng)我們休息時(shí)，當(dāng)我們?cè)诠ぷ鲿r(shí)，當(dāng)我們?cè)诩依锏臅r(shí)候，智能算法可以交叉關(guān)聯(lián)相關(guān)信息來做出推斷.

4　霧霾檢測APP的特點(diǎn)及設(shè)計(jì)方案

在這個(gè)通訊化時(shí)代，APP已經(jīng)形成一種主流.人們靠APP聽歌，娛樂，看視頻，買東西，了解信息等等.現(xiàn)在市面上有許多關(guān)于霧霾，天氣的APP，但是還沒與一款能夠檢測霧霾的.“設(shè)計(jì)不是一個(gè)作品的意識(shí)，它是一個(gè)社會(huì)系統(tǒng)的意識(shí)，是在系統(tǒng)里面某種功能的一種實(shí)現(xiàn)，這種實(shí)現(xiàn)會(huì)確定消費(fèi)者的一種生活方式和他的生活狀態(tài).”［1］霧霾檢測型APP可以通過一些細(xì)微的技術(shù)，檢測到我們身邊的霧霾PM2.5的數(shù)值，它是與天氣連接在一起的.我們可以通過每天的數(shù)據(jù)更新，從而決定何時(shí)出門最為有利.它還能夠統(tǒng)計(jì)一周，一個(gè)月，甚至一年的霧霾的數(shù)值，從而進(jìn)行分析，分析天氣的趨勢，給我們的生活帶來便利，時(shí)刻提醒我們要保護(hù)環(huán)境.

第一、了解你的目標(biāo)客戶群的心態(tài).

（1）做微任務(wù)的目標(biāo)客戶群（如隨時(shí)隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類）：

這類的解決方案是設(shè)計(jì)的app最好是小而準(zhǔn)，不要大而全.越全的功能應(yīng)用，只能代表著這個(gè)應(yīng)用在各方面的都很平庸.

（2）喜歡當(dāng)工具來使用的目標(biāo)客戶群：比如找地圖，看天氣，查數(shù)據(jù)等.

這類的解決方案是我們盡最大努力的去滿足用戶的情景需求.做到極致和簡單.

（3）無聊的客戶群，用來打發(fā)消磨時(shí)間的：無需求，漫無目的的.

這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發(fā)消磨時(shí)光.

第二、APP原型圖的制作和設(shè)計(jì)討論.

這個(gè)環(huán)節(jié)是必不可少的.需要根據(jù)設(shè)計(jì)需求認(rèn)認(rèn)真真的來畫畫原型圖.常用的APP原型圖工具：移動(dòng)APP原型設(shè)計(jì)神器POP、axure、Foreui等.

第三、APP視覺設(shè)計(jì)與設(shè)計(jì)要點(diǎn).

（1）大概設(shè)計(jì)板塊有APP啟動(dòng)頁面設(shè)計(jì)，APP界面設(shè)計(jì)的尺寸規(guī)范，app圖標(biāo)設(shè)計(jì)等.

一般來說，手機(jī)屏幕是從上往下布局的，重要的信息會(huì)放在上方.但是在操作上，大部分人都是單手拿手機(jī)，常用的操作，要放在界面的下方.

另外還有一個(gè)原則，最小的觸摸單位，一般是44個(gè)像素.如果再小，你的拇指難以觸碰，或者容易引發(fā)誤操作.同時(shí)，也不要讓界面太擁擠.所以，設(shè)計(jì)師必須用減法設(shè)計(jì)，這個(gè)過程需要花時(shí)間思考、簡化元素.

你必須記?。海?）隱藏設(shè)計(jì)或者減法設(shè)計(jì)，（2）分區(qū)或分類，（3）幫用戶做決策，（4）提高交互創(chuàng)新設(shè)計(jì)，（5）讓人有爽快感和新奇感，（6）在設(shè)計(jì)中浸入情感，把握用戶的心理.

一位大師這樣說過“真正的簡約設(shè)計(jì)是：作品必須不斷的被簡化，一改再改，直到設(shè)計(jì)最終成形.”

2014年APP設(shè)計(jì)風(fēng)格趨向扁平化和卡片化.卡片，扁平化都會(huì)是移動(dòng)app設(shè)計(jì)的趨勢！認(rèn)為卡片設(shè)計(jì)確實(shí)同時(shí)兼具了“擬物”和“極簡”2種優(yōu)勢！

第四、APP界面設(shè)計(jì)流程

（1）設(shè)計(jì)APP界面時(shí)，學(xué)會(huì)從優(yōu)秀APP界面設(shè)計(jì)作品中尋求靈感，以前的藝術(shù)大師，用少量的資源做了大量的設(shè)計(jì).

（2）由于實(shí)物展示的相對(duì)比例至關(guān)重要，所以要及早在不同的目標(biāo)設(shè)備上測試.

（3）整個(gè)設(shè)計(jì)過程中不斷問自己“真的需要嗎？”.支撐項(xiàng)目時(shí)候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會(huì)這樣會(huì)很容易也會(huì)很吸引人.

但必須始終注意剔除不必要的元素，不斷精簡.甩掉你費(fèi)盡心血的部分總是難以割舍，但修改過程必須挑剔.

第五、APP界面設(shè)計(jì)測試與預(yù)覽修正.

設(shè)計(jì)完成之后，我們可以把設(shè)計(jì)圖導(dǎo)入手機(jī)測試或者是校正.之前發(fā)布的在線測試工具：快速在移動(dòng)終端上預(yù)覽APP界面設(shè)計(jì)效果圖的方法最后：好的APP界面設(shè)計(jì)作品必然是要經(jīng)過不斷升級(jí)、重復(fù)迭代的.

5　結(jié)語

APP的設(shè)計(jì)應(yīng)用是視覺設(shè)計(jì)發(fā)展的趨勢，中國的智能手機(jī)應(yīng)用現(xiàn)在還只是起步階段.未來的發(fā)展的機(jī)遇與挑戰(zhàn)并存，任何事物發(fā)展都不會(huì)是一片坦途.霧霾檢測APP是一項(xiàng)公益行為，一款A(yù)PP只是能暫時(shí)的提醒你預(yù)防霧霾，但如果環(huán)境污染越來越嚴(yán)重，就算呆在室內(nèi)也是無法避免傷害的，尤其像霧霾這樣隨著空氣傳播的.設(shè)計(jì)只是為了影響消費(fèi)者的生活狀態(tài)和生活方式，提倡環(huán)保，保護(hù)環(huán)境，不容忽視.

參考文獻(xiàn)：

〔1〕（美）魯?shù)婪?阿恩海姆.視覺思維—審美直覺心理［M］.成都：四川人民出版社，1998.265.

〔2〕（荷）田崴.思維與設(shè)計(jì)—造型藝術(shù)與思維創(chuàng)意［M］.北京：北京理工大學(xué)出版社，2005.22.

〔3〕杭間.設(shè)計(jì)的善意 ［M］.桂林：廣西師范大學(xué)出版社，2011.8.

中圖分類號(hào)：TP303

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1673-260X（2016）05-0015-03

收稿日期：2016-02-23

基金項(xiàng)目：2015年安徽工業(yè)大學(xué)工商學(xué)院青年教師科研基金項(xiàng)目（QS2015006）