1. App細節設計系列 Path for iOS分析

        日期:2015-10-09 / 人氣: / 來源:未知

        提到Path這款應用,人們往往首先會想到它美麗的設計和豐富的細節。但是卻往往有一種“叫好不叫座”的意味,最近Path有所行動,更新了4.0版本,意圖改變被用戶忽視的局面。我自己雖然不是Path的老用戶,但是我喜歡每一個用熱忱的心態構建產品的團隊。
        Path更新後,我決定設計細節系列再更新一期關於Path的,希望你們能夠喜歡這些Path的小細節。
        各位要記住構建這款美麗應用的設計師: Dustin Mierau and Ed Kim下面我來羅列一下Path 4.0中我最喜歡的一些細節。
        1. 模態窗口登錄
        Path的這種彈出設計,能夠取悅新用戶,蹦出和下落給予了應用活力感。但是這種效果不是曇花一現,Path將其上升到了設計語言一般的高度,在應用中很多地方,也採取了這種彈出動效,非常的一致。
        2. 引導頁設計
        平滑的引導流程,簡約至極——簡簡單單的附上必要信息,完成3步後,模態窗口便下落消失,然後在屏幕下方中央的主要按鈕中,便出現了用戶教學提示框。你可以感到設計者在用戶教學上是下了很大功夫的,尤其是 彈出的提示框。
        Create a moment - 這個提示讓新用戶可以按照流程來分享生活中的美好瞬間——非常的有生活氛圍感,我很喜歡。
        3. Path的招牌動效
        我還記得Path剛出來的時候——它的按鈕圓盤彈出動效轟動一時。我當時盯了屏幕好久,琢磨了半天這幫人是怎麼做出來的。Path 4.0中,對招牌動效進行了細微改動,但是效果依然很悅人。
        點擊 ‘+’按鈕,便能打開彈出菜單,顯示出你可以分享的不同類內容。充滿愉悅的外彈效果,仿真般的旋轉。雖然動效可能會比較耗費時間,但是對於新用戶來說,所能帶來的驚奇感是不言而喻的。
        4. 用戶教學
        Path的細節設計引人入勝,模態窗口的用戶教學非常統一。當新用戶打開新標籤時,這一窗口就出現,給予用戶上下文提示。讓用戶可以熟悉的操作Path,讓應用體驗具有整體感,這是很多產品設計師需要考慮的問題。
        注意:模態窗口下落的動效和前文依然非常一致。
        5. 個人頁的漸隱(網速問題,壓縮的比較過)
        已經有很多應用採用這種滾動+漸隱的技術——交互性非常棒,這是Path的版本。當你在個人頁下拉的時候,個人資料會緩緩的漸隱,最後被一個標頭“Me”取代
        同時要留意的是背景照片的高度變化,最後成爲窄窄的一條,緊挨着狀態欄,感覺非常棒!
        6. 點贊交互
        Path 有着友好的、愉悅的方式來點贊——提供了精美的表情,用來定製化點贊(大部分的點贊表情是需要購買的)。注意表情依次彈動的方式非常可愛。

        作者:admin


        現在致電 400-600-6045 OR 查看更多聯繫方式 →

        Go To Top 回頂部