手機APP在2017年經(jīng)歷了許多變化。人工智能,基于聊天的界面,響應式設計,虛擬現(xiàn)實(VR)和增強現(xiàn)實(AR)為設計師帶來了新的挑戰(zhàn)。 研究表明,平均每天花在移動電話和平板電腦上的時間為158分鐘,其中127分鐘用于各種應用程序。 可以看出,隨著我們不斷吸收新手機,移動APP的快速發(fā)展是不爭的事實。 在模擬新趨勢的同時,還需要確認這些設計趨勢是否已得到驗證。 以下是2017年移動設備最具影響力的趨勢,也將在2018年流行::
1. 卡片視圖
隨著移動設備在互聯(lián)網(wǎng)中變得越來越重要,在產(chǎn)品拋光方面,如何讓移動設備和桌面界面更加模糊,用戶體驗更加無縫,這是設計人員需要解決的一個緊迫問題。 卡視圖是解決這個問題的好方法。
作為交互式信息的載體,卡片以簡明的形式提供快速和相關的信息,并且還需要委婉的方式來請求交互。 設計精美的卡片視圖可以快速捕捉用戶的眼球,完全適應敏感的風格,并具有很高的可讀性。
在較小的屏幕上靈活組織和安排內(nèi)容的意義非常重要。 卡為多種媒體內(nèi)容(如文本,圖像和視頻)提供集成解決方案。 到目前為止,App Store,F(xiàn)acebook,Google和Twitter已經(jīng)完成。 卡片設計的迭代更新,我相信這一趨勢將在2018年保持強勁。
2.微網(wǎng)站
隨著移動設備在互聯(lián)網(wǎng)中變得越來越重要,在產(chǎn)品拋光方面,如何讓移動設備和桌面界面更加模糊,用戶體驗更加無縫,這是設計人員需要解決的一個緊迫問題。 卡視圖是解決這個問題的好方法。
作為交互式信息的載體,卡片以簡明的形式提供快速和相關的信息,并且還需要委婉的方式來請求交互。 設計精美的卡片視圖可以快速捕捉用戶的眼球,完全適應敏感的風格,并具有很高的可讀性。
在較小的屏幕上靈活組織和安排內(nèi)容的意義非常重要。 卡為多種媒體內(nèi)容(如文本,圖像和視頻)提供集成解決方案。 到目前為止,App Store,F(xiàn)acebook,Google和Twitter已經(jīng)完成。 卡片設計的迭代更新,我相信這一趨勢將在2018年保持強勁。
3.移動網(wǎng)站的拉長滾動和視差
擴展?jié)L動將桌面內(nèi)容轉換為移動瀏覽,滾動交互本身與移動端的觸摸控制無縫銜接,幫助用戶在不中斷的情況下保持單向滑動的大量內(nèi)容。
但是,一般來說,拉長的滾動變得更加普遍,并且在這里提到視差滾動更多。視差原理是讓前景和背景以不同的速度滾動,產(chǎn)生深刻的視覺感受。在此基礎上,許多設計師開始嘗試多個圖形元素的視差滾動,并且可以通過滾動和圖形簡單地呈現(xiàn)完整的故事。
對于產(chǎn)品來說,正確的滾動效果不僅能夠以高效和層次的方式傳遞內(nèi)容和信息,而且能夠優(yōu)雅而平穩(wěn)地提高產(chǎn)品本身的精致度。
4. 移動端原型設計更方便
隨著用戶體驗和界面設計的不斷整合,原型設計在產(chǎn)品設計中變得越來越不可或缺,快速,高效和可視化是行業(yè)原型設計的潛在需求。 持續(xù)升級優(yōu)化,如Mockplus的最新版本3.2支持快速數(shù)據(jù)自動填充,一鍵導出頁面流程圖,加快移動端原型的效率,從而改善整體工作流程,留出更多時間思考 用戶體驗。
同樣值得整合的是,Mockplus今年舉辦的原型競賽也為移動終端產(chǎn)品設計的發(fā)展開了一個良好的開端。 產(chǎn)品經(jīng)理和設計師還需要一個更開放的平臺來共享和展示產(chǎn)品設計行業(yè)。 理解和思考,讓整個行業(yè)更加蓬勃,充滿活力。
5. 全屏視頻
愿景總是人們最強烈的感受。 巨大的單張照片已經(jīng)成為多年來的主流設計趨勢。 大規(guī)模圖片的成功和帶寬的發(fā)展也為全屏沉浸式視頻鋪平了道路,動態(tài)視頻在產(chǎn)品設計中越來越受歡迎。 出現(xiàn)了豐富的交互式全屏視頻演示模型。
巨大的,動態(tài)的,美麗的視覺感受實際上符合人類自然的審美追求。 身臨其境的視頻可以充分發(fā)揮產(chǎn)品主頁的價值,并使背景布局更加大氣和華麗。
。
6. 半扁平化設計
平面風格占據(jù)了設計趨勢的一半。 在卡片視圖的影響下,為了突出內(nèi)容和感知,平面設計變得更加立體和多維,使用了很多陰影和對比。
平滑的陰影可以增強界面的深度和復雜性,而不會與原始風格產(chǎn)生任何沖突。 我相信未來,平板的風格不會停留在目前的整體風格上,而是會整合更多的模式來不斷優(yōu)化和創(chuàng)新。
7. AR增強現(xiàn)實
隨著Animoji在iPhone X上的推出,2017年將是移動應用AR技術的一年。隨著科技的進步,今年的AR產(chǎn)品在信息整合,實時互動,精準定位等方面取得了巨大突破。此外,AR現(xiàn)在不僅用于兒童科普教育意識。移動產(chǎn)品的應用大大豐富了。目前已涵蓋軍事,醫(yī)療,建筑,教育,工程,電影和娛樂等領域。 。
值得一提的是,宜家“家具指南”APP,早在兩年前宜家就已經(jīng)開始了AR領域的嘗試,限于當時的技術經(jīng)驗相對較差。目前,該應用程序已經(jīng)能夠以3D的形式精確呈現(xiàn)不同顏色的宜家產(chǎn)品。通過用戶手持移動電話的旋轉角度,虛擬家具的比例可以出現(xiàn)在家中任何一個角落,購買家具的體驗大大提高。 。
8.漸變色
自從Instagram的logo更改以來,漸變色逐漸進入了人們的視野。歸根其原因在于扁平化風格極其容易造成同質(zhì)性,追求視覺豐富度的設計語言又開始回歸。除了上面提到的半扁平化風格,更具視覺沖擊的漸變色能夠牢牢抓住用戶眼球,簡潔的圖形和高飽和度的漸變色能夠較好兼顧設計的便利度和視覺的分量感。
色彩上的精準運用,有利于喚起用戶情緒并且建立一個有個性的產(chǎn)品,讓用戶通過色彩深刻地感知你的產(chǎn)品。
總結
自Instagram徽標發(fā)生變化以來漸變顏色逐漸顯現(xiàn)。 原因在于平面風格極有可能引起同質(zhì)性,追求視覺豐富性的設計語言也開始回歸。 除了上述半扁平化款式之外,更多視覺上的漸變色彩可以牢牢抓住用戶的眼球,而簡潔的圖形和高飽和度的漸變色彩可以更好地平衡設計的便利性和視覺感。
精確使用色彩有助于激發(fā)用戶的情緒并創(chuàng)建個性化的產(chǎn)品,讓用戶通過色彩深入了解您的產(chǎn)品。
北京傳誠信,行業(yè)領先網(wǎng)站建設公司,14年專注企業(yè)網(wǎng)站一站式服務,已為眾多企業(yè)公司提供網(wǎng)站建設,網(wǎng)站設計,網(wǎng)站制作,手機網(wǎng)站開發(fā),模板建站等服務。高端定制網(wǎng)站建設領軍品牌--傳誠信值得信賴!