使用者介面設計師的 InVision Studio 課程

Contents

課程包含了原型設計和介面設計

從這 3 小時的課程，你會學到

學習 InVision Studio 的所有工具
練習一個真正的專案
建立動畫和微互動( microinteraction )

要求

本課程只針對 macOS 使用者
不需要任何先前的知識

課程說明

InVision Studio 不僅僅是 UI 設計的另一個應用程式。這是一個完整的解決方案，你的專案從早期的外觀到高保真原型(high fidelity prototype)和出色的動畫都有支援。把這一切都放在InVision 平臺中可以讓你走得更遠。你可以很容易地在裝置上預覽原型，與你的客戶共享並獲得他們的回饋以及為你的開發人員設定一個簡單的接續互通 ( handoff )。哦，還有，InVision Studio 同時適用於 macOS 和 Windows。另外，它完全免費。課程也是如此。

Studio 工具和快捷鍵
實用的應用程式工作流程
使用元件
在 Studio 中設計你的使用者介面動畫
建立微互動(microinteractions)
匯出，預覽和接續互通( handoff )

不費力學習基本知識

很快你就會發現 Studio 可能是最容易掌握的工具之一，大部分功能都是簡單直覺的。特別是如果你之前使用過 Sketch，那麼轉換到 Studio 是無痛的，所有的工具和快捷鍵都如預期的那樣工作。這就是為什麼我們不會花太多時間解釋介面，而不是直接在 Studio 中建立一個實用的設計。你會發現這是發現 Studio 最有效和最有價值的方式。

真的有用！

Studio 的整體使用者體驗非常棒。有很多小功能都是有用的，而不會打擾你。你甚至可能會想——有什麼可學的？每件事都很簡單。正因為如此，你將要學習的學習曲線是專注於有效的工作流程，而不是工具本身。我的目標是向你展示一些提示和技巧，讓你更快、更好、更有效率地工作。

一個工具適合所有需求

這是一個罕見的例子，一個解決方案給你一系列的可能性。在大多數情況下，你不必離開 InVision Studio。儘管你可以在使用者介面中建立無縫過場效果和高階動畫，但是軟體本身感覺輕巧和靈敏。我們將探索你工作流程的不同部分，從最初的草圖，到詳細的設計，到裝置上的原型。一切都沒有離開 Studio。

充分利用這個平臺

InVision 平臺為 Studio 提供更多功能。由於它的能力，你將能夠輕鬆地匯出和共享原型並在客戶或專案所有者的回饋之後進行編輯。我們將探索這些選項以及接續互通(handoff)功能，並為開發人員建立自動化規範。

設計元素

在課程中，我將解釋顏色、字型、網格以及其他基本 UI 設計概念的使用，以及工作室可用的工具和工作流程。我們將專注於正確的設定、元件的建立以及其他有助於你在專業使用者介面設計過程中的好習慣。

建立漂亮的使用者介面

在這個課程中，我想展示一個基於 Super car 租賃應用的實用 UI 專案的工作流程。因為有這種方法，我可以在 Studio 中向你展示一步一步的設計過程，這個過程更接近於真實生活的案例。

目標受眾

願意瞭解 InVision Studio 的 UI/ UX 設計師

英文字幕：有

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

講師簡介

Greg Rog learnux.io ( 更多講師主講課程介紹 )

我的工作主要是關於設計、編寫程式和教育。十多年來，我一直是微軟、Google、 Adobe 或 Wacom 等公司的專業設計師、設計主管和 UX 顧問。我建立了當地最大的網站，有關編碼、設計和其它方面的視訊教程，擁有超過10萬個客戶。我還經營一家軟體公司和一家培訓機構，在設計會議上演講等等。我很好奇，充滿熱情，我喜歡分享知識。

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化

🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結