工作清單:Wireframe

Funational MapUI Flow 後,終於到來回修改最多次的 Wireframe 階段了。比起 Funational Map 和 UI Flow,這應該是最多人會接觸到的「規劃」。同時也是最花時間、圖片說明量最大的部份。在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力。

工作清單:UI Flow

工作清單:Functional Map 後,繼續來寫 UI Flow 這部份。如果你不知道什麼是 UI Flow ,請參考 初學者的 UI Flow 這篇文。

PSD 製作禮儀

在聊自己製作 PSD檔 的習慣之前,一定要先把 Photoshop Etiquette 拿出來講。這個網站在網路上流通多時並有簡體中文翻譯,開宗明義就說了是「Photoshop 禮儀」,且製造日期是 2012 年。雖然在此之前我就已養成某種程度的整理習慣,卻也仔細研讀這個站後才真正瞭解該怎麼做得更好。如果你的工作需要接觸 Photoshop,建議這個網站列舉出來的部份都要實作到PSD上。

IXDC Google設計的DNA 筆記

主題:Google設計的DNA
講者:姜公略 Google 交互設計師

(直接拿Blog當筆記了,現場聽打。)

IXDC 建立設計驅動的文化 筆記

主題:建立設計驅動的文化
講者:周陟 騰訊MXD 設計副總監


這張是炫耀照,這本書在2010年出版,是我的啟蒙書,帶來一堆專有名詞讓我查了很久資料,卻因此墊下許多基礎,從此對周陟大神非常推崇。如果沒有這本書,我也不會當 UI Designer,這次 IXDC 就是為了他的演講而來的。

(因為每位講者的時間有限,周陟講速飛快,十分考驗速記技巧,我盡力了,有些腔調和用字聽不是很懂,有誤別打我…)

UI 如何改善開發流程

20170812 更新:此為 2014 年舊文,當時狀況為「UX 包含 UI」,所以 UX 工作包山包海包 UI,依目前工作職責來看,這篇文提到的所有工作內容皆為UI 設計師的工作。已修正。

一間公司要營運絕對不是靠某個人腦充血帶頭往前衝,各部門間有許多事情需要相互配合。UI/UX 是最近很紅的話題,已經到人人說得一口好使用者的程度。講歸講,要在軟體開發的什麼階段導入 UI 設計 呢?本文從我的角度來說明 UI 如何改善開發流程。

RainFont 開發流程


雖然我和老公合作過多個上架 App,這款字級表倒是我們第一次在沒有客戶的干涉下完成的作品。來談談設計理念和製作過程吧。
官方網址:rainstep.co

字級表把妹(內有強光慎入)
字級表把妹(內有強光慎入)

之前這篇在PTT上流傳 用鋼彈把到妹 是我朋友的真人真事,為了幫他討女朋友歡心我不知道貢獻多少(餿主意)。後來和老公討論了一下,發現我們這一對更瞎,老公是用「字級表」把到妹,而且還修成正果了。(這樣也行?)

Guideline 的重要性

強調再強調,一定要先看過 Guideline 後再來做介面設計,卻被人嗤之以鼻,說不用看一樣可以產出啊幹嘛要花這種時間。

  1. 如果不是你的產品太簡單、就是都用內建元素或抄襲湊合了事。
  2. 你同事人太好,幫忙擦屁股了。
  3. 你同事程度跟你一樣,搞不清楚狀況。

別說很多 UI 高手們也老是跳脫 Guideline 設計啊,他們哪位不是對 Guideline 熟到可以朗朗上口到幾乎可以報頁碼的?不懂 Guideline 的就只能當美工用,連視覺設計都稱不上。

在開發之前:先潑冷水!

這點子太棒了!之前肯定沒人做過,將來一定大賣啊!

你確定嗎?在 App Store 已上架有 n 個各式各樣的應用程式,所想得到的功能應有盡有,為什麼會覺得自己想到的這個點子空前絕後呢?有的 App 後台硬得很,不只有財力雄厚的財團支持,更能在各大媒體上廣告宣傳,擁有專門團隊負責開發改版。同樣的 App 在公司裡的組員合作下絕對比個人單打獨鬥能擁有更多資源,就算賣不好也不是後果自負,薪水一樣領得到。