
Hype 3 采用了全新圖標和設計,并且更好的支持中文,不過圖標的效果看起來還是怪怪的,木質(zhì)紋理里的正方形上有兩個尺子,還有黑色和白色的不規(guī)則形狀,不過 HTML 5 logo 卻顯得格外突出。第一次運行 Hype 3時,應用會提供一些功能概覽、使用教程以及各種新技巧等知識,用戶可以點擊右側的功能進行查看。

Hype 3 的默認界面采用專業(yè)黑色設計,分為5個主要區(qū)域,包括頂部的工具條,左側的場景切換,中間的內(nèi)容區(qū)和動畫控制區(qū)。最右側是對元素、符號以及頁面屬性的一些控制。Hype 3 的整體界面操作有些類似 Xcode,不過有了更簡化的操作流程,用戶只需要在空白區(qū)域錄入內(nèi)容,然后選擇內(nèi)容的動畫變化即可。

在 Hype 3支持添加兩種內(nèi)容:元素和符號。元素內(nèi)容就是下圖中的形式,包括文本、按鈕、有紋理的按鈕、圖像、視頻、音頻以及各種形狀,元素是可變的內(nèi)容。當我們選擇添加元素后,可以自動在內(nèi)容區(qū)增加相關內(nèi)容。符號是可以重復使用的組件,包括元素、時間線和動畫。當我們完成了符號創(chuàng)建后,可以在以后的界面繼續(xù)使用。

創(chuàng)建了元素或符號后,我們可以為這些元素增加操作后的行為,比如我們可以選擇鼠標輕點、鼠標移至時和鼠標移除時,元素和符號發(fā)生的操作,包括觸發(fā)自定義行為ie、跳轉場景,運行 JS,以及播放和停止聲音等。

Hype 3 右側的檢查器中包含了各種對文稿以及內(nèi)容設置的功能,比如我們可以選擇顯示器兼容性,HTML 網(wǎng)頁標題等文檔相關的設定。場景界面下,可以選擇場景加載時、卸載時、按鍵時以等操作時,場景內(nèi)元素產(chǎn)生的各種行為。

Hype 3 的常規(guī)設置中,可以調(diào)整用戶界面主題色調(diào),以及一些警告的提示設置。此外,Hype 3還可以通過 Dropbox 同步數(shù)據(jù),目前應用還不支持 iCloud Drive。最后,應用還有 Hype Reflect for iOS 的推薦,iOS 版 Hype 可以即時預覽 Hype 生成的網(wǎng)頁和 HTML 5動畫。總得來說,Hype 3 將復雜的網(wǎng)頁和動畫創(chuàng)建功能集成在簡單易于使用的界面之中,當然學些 Hype 3 也需要一些精力和時間,不過整體過程要比學習變成更容易一些。
新聞熱點
疑難解答