筆記

20140502補充:都404了嘖…
20140729補充:原本的Blog已關,不過網路上仍有資料,有興趣的可以訂一下這個網址的 RSS:http://fastfoodapp.blogspot.com/

愛用的 Photoshop Plugins

12 Premium Photoshop Plugins for Designers 這篇文章提到 12 個好用的 Photoshop Plugins,有幾款功能重復,有些非買不可。來介紹一下我已經買了且覺得超好用的 PS 外掛…台灣買 Plugins 的風氣不太盛行,但如果能節省自己的工作時間增加效率,每一筆錢都花得非常有價值。(省下來的時間不要傻傻的跟 PM 說因為我自己掏腰包買了神兵利器所以可以塞給我更多工作,那段空檔是拿來充電用的!)

RainFont 開發流程


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

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

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

教你一眼看穿職缺是不是雷

畢業季快到了,我來寫寫怎麼找到一份好的 UI/UX 工作吧。希望各位在找新工作的時候可以省點力氣不用踩雷。要知道現在肯付面試車馬費的公司就和不說謊的政客一樣稀罕。(學會怎麼分辨這職缺是不是雷比掉進萬能美工的坑重要多了。)

Grid 的運用:PS外掛
Grid 的運用:PS外掛


製作的 Responsive Web 最好能先理解 Grid 概念。這概念不只運用在 Mobile Web ,包含 Smart TV 都會派上用場。如果你輕鬆想做出和 Mockup 相同的 Web ,最好把 Grid 學起來。

iOS Guideline 怎麼看?(2)
iOS Guideline 怎麼看?(2)

iOS Human Interface Guidelines 第二章是設計策略 Design Strategies ,主要講畫面、使用者操作、反應等等的一致性與注意事項。在閱讀這個章節之前,建議把 十大易用性原則 先看過一遍、對易用性有粗淺概念後會更容易理解為什麼 Guideline 會這樣寫。

台灣的 UI 設計

看到有篇文章寫出我的心聲:只是前端工程師的純抱怨文 。雖然是前端工程師寫的文,但有大半在抱怨 UI…「那 UI 簡直難用到飛起,除了是中文以外一無是處,真他媽想問那些說這東西好用的人是眼睛還是腦袋有問題,根本隨便一家國外免費產品都完爆它十條街。」說實在我看台灣大部份的 App 都是這種心情:「去你媽的小確幸,這年頭連 UI 都走小可用小易用路線嗎?」

國泰世華 ATM 提款機
國泰世華 ATM 提款機

話先說在前頭,這是我想領 3000 元過日子,ATM 很開心的吐給我 30 張 100 元而埋下淦意。國泰世華新改版 ATM 介面!

色盲者使用的配色檢測法
色盲者使用的配色檢測法


Contrast-A: Find Accessible Color Combinations 是個很不錯的配色網站,我主要是用它測試在色盲者眼中的顏色會是什麼樣子,是否通過 WCAG 2.0。

iOS Guideline 怎麼看?(1)
iOS Guideline 怎麼看?(1)


這是給 UI 看的教學。發現太多人不看Guideline…基礎問題問了又問,明明官方文件擺在那。就算英文看不懂,Google 打下去對岸有很多翻譯成簡中版的。最最少留意一下尺寸吧?(這次的 iOS7 官方文件省略很多沒寫到、建議回頭去看看 iOS6 的Guideline,兩份加起來比較紮實。)

初學者的 Mockup

在畫好 Wireframe、定版後,就可以依照線框稿內容製作 Mockup 了。Mockup 有很多種說法,我當它是視覺稿,所有跟視覺有關的部份都會在這個階段產出。能夠用來製作 Mockup 的軟體有很多種,最大宗的就是 Photoshop。之前的文章都會說提升 PS 技巧,其實指的就是製作 Mockup 的能力,字體設計、按鈕樣式、扁平化、擬物風等等。