移動(dòng)開(kāi)發(fā)者須知:2015 年五大移動(dòng)端設(shè)計(jì)趨勢(shì)
我記得像這種預(yù)測(cè)早在2000年底的已經(jīng)出現(xiàn),那時(shí)聽(tīng)起來(lái)有點(diǎn)古怪,但是在現(xiàn)在是2015年了而且預(yù)測(cè)是對(duì)的,孩紙們。
實(shí)際上,Comscore 認(rèn)為,我們?cè)谌ツ暝缧r(shí)候已經(jīng)越過(guò)了"引爆點(diǎn)"。盡管不同的網(wǎng)站情況不盡相同,但總體來(lái)看,我們相信桌面用戶在某種意義上成為了少數(shù)的"邊緣用戶群"。
所以,如果移動(dòng)端已經(jīng)成為了主要的瀏覽設(shè)備,”移動(dòng)端設(shè)計(jì)“現(xiàn)在就是”設(shè)計(jì)“的代名詞了。
考慮到這一點(diǎn),我們列出移動(dòng)端設(shè)計(jì)在 2015年可能出現(xiàn)的五大趨勢(shì)。如果你正在準(zhǔn)備重新設(shè)計(jì)你的應(yīng)用或者在創(chuàng)建一個(gè)新的應(yīng)用,我推薦您閱讀下面的內(nèi)容。
微妙的調(diào)色板
雖然你很有可能將在 web 設(shè)計(jì)中看到更加壯觀、更加大膽的色彩,但是在移動(dòng)應(yīng)用程序恰巧相反。由于移動(dòng)端的設(shè)計(jì)似乎在走簡(jiǎn)約的方向,并不是給人大的驚喜,因?yàn)樵O(shè)計(jì)師在顏色上返璞歸真。
簡(jiǎn)單、微秒的色彩模式目前將代替大膽并華而不實(shí)的調(diào)色板。從心理學(xué)的角度上來(lái)說(shuō),這是設(shè)計(jì)上的聰明舉動(dòng)。因?yàn)轷r艷的色彩可以抓住人們的注意力,但是也可以分散注意力。微秒的色彩可以吸引熱門并抓住人們的注意力。
會(huì)有很多的對(duì)照,不會(huì)讓那些微秒色彩的調(diào)色板的言論糊弄了你。唯一的區(qū)別是消防栓的紅色和霓虹燈綠色的顏色實(shí)際上更“溫暖”而不是“火熱”。由于微秒的色彩在移動(dòng)端接口實(shí)現(xiàn),使得平面設(shè)計(jì)更優(yōu)化,元素更加互動(dòng)。
動(dòng)畫元素
促進(jìn)更多的互動(dòng)似乎是擴(kuò)大移動(dòng)端的新計(jì)劃。沒(méi)有什么比動(dòng)畫更能得到人們的回應(yīng)了。所以即使把動(dòng)畫引入到移動(dòng)端也不必驚訝。
而不是讓 app 從競(jìng)爭(zhēng)對(duì)手中脫穎而出,你應(yīng)該期望看到動(dòng)畫使用在更加功能化、激勵(lì)的角色中,而不是單純的視覺(jué)上。動(dòng)畫將用來(lái)引導(dǎo)用戶有一個(gè)更加愉悅、高效的體驗(yàn)。正確實(shí)現(xiàn)的用戶也將有時(shí)間來(lái)弄懂什么是互動(dòng),什么是純粹的作秀。
伴隨動(dòng)畫,移動(dòng)端設(shè)計(jì)將能夠呈現(xiàn)更多現(xiàn)實(shí)的方式與人類典型的行為融合,反對(duì)那些機(jī)械或者“干巴巴”的體驗(yàn)。使用動(dòng)畫將有望提供不僅是更多娛樂(lè)而且個(gè)性化 app 本身,這反過(guò)來(lái)也會(huì)有助于 app 留住目標(biāo)用戶。
更多滾動(dòng)
目前我們已經(jīng)看見(jiàn)滾動(dòng)將網(wǎng)頁(yè)設(shè)計(jì)提升到另一個(gè)水平,但是期望在2015年能在移動(dòng)端充分體現(xiàn)。滾動(dòng)在移動(dòng)端已經(jīng)是事實(shí),因?yàn)樗鼉H僅讓日常功能更進(jìn)一步變得有意義。我將講述一個(gè)***的web趨勢(shì),視差滾動(dòng)。
視差滾動(dòng)將會(huì)讓移動(dòng)端的動(dòng)畫和互動(dòng)故事提升到下一個(gè)層次。由于傳統(tǒng)的設(shè)計(jì)更加平面化和一維,視差實(shí)現(xiàn)將增加我們之前不曾體會(huì)的移動(dòng)端設(shè)計(jì)的深度。
除了視差滾動(dòng),你也應(yīng)該會(huì)希望看到一些采用模塊化和***滾動(dòng)的應(yīng)用程序。當(dāng)然一個(gè)響應(yīng)式設(shè)計(jì)將需要確保特定的效果,假設(shè)模塊可以被充分理解。盡管如此,我們將會(huì)毫無(wú)疑問(wèn)地看見(jiàn)垂直和水平的滾動(dòng)被用來(lái)創(chuàng)造一些取悅用戶的驚喜效果。滾動(dòng)必將成為新的點(diǎn)擊。
講故事
隨著一些新的效果被應(yīng)用在移動(dòng)端設(shè)計(jì)中,講故事本身會(huì)以一種新的形式加入也是有意義的。移動(dòng)端設(shè)計(jì)將停止依賴實(shí)際詞匯來(lái)得到它的故事,相反,故事將扮演一個(gè)互動(dòng)的角色。
如前所述,集中在UX和UI的移動(dòng)端設(shè)計(jì)看起來(lái)更加的互動(dòng)與刺激。這就意味著你應(yīng)該希望看到元素被用到用戶“個(gè)性的”故事上。我說(shuō)的是視覺(jué)上的大膽想象,高質(zhì)量地制作視頻以及基于收集的數(shù)據(jù)的更加個(gè)性化的體驗(yàn)。
制作交互式的故事不僅被用來(lái)創(chuàng)造刺激的體驗(yàn),而且它將作為一個(gè)超越標(biāo)準(zhǔn)的呼吁行動(dòng)的轉(zhuǎn)換工具。你將看到動(dòng)畫與講故事元素并用,把這些故事帶到生活中。
模糊化背景
當(dāng)然這種趨勢(shì)早已在 web 設(shè)計(jì)中出現(xiàn),但是它正逐漸地被應(yīng)用在移動(dòng)端 app 開(kāi)發(fā)上。模糊效果被用在移動(dòng)端設(shè)計(jì)上,不僅僅是為了創(chuàng)造視覺(jué)上的愉悅,而且是為了突出重點(diǎn)元素。這種審美的伎倆將主要用于保持副本的可讀性。這也將使命令按鈕突出。
利用模糊圖像的界面給用戶知道什么是交互和什么不是。期望通過(guò)模糊的背景來(lái)調(diào)用那些目前被大膽設(shè)計(jì),相比以前更加突出的按鈕。
值得注意的是,模糊的背景不只是用來(lái)確保你按這些按鈕來(lái)轉(zhuǎn)換也可與互動(dòng)的故事結(jié)合。除了模糊的背景,為干凈和簡(jiǎn)約的感覺(jué),我們還將看到更多的半透明的元素被納入移動(dòng)端接口本身中。
結(jié)論
從手機(jī)開(kāi)發(fā)者角度而言,這些***的手機(jī)設(shè)計(jì)趨勢(shì)僅僅只是一小部分的更改。很多趨勢(shì)都沒(méi)有把關(guān)注的移動(dòng)手勢(shì),材料設(shè)計(jì),簡(jiǎn)化接口,可穿戴設(shè)備及更多地內(nèi)容納入列表。無(wú)論如何,更好地用戶交互體驗(yàn)在手機(jī)設(shè)計(jì)道路愈發(fā)清晰起來(lái)。
所有者些趨勢(shì)中,你喜歡的趨勢(shì)與看起來(lái)更持久的電池?你更傾向于那種趨勢(shì)呢?