• <tr id='f6JsKm'><strong id='f6JsKm'></strong><small id='f6JsKm'></small><button id='f6JsKm'></button><li id='f6JsKm'><noscript id='f6JsKm'><big id='f6JsKm'></big><dt id='f6JsKm'></dt></noscript></li></tr><ol id='f6JsKm'><option id='f6JsKm'><table id='f6JsKm'><blockquote id='f6JsKm'><tbody id='f6JsKm'></tbody></blockquote></table></option></ol><u id='f6JsKm'></u><kbd id='f6JsKm'><kbd id='f6JsKm'></kbd></kbd>

    <code id='f6JsKm'><strong id='f6JsKm'></strong></code>

    <fieldset id='f6JsKm'></fieldset>
          <span id='f6JsKm'></span>

              <ins id='f6JsKm'></ins>
              <acronym id='f6JsKm'><em id='f6JsKm'></em><td id='f6JsKm'><div id='f6JsKm'></div></td></acronym><address id='f6JsKm'><big id='f6JsKm'><big id='f6JsKm'></big><legend id='f6JsKm'></legend></big></address>

              <i id='f6JsKm'><div id='f6JsKm'><ins id='f6JsKm'></ins></div></i>
              <i id='f6JsKm'></i>
            1. <dl id='f6JsKm'></dl>
              1. <blockquote id='f6JsKm'><q id='f6JsKm'><noscript id='f6JsKm'></noscript><dt id='f6JsKm'></dt></q></blockquote><noframes id='f6JsKm'><i id='f6JsKm'></i>

                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 回頂部