<li id="m1bur"></li>
<dd id="m1bur"><center id="m1bur"></center></dd>
<em id="m1bur"><ruby id="m1bur"><u id="m1bur"></u></ruby></em>
<dd id="m1bur"><big id="m1bur"></big></dd>

    1. 400電話 400-660-7376
      行業熱點_柳州依米軟件科技有限責任公司
      軟件定制_柳州依米軟件科技有限責任公司網站建設_柳州依米軟件科技有限責任公司APP開發_柳州依米軟件科技有限責任公司微信營銷_柳州依米軟件科技有限責任公司
    2. 咨詢電話
    3. 0772-8256510
    4. 聯系QQ
    5. 732570672
    6. 手機號碼
    7. 18577274336
    8. E-mail
    9. oa@www.naturesante.net
    10. 當前位置:首頁行業熱點

      手機網站導航頁設計有什么技巧?

      來源:原創    作者:依米科技    時間:2014-11-11

      如果手機網站導航頁設計很精美,會讓人情不自禁的繼續瀏覽下去,它們在你未使用產品之前提前告知你產品的主要功能與特點,第一次印象的好壞會極大地影響到后續的產品使用體驗。那么導航頁的設計有什么技巧呢?

      1、突出核心。

      根據愛爾蘭哲學家漢密爾頓觀察發現的7±2效應,一個人的短時記憶至少能回憶出5個字,最多回憶9個,即7±2個。因此展示的文案要控制在9個字以內,超過后用戶容易遺忘、出現記憶偏差。如果表達起來困難,可以輔助一小段文字進行解釋或補充。因此要突出重點,多余的文字盡可能地進行刪減。如果文案刪減后字數還是過多,因考慮對文字進行分層,通過空格或逗號或換行的方式進行視覺優化。

      精準貼切的文案也十分重要,將專業的術語轉換成用戶聽得懂的語言。尤其對于通過照片來表現主題的引導頁設計,文案與照片的吻合度,直接影響到情感傳達的效果。

      產品設計 引導頁設計 用戶體驗

      2、視覺聚焦

      在單個引導頁中,信息不宜過多,只闡述一個目的,所有元素都圍繞這個目的進行展開。視覺聚焦包括兩部分,一 是文案的處理,要注意層次,主標題與副標題要形成對比;二是引導頁中的界面、場景、文案具象化元素,要有一個視覺聚焦點,多個視覺元素的排布采用中心擴散 的方式,聚焦點的視覺面積最大,同時與擴散的元素拉開對比。這樣用戶能清晰地看到核心文案信息與文案對應的視覺表現元素。同時結合視線流動的規律,從上到 下,從左到右,從大到小。因此可以根據這個視線流的規律來進行引導頁的設計。

      3、富于情感化

      (1)文案具象化

      通過具體的元素、場景來表現文案,采用寫實、半寫實的方式進行表現,有些應用還會配以水彩風格。以天貓為例,天貓是一款購物應用,在設計上通過商場、店鋪的實際場景的具體描繪,渲染輕松、歡快的購物過程。

      (2)頁面動效、頁面間交互方式的差異化

      之前對于表現方式的歸類已經講到了動畫及頁面切換方式,如果增加了頁面動效,利用動效,包括放大、縮小、平移、滾動、彈跳,表現形式更加多樣化,會讓引導頁更有趣,注意力更為集中。

      而頁面間的切換方式除了傳統的卡片左右滑動的方式外,可以結合線條、箭頭等進行引導,通常會配合動效。例如網易新聞客戶端、印象筆記·食記,它們在引導頁的設計上采用了線條作為主線貫穿整個引導頁面,小圓點顯示當前的瀏覽進度,滑動的過程中有滾動視差的效果。

      4、與產品、公司基調相一致

      引導頁在視覺風格與氛圍的營造上要與該產品、公司形象相一致,這樣在用戶還未使用具體產品前就給產品定下一個對應的基調。這樣一方面有利于產品一脈相承,與產品使用體驗相一致;另一方面也會進一步強化公司形象。

      總之:想做好引導頁的設計,在理解用戶對引導頁需求的基礎上,懷揣熱愛產品的情懷,依靠精致的布局,巧妙的構思,貼切的氛圍渲染,再加一點點特色。當然光講是枯燥的,還是需要設計師在具體的設計中不斷實踐,總結出新的觀點與方法,探索出別具一格的引導頁設計。


      本文鏈接:http://www.naturesante.net:80/industry/641,轉載請保留出處!
      本站部分圖文來源網絡,如有侵權請您聯系我們刪除,謝謝。
        聯系我們
      wechatcode
      wechatico官方微信公眾號
      weibocode
      weiboico新浪官方微博
      wanganico

      桂公網安備 45020202000236號

      備案號:桂ICP備13005335號-1

      展開
      80s电影网
      <li id="m1bur"></li>
      <dd id="m1bur"><center id="m1bur"></center></dd>
      <em id="m1bur"><ruby id="m1bur"><u id="m1bur"></u></ruby></em>
      <dd id="m1bur"><big id="m1bur"></big></dd>