基于互动APP环境下雾霾检测的设计研究

毛珠明

（安徽工业大学　工商学院，安徽　马鞍山　243000）



基于互动APP环境下雾霾检测的设计研究

毛珠明

（安徽工业大学工商学院，安徽马鞍山243000）

摘要：雾霾对于在现代城市生活中的人影响只会日益增大.原本只有少数工业化城市被污染，近几年变成了几乎没有城市不被污染.PM2.5的指标成为衡量一个城市空气质量的新标准.大部分城市都进入了一种警报状态，越来越多的疾病与空气质量有关.雾霾检测APP的设计主要是针对用户的日常生活，通过用户界面的设计方便用户直观得了解雾霾，为用户出行提供方便，同时通过雾霾检测APP的应用呼吁人们从身边做起，保护环境.

关键词：雾霾；检测；设计；用户界面

1　雾霾的现状及危害

雾霾，顾名思义是雾和霾.但是雾和霾的区别很大.空气中的灰尘、硫酸、硝酸等颗粒物组成的气溶胶系统造成视觉障碍的叫霾.霾就是灰霾（烟霞）.

雾是由大量悬浮在近地面空气中的微小水滴或冰晶组成的气溶胶系统.多出现于秋冬季节（这也是2013年1月份全国大面积雾霾天气的原因之一），是近地面层空气中水汽凝结（或凝华）的产物.雾的存在会降低空气透明度，使能见度恶化，如果目标物的水平能见度降低到1000米以内，就将悬浮在近地面空气中的水汽凝结（或凝华）物的天气现象称为雾.

霾，也称灰霾（烟雾）空气中的灰尘、硫酸、硝酸、有机碳氢化合物等粒子也能使大气混浊.将目标物的水平能见度在1000-10000米的这种现象称为轻雾或者霭.形成雾时大气湿度应该是饱和的（如有大量凝结核存在时，相对湿度不一定达到100%就可能出现饱和）.由于液态水或冰晶组成的雾散射的光与波长关系不大，因而雾看起来呈乳白色或青白色和灰色.

雾霾天气是一种大气污染状态，雾霾是对大气中各种悬浮颗粒物含量超标的笼统表示，尤其是PM2.5（空气动力学当量直径小于等于2.5微米的颗粒物）被认为是造成雾霾天气的“元凶”.随着空气质量的恶化，阴霾天气现象出现增多，危害加重.中国不少地区把阴霾天气现象并入雾一起作为灾害性天气预警预报.统称“雾霾天气”.

现在全国各地都有着不同程度的雾霾的影响，雾霾对于我们的生活无疑带来了很多困扰，它的危害也是多种多样的.下面我们列举一些：

（1）对呼吸系统的影响：霾的组成成分非常复杂，包括数百种大气化学颗粒物质.其中有害健康的主要是直径小于10微米的气溶胶粒子，如矿物颗粒物、海盐、硫酸盐、硝酸盐、有机气溶胶粒子、燃料和汽车废气等，它能直接进入并粘附在人体呼吸道和肺泡中.尤其是亚微米粒子会分别沉积于上、下呼吸道和肺泡中，引起急性鼻炎和急性支气管炎等病症.对于支气管哮喘、慢性支气管炎、阻塞性肺气肿和慢性阻塞性肺疾病等慢性呼吸系统疾病患者，雾霾天气可使病情急性发作或急性加重，如果长期处于这种环境还会诱发肺癌.

（2）对心血管系统的影响：雾霾天气空气中污染物多，气压低，容易诱发心血管疾病的急性发作.比如雾大的时候，水汽含量非常的高，如果人们在户外活动和运动的话，人体的汗就不容易排出，造成人们的胸闷、血压升高，从而影响人们的健康.

（3）雾霾天气还可导致近地层紫外线的减弱，使空气中的传染性病菌的活性增强，传染病增多.没有紫外线杀毒，进行光合作用，会严重危害到人们健康.

（4）由于雾天日照减少，儿童紫外线照射不足，体内维生素D生成不足，对钙的吸收大大减少，严重的会引起婴儿佝偻病、儿童生长减慢.

（5）影响心理健康，阴沉的雾霾天气由于光线较弱及导致的低气压，容易让人产生精神懒散、情绪低落及悲观情绪，遇到不顺心的事情甚至容易失控.

（6）会影响交通安全.出现雾霾天气时，视野能见度低，空气质量差，容易引起交通阻塞，发生交通事故.

现在很多人越来越注重生活，一些关于检测雾霾的软件也越来越多，人们都会选择正确的方式、时间出门，来预防雾霾给我们身体造成的伤害.既然污染已经形成，在我们保护环境的同时，我们也应该相对减少雾霾对于身体的伤害，直面雾霾.

2　检测APP的设计趋势

