<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    如何為長文進行排版設計?

    • 時間:2016-11-30 16:05
    • 發布:昆明UI培訓
    • 來源:優設網

    怎樣讓長文的用戶體驗更好?為了讓用戶更夠閱讀下去,達內昆明UI培訓建議你提供這些令人愉悅的設計和交互:

    1、強化文本閱讀體驗

    不要害怕創造優質的閱讀體驗。既然是長文,大量的文本是不可避免的。但是你一定要做好排版,確保流暢的閱讀感受,讓用戶始終能夠保持閱讀的興趣。

    2、講述一個驚艷的故事

    好的長文大多是從一個好故事開始的。如果你需要將一個故事講述給別人,那么用長內容來展示可能是最佳答案。但是,千萬不要被慣性思維給限制住,長內容并不一定必須是純文字的。用最合理的媒介來呈現信息才是正確的思路。

    3、滾動應該是直觀的

    炫酷的滾動效果,比如視差滾動,能夠提升長文的閱讀體驗。但是這種設計千萬不能過,滾動的特效應當符合用戶的基本預期,而不是過于意外。

    滾動閱讀的體驗應當和內容無縫地整合起來,用戶在瀏覽信息的過程中,滾動特效應當有助于內容的可讀性,而不是干擾。

    4、呈現進度

    每一個閱讀進度“里程碑”的完成,都能給用戶帶來一定的成就感。

    另外一種為用戶展現進度的設計,則是將內容直接劃分為不同的章節,并且提供相應的導航進度條。這種進度條不僅可以幫助用戶跳過特定的章節,而且更加便于返回特定的位置。這種設計能夠讓用戶便捷的掌控長文的內容,獲得閱讀的愉悅感。

    5、有策略地配圖

    一些好的長文在圖文搭配要讓整體符合美學特征,閱讀流暢,還要讓文字和圖片配比正確。

    6、加入插畫

    將插圖分散地加入到文章的各個部分,能夠強化內容的故事性,提升用戶的體驗和參與度,圖文并舉能夠讓用戶更輕松獲取信息。這種技巧對于小說和缺少清晰視覺形象的文本而言,特別有用。

    7、有目的地運用動效

    當頁面內容太長,用戶需要長時間的滾動翻頁,這個時候,頁面輔助導航的視覺線索就顯得非常重要了。你可以考慮使用引導性的動效,比如箭頭、按鈕或者視差特效,用以引導用戶。

    8、大量的留白

    如果文章內容看起來太重,用戶肯定會為之感到恐懼的。通過合理的留白和排版設計,讓長文更容易為用戶所瀏覽和快速掃視,讓內容的視覺重量相應的降低,讓它們看起來更加友好。

    上一篇:如何針對新技術進行產品設計?
    下一篇:如何讓用戶不討厭你的廣告?

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>