起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識2014年移動端界面設計分析
移動互聯(lián)網(wǎng)時代的悄然襲來改變著我們的生活方式，因此有大批設計力量涌入了移動端的設計領域中，這也說明了大家越來越重視用戶在各個設備終端層面的體驗。在規(guī)劃產(chǎn)品時，往往會把PC端和移動端的產(chǎn)品放在同等重要的地位進行思考。然而，設備的多樣性和產(chǎn)品形態(tài)的多樣性為設計師們帶來的既是更多的發(fā)揮空間，也同樣是更大的挑戰(zhàn)。這些產(chǎn)品在設計之間有何不同？如何規(guī)劃不同平臺上產(chǎn)品的功能？設計時有哪些差異？2014移動端的界面設計是非常值得探討的話題。
唯一主色調
2014年，追求極簡設計風格，主色調可能只是選定一種色彩，然后調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，從而產(chǎn)生新的色彩，這樣能夠很好的表達界面層次、重要信息，并且展現(xiàn)良好的視覺效果。這樣的頁面看起來色彩統(tǒng)一，有層次感。當前上線的一些移動應用都采用極少的色彩，甚至放棄所有的顏色。僅僅用一個主色調就能展現(xiàn)良好的視覺效果。
多彩色風格設計
Metro 引領的多彩色風格是與唯一主色調形成對照關系的設計風格，多彩撞色更多的表現(xiàn)于多種純色塊的使用，就是很簡單的純顏色，只需要注意多彩配色的方式，就能得 到很好的視覺效果。多彩色拼接的設計風格，一屏式的頁面排版布局，總體來說是時尚大氣簡潔的設計?！岸嗖首采钡母拍?，在2014年手機端仍會繼續(xù)發(fā)展。
信息框架扁平化
在設計的表現(xiàn)形式上我們追求界面扁平，注重通過弱化視覺效果來強化應用的功能。在移動設備上，過多的層級會使用戶失去耐心而放棄對產(chǎn)品的使用。而且移動端上 頁面小，沒太多地方擺多層的tabs導航或者面包屑導航，就只剩下左上角的一個“返回”按鈕作為導航了，可以一次接一次的深入，但跳轉了三、四次后，再看 左上角的“返回”按鈕，你已經(jīng)很難判斷出將會返回到哪里了。應該從信息架構角度，再進一步的去應用扁平化的設計理念，信息框架扁平化的目的是減少信息層 級，追求信息到達用戶的最短距離，從根本上解決上述問題。
扁平化思想是一種讓設計者在界面設計過程中減少信息層級的思想。
動態(tài)數(shù)據(jù)可視化
數(shù)據(jù)可視化設計是將枯燥繁瑣的列表和文字轉換為直觀的餅圖、扇形圖、折線型、柱狀圖等豐富直觀的設計元素，提高用戶體驗。而且現(xiàn)今數(shù)據(jù)可視化不只是靜態(tài)展現(xiàn) 數(shù)據(jù)，用戶希望通過互動及時獲取數(shù)據(jù)流，若以動態(tài)效果來呈現(xiàn)，能多維度呈現(xiàn)給用戶實時信息，同時能與用戶形成互動，提高數(shù)據(jù)表現(xiàn)的趣味性。動態(tài)數(shù)據(jù)可視化 將更加強調數(shù)據(jù)轉譯實時更新的圖形，以及動態(tài)的圖形化表達。
移動端的視差效果
視差滾動是時下比較熱門的網(wǎng)頁設計技術，通過讓多層背景以不同的速度移動來形成立體的運動視差效果，雖然純屬視覺效果，但不可否認在內容滾動時形成的視覺體 驗非常出色！視差效果在網(wǎng)站中的應用并不少見，若在移動應用中，是否也能運用一些精細的視差效果，為用戶帶來全新的視覺體驗。當用戶在傾斜和移動屏幕時， 視差能讓用戶在屏幕上看到如3D一樣的視覺效果，帶來非常出色的感官體驗。
分層結構
分層結構是通過動效擴展了屏幕空間，渲染出帶有縱深感的層次，將操作區(qū)和內容區(qū)劃分開，培養(yǎng)用戶使用習慣，使人印象深刻，達到意想不到的效果。這種設計更專注于內容，更多的暴露信息，減少結構層級，操作高效。
迎合用戶的使用習慣
迎合用戶的使用習慣，主要為了讓用戶在操作中簡單到極致。用戶不喜歡經(jīng)常重復性輸入一些信息，如個人賬號，安全信息，操作習慣，下次操作行為等，這些占用了用戶完成其他重要任務的時間。盡量減少用戶的輸入，并且用戶在輸入時可以給出適當?shù)膮⒖肌?br /> 根據(jù)用戶的行為習慣，對移動應用的整體布局進行重新策劃，使得簡單、簡單、再簡單、簡單到極致，通過清晰的流程和界面，讓用戶減少對應用的思考以及尋找的時間；讓準確的色彩和表述減少用戶心理斗爭的時間。
提供明確的導航
導航在移動界面設計中是至關重要的，導航的主要作用在于：告訴用戶，我在哪？我去過哪？我可以去哪？我怎么去哪？我去哪能干什么？等等，這些都是導航的作 用。明確的導航設計，可以增強用戶的體驗，讓用戶直接在主界面就可以看到對應子界面中的信息，減少用戶盲目的操作。在任何地點都能回到主界面或退出應用， 因此導航上的每個操作對用戶來說應是符合邏輯的，用戶能夠較容易了解它要表達的信息與情感。
主操作欄的內容不易過多
主操作欄的作用是為了把最重要的內容展示給用戶，一般不超過三項。過多的內容會對用戶造成干擾。因此簡潔的主操作欄便于用戶的使用和了解，并且減少用戶發(fā)生錯誤選擇的可能性。操作欄上的操作按鈕一般用來展示最重要、常用，而且頻繁使用的功能操作，比如移動端界面左上角的返回按鈕。
以用戶為中心
用戶總是按照他們自己的方法理解和使用移動端，所以從用戶的觀點考慮，想用戶所想，做用戶所做成了設計師們的設計考量標準之一。比如用戶在沒聯(lián)網(wǎng)的情況下發(fā)送信息或發(fā)表評論，相應的內容會自動保存在手機端，聯(lián)網(wǎng)后只需重新發(fā)送即可，不需要重新輸入內容。
合理的用戶引導
由于手機界面的承載能力有限，產(chǎn)品功能的不斷膨脹，必須要在用戶打開應用之后告知他某些新奇的功能，引導他完成某些主要任務流程，幫助用戶快速掌握應用的使 用方法，讓用戶快速體驗到應用的樂趣，激起用戶對功能的嘗試欲望。引導語句必須簡短，聚焦在最重要的任務上，減少用戶的思考時間，讓用戶不至于迷失在陌生 應用中不知所措。同時也要避免接連不斷的展示引導信息，這樣不僅會產(chǎn)生短期加重記憶方面的問題，而且會讓新用戶覺得你的應用過于復雜，望而生畏。
擬真動態(tài)
將現(xiàn)實中的運動現(xiàn)象簡化抽象,形成了移動端中一些蠻有特色的動畫效果。比如天氣應用中，全屏的氣象動畫優(yōu)雅而逼真，洋洋灑灑的雪粒、悠然飄浮的云朵、劃破天際的閃電傳達出一種獨特的表現(xiàn)力，給用戶更完整,更真實以及更具趣味的感官體驗。
盡量使用圖形元素
眾所周知，圖形相較于文字更易于記憶和了解。最合理的方式是：“恰當?shù)膱D形元素+簡短的文字”，并整合到一個展示層面上，這種方式既有利于用戶閱讀，也可以 使多步驟的流程更直觀、易懂、易記憶。采用的圖形盡量簡單易懂，形象具體。避免讓人產(chǎn)生歧義的圖標，因為這樣反而會誤導用戶，損失設計交互體驗。比如圓形 是最容易讓人覺得舒服的形狀，尤其是在充滿各種方框的手機屏幕內，增加一些圓潤的形狀點綴，立刻就會增加活潑的氣息，徒增好感。移動界面運用圓形選項按鈕 來設計，讓選擇變得專注而明確，又不刻板老套。
總結：
移動端的設計根據(jù)不同產(chǎn)品的戰(zhàn)略和具體情境，設計要進行靈活變化。其提倡的核心原則就是從用戶出發(fā)，充分考慮用戶的使用體驗。本文對移動端界面設計進行粗淺的分析，希望給大家?guī)硪恍┧伎己蛶椭?，有不足之處歡迎指正，也與諸君共勉。
鏈接：http://design.anyforweb.com/Clients/ShtmlPages/News/newsDetail237.shtml
- 目前還沒評論，等你發(fā)揮！