鲁道夫·阿恩海姆说过“视觉是一种主动性很强的感觉形式”［1］用户是上帝，一切还得从应用说起.为此，国外著名的应用设计师GannonBurgett结合自己多年实战经验归纳总结了2015年App设计发展的13大趋势.我们应该时刻记着这13点：

（1）扁平化设计——微软赢了，乔布斯失算了.

（2）更少的按钮，更多的手势——不想凌乱，就手势吧.

（3）理解的辅助动画——视觉上的提醒总是那么的必要.

（4）左侧导航菜单——一目了然.

（5）更多原生——Nativevs.Web，还在斗？该是分胜负的时候了.

（6）响应式网页设计——不响应，毋宁死.

（7）更大的网页宽度——浪费可耻.

（8）更大的字体——对心灵之窗好一点.

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

（10）更多动图素材的使用——你喜欢哪一种？

（11）人性化设计——设计师守则.

（12）更少老土颜色——国内App设计在颜色上，真的应该再大胆些.

（13）矢量自适应——一次设计，随处运行.

因为人心所向，所以大势所趋，对于2015年的App设计，一句话概括就是“简洁轻快的界面设计更符合现在用户的心理需求”.从用户角度出发，专注于产品的质量和人性化，只要做到这样，不赚钱是“不道德”的.

据调查显示，应用被下载后，26%的应用只被打开过一次！开发者辛辛苦苦做了一款App，好不容易有人下载安装了，首屏注册表单却吓跑了一众用户.对此交互设计大师LukeWroblewski结合实例对App注册表单必死之由进行了详述.

留住用户之法：（1）循序渐进，将用户带入应用中.（2）先体验，后注册.（3）注册界面要合理优化.

未来的交互趋势和设计理念的8个见解：

（1）人们过多的依赖手机，逐渐脱离了现实社会.

（2）相似物隐喻在数字设备上意义不大.

（3）我们期待新的媒体模式.

（4）UX生动且难以捉摸，因此现在的所有体验设计都得流动且灵活.

（5）应该只是试着去了解一个产品，而应该去了解与其有联系的的整个产业链.

（6）未来的物联网将连接无数个传感器.

（7）当信息超载时，我们就变成了数据的“殖民地”.

（8）集体意识的觉醒使得“互联网智慧”更具本地化特征.

3　APP的发展趋势

2015年刚刚开始，APP设计的趋势已经开始显现.APP设计趋势来来去去，有些转眼成为过去，有些持久流行.设计的发展趋势，可以受各种各样的东西驱动.“创作思维的核心就是发散思维.”［2］我们注意到去年在硬件方面的大变化将会影响2015年的UI设计，其他的趋势是受移动应用的日益普及影响.它们无处不在，据Ofcom的数据，88%成年年轻人拥有智能手机.

还有一些趋势由更宽泛的文化原因造成，品牌的变化和移动设备的个性化.

研究了许多数据，整理出2015年五大APP设计趋势.

3.1更大的屏幕

大屏手机或平板手机的屏幕越来越大，预计在2015还将越来越受欢迎.市场调研公司IDC认为屏幕超过5英寸的手机销售将激增209%.就连iPhone都已经变大了，它将改变我们手持设备的方式和界面Adobe的移动标准报告证实了这一趋势.越来越多的人使用手机应用程序，但小于4英寸的屏幕的浏览量去年降低了11个百分点.

这对APP设计者意味着什么呢？有一件事改变了，就是我们手持设备的方式.StevenHoober在2013年进行的一项研究表明，大多数用户手握手机右下角，只用一个拇指操作他们的智能手机，但是这个研究中应用设备最大不超过4.3英寸.

3.2厚度和重力

过去的几年里极简主义与扁平设计大行其道.这股潮流将在2015继续，但拟物将以另外一种微妙的形式找到他们的回归.屏幕上的对象可以看着是平的，但却可以赋予他们物理形态.模拟重力将UI组件从扁平的符号化转化为实物.厚度可通过透明度和图层叠加.

3.3隐藏的菜单

有些趋势是顺应新的硬件迅速发展，有些却经过了长久的酝酿.这一条便是应对既定的界面设计规则发展缓慢起来的.屏幕将越变越大，但移动APP提供的工作空间还是比台式机和笔记本电脑少.一种解决方案将功能隐藏，直到它被需要的时候.需要时抽出，不需要时再收回的抽屉式导航，已经不是最流行的设计了.我们看到菜单精简为文本的子集，成为了你在既定情况下执行特定任务的工具.照片编辑器Rookie隐藏了所有的导航，直到你需要才弹出功能层.还有更多的隐藏导航；滑动时才显示功能的按钮或组件.所有这些小趋势，只为了一个目的——保持屏幕洁净.

自第一个智能手机的成功推出已经七年了，正如用户们已摸熟使用规则，设计师们对手势命令越来越轻车熟路.这导致的积极影响是：导航的减少以及移动设备正和你的APP融为一体–不管是相机，笔记工具或音乐键盘.

