另外一個大熱的流行趨勢,就是動效設(shè)計。它不僅能為用戶帶來驚喜,而且具備強大的引導(dǎo)性。
動效設(shè)計的精髓在于簡單。令人頭暈或者不知所措的動效,應(yīng)該不是你要的東西吧?動效應(yīng)該是有目的性的,和其他所有的設(shè)計元素一樣,有針對性,達成目標是它存在的意義。
對動效或者說動畫最熟悉的,無疑是迪士尼。Frank Thomas 的《生命的錯覺:迪士尼動畫》中,就詳細總結(jié)了創(chuàng)造今天動畫的12個原則:
·擠壓和拉伸
·預(yù)期
·登臺
·連續(xù)動作和姿態(tài)對應(yīng)
·緩進緩出
·弧形運動
·次要動作
·時序
·夸張
·立體刻畫
·吸引力
3、使用約定俗成的設(shè)計模式
對于常見的問題,設(shè)計模式就是可靠且可復(fù)用的解決方案。簡而言之,最常見的信息和交互方式被整合到一個界面當中,比如點擊按鈕,滾動頁面,滑動解鎖,它們都是設(shè)計師模式。
你需要熟悉這些常見的設(shè)計模式,并且在設(shè)計界面和交互的時候?qū)⑺鼈冇眠M去。這符合用戶在體驗上的訴求,也是易用性的最基本構(gòu)成。
同時你也要在自己的設(shè)計中創(chuàng)造設(shè)計模式,在不同的頁面中使用相同、相似或者規(guī)則化的設(shè)計,讓用戶習(xí)慣。比如,不同頁面中的CTA按鈕的色彩保持一致,卡片式的元素使用相同的樣式,等等等等。
4、給設(shè)計以性格
沒人會喜歡單調(diào)無聊的設(shè)計。你的網(wǎng)站應(yīng)當同你的品牌保持一致的性格,擁有獨特的氣息。
要做到這一點,通常需要用到微妙走心的文案和親切自然的語調(diào)如果你真的不知道怎么做,可以看看MailChimp 是怎么做的。(請注意他們的文本和圖片是如何無縫地連接到一起的)
5、在屏幕內(nèi)思考
用戶同網(wǎng)站交互都是在屏幕內(nèi)進行的,無論是桌面端還是移動端,整個體驗都是圍繞著屏幕進行的。
這并不是一句廢話。屏幕是一個區(qū)域,它界定范疇,賦予概念,創(chuàng)造隱喻。這也解釋了為什么視差滾動和卡片式界面是如此的流行。這兩種概念將一定量的信息合理地放置到屏幕這個容器中,讓用戶隨之同下一個元素進行互動。
如何運用好這個概念其實并不是那么容易。一個屏幕內(nèi)應(yīng)當承載多少信息,需要仔細考慮。一個桌面端頁面所能承載的信息量在移動端屏幕上,可能需要劃分到幾個頁面當中去。
從屏幕的角度來考慮問題,可能會讓你的計劃更加龐大復(fù)雜,但是這種考量是有價值的,這種基于屏幕或者基于設(shè)備的考慮能讓用戶感覺更加便捷貼心。
6、一體化的內(nèi)容和交互
視頻、游戲、測試都爭取讓用戶能與之進行互動,這種互動的目的在于驅(qū)動用戶參與到設(shè)計中來。用戶與界面交互的越多,用戶所獲得的體驗就越好。
不過,有趣的元素能讓這一切截然不同。
讓交互內(nèi)容盡量簡單,不要牽扯太多,讓用戶可以一目了然,讓他們輕松獲得反饋的信息,不用在冗雜的體驗中淪陷。這其實和美劇的5分鐘原則有著異曲同工之妙。
7、輕松有序的設(shè)計
最后一個秘訣并非不重要,它甚至可以說是最基礎(chǔ)的原則:讓你的設(shè)計保持干凈、整潔和有序。使用柵格可以讓每一個頁面元素都有準確的位置。將響應(yīng)式設(shè)計落實到每一個元素,能讓頁面能從一個設(shè)備兼容到另一個設(shè)備。
簡約風(fēng)和極簡風(fēng)能成為設(shè)計趨勢是有道理的。用戶可以更輕松理解這一切。簡約的視覺設(shè)計更容易交互。沒有復(fù)雜信息并且被精心設(shè)計的界面能更好地運作,賦予更好的體驗。
蘋果的官方App Store 和Google Play 都推薦過的游戲 Two Dots 就是個典型案例。誰都可以拿起手機毫無障礙地開始玩兒,它設(shè)計簡單干凈,容易互動,視覺元素周圍有足夠的空間,無需擔心誤觸。同時,其他游戲所具備的東西它也有——有趣好玩,可以共享得分,能分享到社交媒體。
結(jié)語
界定一個網(wǎng)站的體驗與否有的時候并不是單一的標準,而今天所推薦的7條秘訣本身也更接近于基本的Guideline,了解用戶,熟悉趨勢才能提供優(yōu)秀的體驗。
圖盛網(wǎng)絡(luò),專業(yè)廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)絡(luò)公司領(lǐng)先網(wǎng)絡(luò)品牌,3年網(wǎng)站建設(shè)經(jīng)驗,超過5000家成功案例,作為廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)站設(shè)計公司和知名廣州網(wǎng)站制作公司,提供:廣州網(wǎng)站建設(shè),廣州網(wǎng)站制作,廣州網(wǎng)站設(shè)計,廣州做網(wǎng)站,廣州建網(wǎng)站,廣州建站等服務(wù)專業(yè)資質(zhì)獲得廣大客戶的認可。
更多網(wǎng)站資訊,微信輕松掃一掃關(guān)注圖盛網(wǎng)絡(luò)(ykzxgm.cn)。