前面我們通過《如何注重移動端視覺體驗設計》這篇文章介紹了,聚焦點原理以及操作方法,屏幕上突出顯示聚焦點和通過動畫創造臨時聚焦點,在設計過程中，考慮用戶體驗同時要著重用戶獲取信息的方便度，接下來由南昌網站制作公司百恒網絡設計師介紹具體思路及操作方法。

清理屏幕，給內容讓位

當用戶看到移動終端的屏幕時，需要使用選擇性注意 的能力，區分有用和無 用的內容。這種辨別過程不是自動進行的，用戶必須首先在大腦中進行選擇分 析，然后把注意力集中在有用的內容上。屏幕上無用的信息越多，大腦選擇耗費 的認知成本 就越大。

根據認知心理學上的最新發現，大腦在注意模式下會優先處理無用的信息， 選擇無視它們，就好像大腦在抑制這些讓人分心的信息。這可是個好消息，設計 者可以幫助用戶減少大腦在這里付出的辛勞!只要屏幕上僅顯示有用的信息，用 戶就不需要花費過多的認知成本抑制無用的信息，注意自然會更多地集中在有用 的信息上。

為了能夠即時為用戶選擇有用的信息，我們可以使用交互時刻的概念：用戶 看到的屏幕內容、剛剛進行的操作、最終的目標等不同因素，決定了用戶的需求 也不一樣。設計者應該自問，用戶在什么時候需要導航選項，什么時候需要把精 力集中在頁面內容上。下面請看幾個例子。

讓文章的形式利于閱讀

凸顯視覺信息的一個方法是讓用戶對閱讀活動產生興趣。移動終端和其他媒 介一樣，在用戶進行操作的核心部分里，提供的內容最為重要。令用戶輕松地獲 得閱讀信息，把閱讀信息作為界面核心，會讓用戶活動明顯簡化。在移動過程 中，閱讀活動需要在各種不同的環境中進行，而且這些環境往往不夠安靜，難以 讓人集中精力。所以，應該幫助用戶更容易快速獲得信息和迅速瀏覽。

一些簡單的方法能夠讓文章的布局更利于快速瀏覽。如果設計者要呈現的是 以文字為基礎的內容，以下建議就顯得更為重要，尤其是各種媒體文章、報刊網 站、檔案資料、博客和社交網絡等。

把閱讀內容分成小段

為了便于用戶在移動終端上閱讀，可以把文章分割成小段，這樣有利于讀者 獲取資訊：如果作者的每一個想法都用單獨的一小段文字呈現，那么這種布局方 式有利于讀者在瀏覽全篇文章時不遺失信息。

控制好背景與文字的對比度

為了保證讀者能夠輕松地閱讀文章，設計者應該優化背景顏色和文字顏色的 對比度。這條原則不但有利于視力不佳的用戶(隨著人口不斷老齡化，視力不佳 的用戶數目將越來越多)，對其他用戶同樣大有裨益!如果背景與文字對比強烈， 那么移動終端用戶即便處于光線暗淡、反射光弱、持續運動等不利于閱讀的環境 中，也會感到更加舒適。

萬維網聯盟(W3C)就此制定了標準，而且設計者可以使用“16 進制顏色 碼”等工具，測試顏色和亮度的差別，比如喬納森·斯努克(Jonathan Snook) 設計的工具測試，網址如下：http://goo.gl/E5xZPc。如果你正在設計移動終端網 站，還可以在 HTML 文本上使用瀏覽器擴展程序完成自動測試。

設計者可以根據文章各部分的重要性調整背景與文字的對比度：不重要的文 字可以與背景的對比度小一些。這樣一來，設計者從視覺上建立等級梯度，用戶 自然心領神會，知道該信息屬于次要信息。

最后，在使用背景圖片的時候，更不要忘記加強文字與背景的對比度。尤其 是，網站更新需要常常更換背景圖片，文字設計更需留心。如果設計者無法全權決定使用何種背景圖片，那么一定要挑選一種適合任何背景的字體顏色，或者設 計一種無論使用什么背景圖片，文字依然能保持清晰、醒目的界面。

本文僅限內部技術人員查閱學習交流,不得作于其他商業用途.原創文章出自:南昌網站建設公司-百恒網絡 http://m.51yjwy.com 此文禁止轉載,謝謝合作!