淺議現代移動端設計發展

張樹方

【摘 要】隨著智能手機和平板電腦的出現，各種APP如雨后春筍一般冒出，現代移動端設計的發展愈來愈快，而設計風格也出現了兩個大的方面。雖然都是極簡主義但是有生命力和互動性的設計正在滲透進我的移動端的設計當中。

【關鍵詞】移動端設計；UI；UE

移動端設計是APP的重要組成部分它要以一種簡單明了的方式向人們表達出產品的運用，在美觀APP的同時還要關懷人們的體驗，要與潮流相結合。

一、UI/UE的前生，網頁設計的構建

由于90年代第一個網站的誕生設計的范圍就開始向網絡闊展，當初的網站的設計感相對的比較薄弱只是由文字，以及插入的小圖片構成。然后出現了表格布局和加入動效圖到現在的Css網頁設計，到現在的UI和UE的設計。

二、UI/UE的構建

UI/UE的發展是由智能手機的出現和一個個手機APP的誕生而發展起來的，主要設計的是圖標和界面，關懷使用人的用戶體驗。

（一）圖標

Logo這個詞大家都熟悉。因為手機APP的誕生，類似淘寶，百度等網絡公司都有了自己的APP，在手機界面上用了自己的標志制作logo，也就是圖標。現在我們以經可以在手機上下載非常多的APP了，也有各式各樣的圖標的出現。

（二）界面

和網頁界面一樣，因為手機和平板電腦的尺寸不同也出現了相應的界面的設計標準，在符合該APP的風格的前提下還有一套自己的標準。

（三）用戶體驗

現在移動端的設計還要關心用戶的體驗，用戶在使用該APP中是否有不習慣或者是上手難，也是因為這樣很多同類型的APP都給人一種使用上的熟悉感，即使是有改動也不會有太大的變化。

三、設計風格的變化

和很多設計師相同UI/UE設計師們的設計風格也隨這潮流在變化著。由過去的漸變到現在的扁平化和的發展。

（一）簡潔明快的設計風格

隨著現代極簡主義的發展移動端的設計也向著簡潔明快的方向發展。由IOS的扁平化設計風格和安卓的卡片化設計風格為主的兩個設計風雖然從理念上兩種風格并不相同但這兩種風格的設計都是簡潔明快令人一目了然的，它們都是極簡的設計風格，不拖泥帶水的設計。

（二）扁平化設計

扁平化設計是完全屬于二次元的世界的，一個簡單的形狀和一個沒有景深的平面，而這個概念最核心的觀念就是放棄一切裝飾效果。所以我們的手機APP界面都是一些用線條和色塊組成的。而圖標也是簡潔明了的扁平化設計，而界面的切換也是干凈的簡潔的直接不花哨的。扁平化的設計簡潔明了的表達它給人們傳遞的基本信息。

（三）卡片化設計

卡片化設計和扁平化設計都是同樣的簡潔明了，它們想傳達的含義一般都非常的干脆利落就好像司令給士兵下達的命令一樣但扁平化的設計是色塊的話那卡片化設計和它的名字一樣就是卡片一張張帶有色彩的卡片的疊加，而最能直觀體現這兩種設計理念設計不同的方法就是它們的動效了，卡片化設計的動效和你玩折紙游戲一般，而扁平化設計的動效相對的要柔和。

（四）設計的人文關懷

雖然這兩種設計都是極簡主義但簡化到最后設計都是追求人文關懷的。在簡單明了下追求有生命的設計，關懷用戶體驗，所以在最新版本的ios和安卓兩個系統中在保持著極簡的設計的同時還加入了更多的動效而兩種設計風格也越來越體現出了自己的獨特性和人文關懷。而在很多的APP中也加入了H5的應用動效圖不在是圖片當你點開它的時候它還會給你小的驚喜與你而在手機中你會發現很多你在觸摸屏幕是手機與你的互動感。

參考文獻：

[1]Theresa Neil.移動應用UI設計模式.人民郵電出版社.

[2]周陟.UI進化論.清華大學出版社.

[3]Giles Colborne-.間約至上.人民郵電出版社.