Android Studio ViewPager

ViewPager 與頁面連結不同,是頁面區塊內容的切換,可製作圖片切換、廣告輪播效果,類似網頁頁籤功能,框架可依編寫方式,呈現不同外觀,如玩運彩討論區 APP 內,文章內頁的樓層換頁,與板規頁面皆使用此編碼,採滿版畫面切換顯示。

Read More

Android Studio 自適應啟動圖示

APP 圖片需要符合系統規定,其實 Android Studio 內有 Image Asset 工具可以使用,統整裝置內圖片,並自動放置於適當的資料夾,讓裝置自適應去載入圖片。

Vector Asset 也同樣可以管理圖片,包含 SVG 向量圖、各種 icon 動態效果,但唯獨 APP 啟動圖示無法使用,只能透過 Image Asset 來管理。不管是 Image Asset 或 Vector Asset 管理圖片,皆可成為裝置自適應使用的 icon 圖片。

Read More

Glyphs

平時設計任務常用工具為 Illustrator,製作介面或圖形必備的好幫手;這次試用的 Glyphs 為字體設計專用,預覽官方展示操作,針對字體繪製有多種功能對應,完成後也可匯入 Illustrator,或許也能繪製非字體的複雜圖形,就來體驗一下製作效果如何。

Read More

Principle

Principle 是一套高度擬真的原型製作軟體(high-fidelity prototyping),適合做平移、縮放、旋轉等簡易補間動畫,有效率的完成APP、WEB類畫面過場效果,本篇主要將 Principle 效果應用於扁平類動態,利用任務中BANNER、網頁宣傳提案,實際模擬展示。

Read More

藍湖 Lanhu

體驗後覺得是一套不錯的協作平台,可做PM、設計、工程開發上溝通使用,Lanhu 也支援 Sketch 官方版本、iOS/Android編碼樣式產生、互動原型等功能,整體來說像是 Zeplin 與 Invision 的小合體。

Read More

Android APP + SVG

自上一篇文章 iOS APP + SVG 測試,SVG效果載入 iOS 算成功一半,還需要測試更多載入狀況,接著繼續研究 Android APP,使用 Android Studio 實測,方向同樣為讀取 SVG、JSON 圖檔為主,經歷 iOS 研究過程,Android 應該也是可行的。

【 Android Studio 】

大致先了解開發環境與介面,主程式安裝後所佔空間不大,整體操作下來還算簡易,有方便圖形介面、框架編寫所見即所得的設計視窗。

Read More

iOS APP + SVG

svg 確實可運用於網頁,一般讀取、匯入即可顯示,效果可透過 svg <path> 路徑變化,或 CSS animation 動畫屬性控制;那 svg 也能在 APP 顯示嗎?使用 Xcode 測試,往“能否讀取svg圖檔”方向,嘗試研究看看。另外也測試由 adobe AE 所匯出的 json 檔是否也用於 iOS APP。

Read More