3.4游戏性和个性

一些趋势的发展是更宽泛的文化习俗的回应，而不是因为硬件变化或界面的训练.这是其中一条.应用程序越来越好玩了吗？不是说像游戏.仿佛是开发者们在用明亮的色彩，弹性的面板和诙谐的文本，对抗保守性的扁平设计.例如，让你不由发笑的对话框，更新通知的小彩蛋等等.大胆的色彩和干净的图标隐藏了UniqloWakeup顽皮的一面.这个APP基于时间和天气选择叫醒音乐.

3.5联系增强

设计师不能忽视，我们正处在重要的移动发展边界.我们的APP正变得越来越与环境相关.

我们对GPS和蓝牙已经习以为常了，他们帮助APP定位，使我们和设备连接在一起.而这些技术也有助于我们的APP捕获其他数据.随着苹果的iBeacon和其他蓝芽低功耗为基础的技术发展，即使我们在室内，APP也能够为我们定位.

同时，2014年以智能手环和智能手表为代表的可穿戴技术兴起.他们随时收集关于我们的一切数据.这次不仅仅是位置，而是我们某一天某一时刻的位置.当我们吃饭的时候，当我们休息时，当我们在工作时，当我们在家里的时候，智能算法可以交叉关联相关信息来做出推断.

4　雾霾检测APP的特点及设计方案

在这个通讯化时代，APP已经形成一种主流.人们靠APP听歌，娱乐，看视频，买东西，了解信息等等.现在市面上有许多关于雾霾，天气的APP，但是还没与一款能够检测雾霾的.“设计不是一个作品的意识，它是一个社会系统的意识，是在系统里面某种功能的一种实现，这种实现会确定消费者的一种生活方式和他的生活状态.”［1］雾霾检测型APP可以通过一些细微的技术，检测到我们身边的雾霾PM2.5的数值，它是与天气连接在一起的.我们可以通过每天的数据更新，从而决定何时出门最为有利.它还能够统计一周，一个月，甚至一年的雾霾的数值，从而进行分析，分析天气的趋势，给我们的生活带来便利，时刻提醒我们要保护环境.

第一、了解你的目标客户群的心态.

（1）做微任务的目标客户群（如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类）：

这类的解决方案是设计的app最好是小而准，不要大而全.越全的功能应用，只能代表着这个应用在各方面的都很平庸.

（2）喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等.

这类的解决方案是我们尽最大努力的去满足用户的情景需求.做到极致和简单.

（3）无聊的客户群，用来打发消磨时间的：无需求，漫无目的的.

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光.

第二、APP原型图的制作和设计讨论.

这个环节是必不可少的.需要根据设计需求认认真真的来画画原型图.常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等.

第三、APP视觉设计与设计要点.

（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等.

一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方.但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方.

另外还有一个原则，最小的触摸单位，一般是44个像素.如果再小，你的拇指难以触碰，或者容易引发误操作.同时，也不要让界面太拥挤.所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素.

你必须记住：（1）隐藏设计或者减法设计，（2）分区或分类，（3）帮用户做决策，（4）提高交互创新设计，（5）让人有爽快感和新奇感，（6）在设计中浸入情感，把握用户的心理.

一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形.”

2014年APP设计风格趋向扁平化和卡片化.卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！

第四、APP界面设计流程

（1）设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计.

（2）由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试.

（3）整个设计过程中不断问自己“真的需要吗？”.支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人.

但必须始终注意剔除不必要的元素，不断精简.甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔.

第五、APP界面设计测试与预览修正.

设计完成之后，我们可以把设计图导入手机测试或者是校正.之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的.

5　结语

APP的设计应用是视觉设计发展的趋势，中国的智能手机应用现在还只是起步阶段.未来的发展的机遇与挑战并存，任何事物发展都不会是一片坦途.雾霾检测APP是一项公益行为，一款APP只是能暂时的提醒你预防雾霾，但如果环境污染越来越严重，就算呆在室内也是无法避免伤害的，尤其像雾霾这样随着空气传播的.设计只是为了影响消费者的生活状态和生活方式，提倡环保，保护环境，不容忽视.

参考文献：

〔1〕（美）鲁道夫.阿恩海姆.视觉思维—审美直觉心理［M］.成都：四川人民出版社，1998.265.

〔2〕（荷）田崴.思维与设计—造型艺术与思维创意［M］.北京：北京理工大学出版社，2005.22.

〔3〕杭间.设计的善意 ［M］.桂林：广西师范大学出版社，2011.8.

中图分类号：TP303

文献标识码：A

文章编号：1673-260X（2016）05-0015-03

收稿日期：2016-02-23

基金项目：2015年安徽工业大学工商学院青年教师科研基金项目（QS2015006）