fbpx

在 InVision Studio (2020) 完成 Sketch 檔案的動畫

為你的使用者介面設計建立美麗且迷人的互動

報名參加課程

已經上過這門課程?

🔥歡迎來參加這個活動 – 上課心得分享與獎勵說明 :分享就贈送一門線上課程

從這 1.5 小時的課程,你會學到

  • 掌握 InVision Studio 建立迷人的 UI 動畫
  • 比大多數專業人士更快的先進設計技術和捷徑
  • 好的 UI (使用者介面)如何影響好的 UX (使用者體驗)
  • 解決和修復動畫故障
  • 掌握高超的過渡機制的時機和放鬆技巧

要求

  • 能夠採用 Sketch 設計使用者介面
  • 開一個免費的 InVision 帳戶

課程說明

雖然 Sketch 是為數位產品設計漂亮的使用者介面( UI )的行業領先工具,但它只是把我們帶到了靜態設計的地步 – 這些靜態設計還沒有被賦予生命。

允許我們匯入設計好的 Sketch 檔案,並將它們轉換成美麗的互動體驗、充滿迷人的動畫,只需點選幾下滑鼠就可達成。

學習做出美麗、高保真 UI 動畫,運用 Studio 強大的工具和流暢的工作流程:

  • 掌握 InVision Studio 的基本原理和工具。
  • 發現動畫技術,增強你的創造潛力。
  • 學習和實現 UI 動畫的最佳實踐,以確保品質和可用性。
  • 通過從設計到完全互動式原型的旅程建構一個樣本 iPhone APP。
  • 瞭解為什麼財富 100 強企業都在使用 InVision

Studio 將設計、原型設計和協作結合成一個和諧的工作流程。 它從一個實時的設計環境開始,這個環境給你建立智慧佈局和互動的能力,作為你日常工作流程的一部分。

Studio 使設計師可以在視覺設計和互動設計之間流暢地移動。 任何類型的層(包括畫板)都可以有一個或多個互動。 如果一個圖層有互動作用,你可以看到這圖層在 Studio 左側的圖層列表中標有小閃電圖示。

使用高階動作將簡單的互動和動畫提升到下一個層次,可以修改全域性持續時間和延遲,或者在時間軸中進行編輯。

全面的 Studio 動畫編輯器、時間軸讓你能完全控制原型互動的方方面面。 時間軸提供了一個簡潔的動畫時間和層次結構的視覺概覽,允許精確控制每個動畫屬性。 時間軸使它更容易管理複雜的過渡和微調延遲、時間、放鬆的調整以及每個動畫圖層的速度和屬性。 使用時間軸編輯所有動畫互動 – 逐層或整體調整每個互動層。

在 Studio 中建立原型後,你可以將原型釋出到 InVision Cloud 中,在那裡你可以預覽互動和動畫,留下評論,並檢查元素。

在設計和原型開發過程中的任何時候,Studio 都允許你直接同步到 InVision 帳戶,以便在專案中共享和協作。 一旦你已經同步到 InVision,你將能夠檢視你的原型以動畫呈現的閃耀,收集來自利益相關者的反饋,並提供開發人員開始建造所需的一切。

當你在網上開啟一個 Studio 原型時,你所看到的東西與你在 InVision 預覽視窗中看到一模一樣。 同樣的保真度,同樣的互動,同樣的動畫ー 每樣都相同。 到了分享的時候,你可以點選右下角的分享按鈕,選擇複製連結,然後傳送到任何你喜歡的地方。 任何有你的原型連結的人將能夠以完整保真度的樣子檢視它並留下評論。

目錄及概覽

無論你是初學者還是有 Photoshop 和 Illustrator 使用經驗的資深設計師,你都會發現這門課程很有價值,因為它將結合動手做、客製化的練習給你一步一步的指引:

  • 從 A 到 Z 的 Studio 原型製作: 有 28 個講座和 90 分鐘的密集內容,這個課程涵蓋了從快速原型製作、互動、雕塑樣式到文字編輯到輸出並完成的專案。
  • 測試你的知識: 定期測驗,將複習關鍵概念,並確保你掌握了內容。
  • 互動式設計專案: 與講師一起,你將為一個旅遊應用程式做使用者介面的動畫。 允許你在專案的任何一點取用內含的 Sketch 和 Studio 文件。

完成本課程後,你將瞭解如何使用 Studio 動畫製作高保真度的行動應用原型 – 你將為滿足客戶和開發者的需求做好更充分的準備。

目標受眾

想要學習使用動畫和動作建立迷人的使用者介面的設計師

講師簡介

Joseph Angelo Todaro UI/UX 設計師及設計學教授 ( 更多講師主講課程介紹 )

我的教育、事業甚至個人生活都被一個簡單的原則所塑造; 良好的設計資訊能夠與人產生共鳴,並且能夠改變生活。

我熱衷於讓資訊能與人產生共鳴。

一切都從人們的思維方式開始。 人類的工作方式。 作為人類,我們已經學會了如何閱讀和寫作,雖然這是不可思議的,但我們也已經”硬連線”做一些更“自動”的事情。 我們是動物 – 被設計成把事物看成一個整體。 從一個宏觀圖景開始,在我們分解它的時候建立理解。 從視覺中學習。 空間的。 實實在在的。

資訊可以是所有這些東西,區別在於設計。

我是一個運用藝術、科學和設計心理學以滋養有效的溝通和促進愉快的經驗的設計師。 通過為世界上最大的軟體公司之一進行超過 10000 小時的一對一教學,以及超過十年的視覺藝術探索,我學會了讓資訊為人們服務。

“People ignore design that ignores people.” – Frank Chimero

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

報名參加課程 | Get Good Deals

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

Spread the love

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: