design-sprint-method_000

初探 Google 提出的設計敏捷方法(Design Sprint Method)

設計敏捷方法 (Design Sprint Method)是由 Google 提出,且於內部實踐並受到歡迎。它的概念基礎來自於其他已經在產業界應用的方法,例如敏捷開發(Agile)、設計思考(Design Thinking)與革新遊戲法(gamestorming)。這個方法試圖讓每個設計團隊都能輕易的導入,且能於 2~5 天內解決設計挑戰或測試設計原型。

本文介紹的內容整理於 Google 在 2015 年公開的電子工具書 – “Design Sprint Methods“,這本書簡述這個方法中的角色、功效、時間、工具與流程等項目,不過 Google 也指出他們的目的,並非要求大家一定得按表操課,而是鼓勵或激勵新創或任何規模公司的設計團隊,能發展出更有趣、多產且能適應的變通方法。好吧!廢話不多說,以下就讓大舌頭來導讀吧~

Continue reading

如何讓介面中的動畫設計較容易被實現?

animatio

一般而言設計師交接給工程師製作時,除了輸出的圖檔之外還會有一份設計文件,用來交代畫面上的間距、文字、顏色等等資訊,有很多文章都在講解如何寫一份好的設計文件,例如這一篇

隨者設計發展,動畫的重要性也逐漸受到重視,設計大舌頭也特別寫了一篇文章說明動畫效果的重要性: 2015 動畫效果會是介面設計的趨勢嗎?。然而動畫效果較不容易用設計文件說明。

通常設計師會透由原型(prototype)來表達動畫效果,運用像 After Effect、Framer.js、Origami 等等工具製作,但這些工具的產出大多是展示用途,工程師不太能夠直接拿來用, 於是工程師看完設計的動畫之後,還必須自己再用程式寫出那樣的效果。這樣的流程常常會有工程師看到原型後說動畫太複雜做不到,或需要花太多資源去做,以及做出的動畫效果跟原型展示不一致的情況發生。

Continue reading

我用 Sketch 設計 Android app 的工作流程

要動筆寫這篇文章時,突然想到前陣子被問:

「通常…設計師不是都比較喜歡用 iPhone 的嗎?你為什麼喜歡 Android?」

我喜歡 Android 的原因很多,這篇文章不談,以免分享文變戰文 XD。而事實上,的確因為 iOS 的各方面優質設計,讓很多設計師為它打造各種美輪美奐的應用。所以當我們在閱讀 UI 教學、app 設計的心得時,往往也是 iOS 的資源會比較多。

既然我愛 Android,那就來幫綠色機器人寫寫文章,拋出我的磚,希望可以有更多的 Andr​​oid 好設計。

Sketch 設計流程

正在努力開發中的媽咪愛 Android app(點圖放大)

Continue reading