如何注重移動端視覺體驗(yàn)設(shè)計

與眾多人機(jī)界面一樣，在各種感覺之中，移動終端首先吸引的是視覺。然而，使用移動終端的環(huán)境、配合使用環(huán)境而開發(fā)的特殊用途，以及移動終端設(shè)備的種種特點(diǎn)都讓設(shè)計者在設(shè)計開發(fā)時必須做出取舍。如何為用戶提供舒適的視覺體驗(yàn)?zāi)?

適應(yīng)分散注意力的環(huán)境

首先，移動終端的使用情景比較特殊，用戶往往在時間緊張的情況下使用， 即在移動過程中或者在需要分散注意力的時候使用，比如乘坐交通工具時、走路 時、會議期間、餐廳里，等等。用戶在上述環(huán)境中并沒有把全部的注意力 投入到 移動終端上。

這種情況往往被稱為分散注意 。此時，用戶需要把注意分散到若干個信號源 上。因此，專注在移動應(yīng)用上的注意力僅僅是全部注意力的一部分。用戶在大多 數(shù)時間里并沒有意識到分散注意所付出的努力，但從認(rèn)知層面看，人們?yōu)榇烁冻?的代價極其高昂。設(shè)計者可以通過多種方式幫助用戶減少這種認(rèn)知代價。

盡管平板電腦屬于移動終端，但用戶通常在住所或公司里使用，或許是因 為人們認(rèn)為在相對安靜的環(huán)境使用平板電腦更容易讓人集中精力。然而，這并不 意味著使用平板電腦的環(huán)境絕對安靜，不存在讓用戶分心的因素。

聚焦點(diǎn)原理

為了方便用戶接收到視覺信息，可以通過屏幕顯示設(shè)計，讓用戶能夠立即捕 捉到最重要的內(nèi)容。設(shè)計者可以利用格式塔學(xué)派 A 的聚焦點(diǎn)原理達(dá)到目的。成都網(wǎng)站建設(shè)公司設(shè)計師提示大家，當(dāng)觀察一幅場景時，人們注意的焦點(diǎn)會自然而然地被場景中最突 出的部分所吸引，即與其他元素截然不同的部分

“聚焦點(diǎn)”這一反應(yīng)機(jī)制是人類與生俱來的感知反射，使人類從背景中辨認(rèn)出異常物體，防止受到傷害。因此在西方文明中，紅色經(jīng)常被當(dāng)成聚焦點(diǎn)，吸引人們的注意，預(yù)防危險發(fā)生。

需要注意的是：濫用聚焦點(diǎn)會讓這一機(jī)制失效。如果想強(qiáng)調(diào)所有東西，那么任何東西都不會給人留下印象。在一篇文章中通篇使用加粗字體或者大寫字母 的時候，就會產(chǎn)生這種后果——無法通過必要的對比，凸顯真正重要的元素。所以，只有少量使用聚焦點(diǎn)，才能產(chǎn)生既定效果。

屏幕上突出顯示聚焦點(diǎn)

還是讓我們回到移動終端設(shè)計的話題上來。使用聚焦點(diǎn)的最終目的是令設(shè)計對象 本身從整體畫面中脫穎而出，這就意味著，主要行為召喚 (call-to-action)必須 能在瞬間喚起用戶的注意，絕不能拖泥帶水、模棱兩可。設(shè)計者可以通過視覺表 現(xiàn)形式創(chuàng)造聚焦點(diǎn)，獲得用戶的注意，比如大小、形狀、顏色、位置。

通過動畫創(chuàng)造臨時聚焦點(diǎn)

除了在視覺形式上引起注意以外，設(shè)計者還可以通過動畫吸引眼球，讓動畫 起到聚焦點(diǎn)的作用：屏幕其他部分都呈現(xiàn)靜止?fàn)顟B(tài)，用戶的目光自然會被移動的 部分吸引，相當(dāng)于指示用戶應(yīng)該把目光投向哪里。需要再次強(qiáng)調(diào)的是，只有在不 濫用動畫的前提條件下，這種方法才有效!

以上內(nèi)容為部分學(xué)習(xí)記錄，供成都網(wǎng)站制作公司創(chuàng)新互聯(lián)網(wǎng)絡(luò)內(nèi)部學(xué)習(xí)查閱，禁止轉(zhuǎn)載，謝謝配合!

文章名稱：如何注重移動端視覺體驗(yàn)設(shè)計
鏈接分享：http://www.muchs.cn/news/71503.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、定制開發(fā)、品牌網(wǎng)站制作、商城網(wǎng)站、Google、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)