• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】詳細解析引人入勝的引導頁設計技巧




    詳細解析引人入勝的引導頁設計技巧

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自未知的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    引導頁是用戶在首次安裝並打開應用后,呈現給用戶的說明書。目的是希望用戶能在最短的時間內,了解這個應用的主要功能、操作方式並迅速上手,開始體驗之旅。


    設計理論教學開始

    引導頁是用戶在首次安裝並打開應用后,呈現給用戶的說明書。目的是希望用戶能在最短的時間內,了解這個應用的主要功能、操作方式並迅速上手,開始體驗之旅。既然是說明書那難免不受待見,因為我們的用戶總是傲嬌,他們不喜歡被教育、被說明,他們喜歡一口氣劃過引導頁,直接上手,但是在碰到問題、遇到挫折的時候又會各種彆扭。所以這就需要設計師非常用心的去處理引導頁的設計。

    豐富多彩、風格迥異的引導頁設計

    有些引導頁則沉穩大氣,適合資訊類的應用,給人以可信賴感。例如搜狐新聞客戶端的引導頁設計,摒除了所有多餘的設計,用乾淨的界面及有力的文字體現了整個應用真實可信的媒體平台的定位。

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    有些引導頁則輕鬆、活潑,適合日常工具或者休閑類的應用,讓用戶感受到貼心和放鬆。例如UC手機瀏覽器,由用戶使用瀏覽器常見的下載麻煩的情景來穿起整個引導頁,像一副四格漫畫一樣讓用戶帶着瀏覽漫畫的心情,輕鬆地閱讀完整個引導頁,同時也強調了使用UC瀏覽器下載的輕鬆便捷。

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    還有一些引導頁則富有生活情趣,適合一些文藝、小清新的應用,因為這部分應用的用戶不一定喜歡標新但一定立異,不喜歡隨大流。

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    一套好的引導頁的構成,怎樣做到引人入勝

    好的引導頁設計是從展示內容到設計風格再到語言文字都經過細緻考究並與應用整體氣質符合的。

    1. 展示內容要簡明扼要,只撿最重要的說,用戶雖然傲嬌但是我們也不能一味的去貶低用戶的理解能力及手機使用經驗,如果只是新功能的推薦我們完全可以只告訴用戶入口,而不是事無巨細的詳細列明每一步的操作,把一個好好的引導頁活生生做成一個幫助教程頁。如果是新的交互及操作方式,我們也可以只展示最核心、關鍵的操作,要留給用戶探索和發現的餘地。

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    2. 展示內容應當連貫有一定的邏輯關係,所有的內容都按照一定的順序有機的排列。如先是亮點模塊的介紹再是應用整體呈現,或者按照一個主打功能的操作流程介紹。總之做到有主有次,再到最後靜靜等待用戶點擊“開始體驗”那一刻。

    詳細解析引人入勝的引導頁設計技巧

    3. 每頁只放一個內容。有時候想表現得東西太多,不妨拆分成幾頁,因為引導頁使用情景決定了,它是用戶在下載完應用后急切地想見到主界面使用應用前的絆腳石,極有可能的場景是用戶很快速的劃過引導頁,一頁上太多信息,只會讓用戶更快速的劃過引導頁。如果我們保證每一頁的內容都非常簡潔的話,用戶就算走馬觀花的劃過也能記下一些東西。每一個畫面都有一個重點。可能是文字也可能是圖。

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    4. 設計風格,正如上面說到引導頁的設計風格要與產品的氣質保持一致,如果是一本正經的新聞資訊類應用。那它的引導頁風格也是穩重、正統的。而娛樂類的應用可能有更情感化的表現形式,例如漫畫形象的應用或者是大幅背景照片的運用。在設計細節上,現在也有越來越多的引導頁運用到線描的插畫,這樣既可以更方便、準確的傳達操作方式、使用場景等複雜信息又可以增加親和力減少說教帶來的用戶反感。還有局部放大、手繪箭頭等也功能介紹時常用的表現手段。

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    詳細解析引人入勝的引導頁設計技巧

    5. 在文案上也是需要非常考究的,要使用用戶聽得懂的詞,不要讓用戶脆弱的自尊受到傷害。比如“點擊Title Bar,您可以…”(Title Bar是什麼東東,欺負老娘不懂英文么 !!!!)不如換成“點這兒試試呢,您還能…”

    總之,好的引導頁設計,不是一本冷冰冰的說明書,不是讓用戶脆弱的自尊飽受凌辱,而是讓用戶由里及表、由內而外的感受到自己受到非常良好的對待。這需要設計師真正從用戶的角度去理解用戶對於引導頁的需求及用戶閱讀引導頁的場景。

    — —

    文章永久連結為: 詳細解析引人入勝的引導頁設計技巧