作者:TPshop搜豹商城 發布時間:2020-04-29 15:08 閱讀:1534
移動端APP網頁設計,要做好這些事情?下面一起來看看吧!
圖層讓界面擁有了深度,讓體驗更加真實分層式的界面設計甚至成為了Google的Material Design的核心設計原則,它參考了現實世界 中人們同不同的物體進行交互的方式,將這些物理法則融入到界面交互當中。表層和投射在背景中的陰影則在界面層次中起到了重要的作用,它將不同控件和元素分隔為不同層。
分層界面中最常見的元素和特征:
1、浮動的操作按鈕:通常常用的、推薦的操作被集成在這些浮動按鈕中,通常你需要點擊界面頂端浮動的一個圓形按鈕來展開全部的浮動操作按鈕。
2、放大和展開:在分層式界面當中最常見的一個例子,就是當你點擊列表中一個條目的時 候,就會展開呈現其中的細節,隨后你還能返回收縮讓你看到完整的列表視圖。
3、置頂導航:保留必要的菜單,當用戶操作的時候,常駐屏幕頂端,便于操作。
4、典型的彈窗:就像桌面端的彈出式提示框那樣,疊加在現有界面上的提示框,讓用戶登 錄、提示信息,甚至是展現廣告。
5、熟悉的手勢:基于手勢的移動端交互,改變了我們同智能設備溝通和操作的方式,屏幕不再只是單純的觸摸點擊的目標,更為復雜的滑動和多點觸控讓手勢操作帶來了更多的可能性,從縮放、返回到刪除,我們可以進行的操作越來越多,一些約定俗成的手勢操作規則也逐步成型。
越來越多的APP開始依賴手勢操作,而屏幕上的按鈕也越來越少,為有價值的內容騰出了更多的空間。這樣一來,APP本身也越來越專注于內容的呈現。
小貼士:當我們談及標準化的手勢操作的時候,其實也是在強調手勢的“直覺性”和通用性。 當你想要在手勢操作上玩創意的時候,最好三思而后行。手勢操作本身帶有一定的隱藏性,所以,如果沒有一定的視覺引導,用戶可能會感到迷惑,不知道要如何同APP進行交互。 功能性的動效這里所說的功能性的動效指的是那些嵌入到用戶交互流程、使用過程中的微妙的動效設計。它們充當界面和交互之間的協調人和連接器:當用戶看到這些作為觸發反饋的動畫效果的時候,就明白他們的操作完成了。
6、平滑過渡,讓用戶注意到改變: 圖標的變化在不同的階段可以起到不同的效果。
小貼士:微妙的動效能夠巧妙的連接不同的界面和狀態,提升用戶體驗。但是千萬不要濫用動效,專注體驗,而不是為了使用動效而添加動效。不得不說,隨著技術的發展和經驗的積累,現如今的移動端設計充滿了套路。能夠脫穎而 出的優秀設計雖然各有特色,但是在基本的設計上,都一樣的優秀。就像我們今天總結的,干凈的界面、簡明的配色方案、賞心悅目的動效和布局,這些基本功做好了,然后才是探索屬于自己的特色。
點擊【APP下載安裝官方免費下載】聯系客服獲取。
<TPshop(www.6h610m.com)是國內知名商城系統及商城網站建設開發商,為企業級商家提供零售商城、B2B2C多用戶商城系統、網上商城開發、三級分銷系統、小程序商城、APP制作等多端商城及電子商務行業解決方案>
文章摘自:網絡