Hype
Hype 讓您輕鬆建立令人驚豔的動畫與互動式網頁內容。Hype 所產生的 HTML5 輸出可於所有現代瀏覽器及 iPhone、iPad 等行動裝置上運作……
- Intel, 64-bit processor
- OS X 10.10 or later
軟體介紹
Hype 讓您輕鬆建立令人驚豔的動畫與互動式網頁內容。Hype 所產生的 HTML5 輸出可於所有現代瀏覽器及 iPhone、iPad 等行動裝置上運作。無須撰寫程式碼。現已開放「Hype Professional」應用內購買升級方案！眾多頂尖設計師皆運用 Hype 創作動畫，為網頁、資訊圖表、簡報、數位雜誌、廣告、iBooks、教育內容、App 原型、作品集、動態 GIF、影片、完整網站等增添「哇！」的驚艷效果。Hype 於 2011 年榮獲 Macworld 編輯選獎（Editors’ Choice Award）。無論是從原型設計到實際產出，任何人都能透過 Hype 創建豐富的互動式媒體。
快速製作動畫：
• 易於使用的關鍵影格（Keyframe）動畫系統
• 錄製模式會即時追蹤您的每個操作，並依需求自動建立關鍵影格
• 使用貝茲曲線（Bézier Path）創造自然流暢的運動軌跡
• 利用「場景（Scene）」功能進行內容組織與流程規劃
• 借由多重同步時間軸，執行複雜動畫效果
新增互動功能：
• 動作處理器（Action Handler）可啟動與控制時間軸、切換場景，或執行自訂 JavaScript
• 以視覺化方式建立動作處理器，回應點擊、觸控及動畫事件
打造驚艷內容：
• 採用 WebKit 引擎的所見即所得（WYSIWYG）場景編輯器
• 智慧輔助線、對齊與尺寸調整工具
• 輕鬆整合影音，打造震撼的多媒體文件
• 前沿特效：模糊、色相偏移、亮度、飽和度、陰影、反射與 3D 變形
• 可於專案中加入 Google Fonts，或使用您自己的 CSS 網路字型
• 彈性版面配置系統，讓內容自動適應各種螢幕尺寸
• 支援 Retina 圖像
專為行動裝置最佳化：
• Hype 的 HTML5 輸出於行動裝置上表現極佳
• 輕鬆新增滑動與觸控操作
• 將拖曳事件綁定至時間軸位置，實現豐富互動體驗
• 使用免費的搭配 iOS 應用程式「Hype Reflect」，於 iPhone 和 iPad 上預覽專案
• Hype Reflect 的鏡像模式（Mirror Mode）可即時顯示您的編輯變更
以程式碼擴充功能：
• 可編輯任一元素的內部 HTML 碼
• 內建 JavaScript 編輯器，方便撰寫自訂指令碼
編輯核對資料
推薦給製作 HTML5 banner、product hotspot、課程 interaction、scroll/click infographic、輕量 microsite 的設計師，尤其是使用 visual timeline 並願意做 browser／accessibility acceptance 的團隊。流程為「content/interaction script → browser/breakpoint/performance target → Symbol/naming → small-screen-first → keyboard/Reduced Motion → 實機 profile → clean folder export → CSP/HTTPS/cache → multi-browser regression → source 與 non-restorable delivery 分開 archive」。廣告要核對 byte limit、external call、click macro、platform rule。UI prototype 比較 Principle；傳統 timeline animation 比較 Adobe Animate；presentation 比較 Keynote；video 比較 Motion/ScreenFlow；full site 應用 CMS。
優點
- 以 timeline/keyframe 製作 standard HTML5/CSS/JavaScript interaction，不必轉成 video 或依賴 browser plugin。Scene、Symbol、action、gesture、relative timeline、visual easing 適合廣告、教學、product demo、infographic、microsite。Professional responsive layout、Flexible Layout、physics、Export Script、reusable Symbol 可處理多 size 交付。輸出能 embed 一般 page，JavaScript API 可連接 site logic；Hype Reflect 可在同一 network 預覽 iOS。Universal App 支援 Apple silicon／Intel 及廣泛 macOS；restorable export data 可作緊急 recovery。
不足
- 它不是 full CMS、app framework、專業 video compositor 或 3D tool；database、auth、SEO structure、server logic、大型 code、影片 post 要用其他 system。Professional 專屬 responsive layout、physics、advanced export 會造成 edition 依賴。visual authoring 不保證 semantic HTML、keyboard order、screen-reader label、Reduced Motion、performance budget、cross-browser。複雜 document 的 DOM、asset、runtime，以及過多 shadow、filter、大圖、並行 animation 會增加 mobile 負擔。JavaScript／Export Script 有 supply-chain／injection risk。restorable data 雖方便，但未關閉及檢查時可能把可重建 source 留在交付物。
安裝步驟
- 安裝步驟：
解除安裝步驟
- 移除前保存所有 .hype source、font/license、original media、JavaScript、Export Script、responsive breakpoint manifest、最終 export package，不能只留線上 HTML。記錄 Standard／Professional 依賴、scene size、layout、Symbol、event、external URL、analytics/CSP、deploy path。一般 export 含可恢復 data，可由 Help > Restore Document from Export 從 .hyperesources 重建，但 image optimization 後只可恢復縮小圖，不能取代 backup。若交付物不能帶可恢復 project data，關閉 Create restorable document file 並檢查新 package。於獨立 folder 開啟 HTML、offline test、保存 SHA-256，保留購買／recovery 資料而非明文 password。
常見錯誤及解決方法
- blank／404 時保持 HTML 與 .hyperesources 的 name、層級、大小寫一致，檢查 generated script、MIME、CSP、mixed HTTPS、CDN cache。responsive layout 應依 viewport breakpoint 而非裝置名，核對 element、Symbol、Flexible Layout 及邊界 ±1 px。jank 要減少同時 shadow／blur／filter、大 bitmap、DOM node，壓縮 media、優先 transform/opacity，並在低階實機 profile。font flash／reflow 檢查 web font license、load、fallback、text box size。autoplay 通常要 muted 或 user gesture，應有 play control。JavaScript 檢查 Console、重複 function/scene/timeline 名，external call 等待 HypeDocumentLoad。restore 缺原圖代表 optimization 已縮圖，須從 backup 恢復。
本次版本更新內容
- Hype 4.1.21（build 780）是一般 bug-fix update。修正 macOS Tahoe 產生 thumbnail 時 window 短暫出現；default GIF engine 改用 Apple built-in encoder；preview menu 新增 Zen、Helium、Dia，並忽略 Puppeteer。支援 macOS 10.10 或以上，Hype 4 既有用戶可免費 update。4.1 系列為 Apple silicon native，保留 HTML5 timeline、Professional responsive layout、Symbol、physics、JavaScript API、Export Script、web font、HTML/CSS/JS delivery。
同類替代軟體
截圖預覽
