一盤義大利麵給我的啟示

南港園區的食物很難吃,快比交大慘了。扣掉連鎖沒幾間環境乾淨又好吃的小店。中午吃了一間義大利麵,最基本的肉醬麵 $150 元,附自助式湯和飲料無限。飲料果汁加水調得很稀,玉米濃湯鍋裡滿滿黑胡椒,什麼味道都被蓋掉了。最後上來份量很多的一盤義大利麵,我卻什麼胃口都沒有。胡亂吃了幾口,和意料中的一樣,沒有蕃茄味、肉醬平淡,麵條普通,還咬到硬骨頭。

老公點了白酒蛤蜊麵,狀況更慘,整盤麵死鹹、滿滿的大蒜。沒有白酒味,連蛤蜊的味道都被大蒜蓋過去。

最後我們只吃了半盤後放棄,結帳離開了。(昨天晚上滿燒肉丼好吃多了!也是 $150元啊!)

Flow Chart 和 UI Flow

快一個月沒有發文了,忙著寫企劃案、做 Prototype、跑實驗生報告。最近要整理大量的 UI Flow,越整理腦袋越像醬糊。就來聊聊 UI FlowFlow Chart 吧。Flow 就是「流程」,UI Flow 是頁面流程,而 Flow Chart 是流程圖,兩者是完全不同的圖表。

Note:Prototype 製作軟體

最近在找做 Prototype 的軟體或服務,狂測了一堆眼都花了。 Prototyping Tools 搜集很多做 Prototype 的工具,我還沒把每一款都摸過,先筆記有沾水的部份。可能某些服務的功能我沒摸透,如果你有其他的想法歡迎補充。

設計和 F2E 的切圖與切版

收到讀者來信,這位讀者是 F2E,發現設計師的切圖和 F2E 的切版似乎不太一樣,所以寫信給我。另外問切圖有什麼樣的流程和注意事項…不知道要怎麼詳細說明,其實還滿想回他一句「多被RD罵幾次就會了啊」…orz

W Hotel / Siam Center@曼谷

這 3 年我去了幾個亞洲城市,包含曼谷、東京、香港、北京、新加坡、吉隆坡。除了 ACG 只能靠日本沒辦法之外,曼谷真是好吃好買的地方。論設計,曼谷的設計作品在這幾個城市裡讓我印象非常深刻,以鮮明風格來說還遠勝東京。東京我覺得做最好的是迪士尼樂園,但迪士尼樂園在千葉…(喂)

設計規範要點

要做設計規範前,先來瞭解什麼是設計規範,不是把所有元件都擺在同一張圖上排排站吃果果就好,設計規範(Design Code / Design Specifications) 一文中提到: 設計規範是指對設計的具體技術要求,是設計工作的規則。一般包括總體目標的技術描述、功能的技術描述、技術指標的技術描述,以及限制條件的技術描述等。

演講筆記:資料視覺化的實現

來聽這場演講 醫院、菜價、Youbike 資料視覺化的實現–如何在 5MB 的瀏覽器上呈現 5GB 的資料? ,老樣子,即時筆記。

講者:Muyueh(李慕約)
網站:http://muyueh.com/42/

從 Yep! 中學習 Animation

又是看了某篇文章,然後有感而發寫了分析筆記。UI 和資訊業一樣瞬息萬變,眨眼就從擬物風進化到扁平+動態特效,總覺得自己追的挺辛苦的。推薦設計師們都訂一下 Medium 的 RSS,常常有好文章可以讀,英文跟我一樣破爛可以靠 Google 的整頁翻譯(遮臉)。感謝優設網的 子木 常翻譯好文章(有時候我也會扔英文文章壓搾他)。

工作清單:切圖

切圖有很多種方法,但切出來的圖只會有兩種:1.可以用。2.被退件。圖切出來會交給 F2E 或 RD 接手,請給他們能夠使用的圖方便作業。有不懂、不確定的部份請在切圖之前就先問過他們要怎麼處理,他們肯定會回答你。(不回答就是他們有很大的機率拿到爛圖拖長自己工時,誰敢不理你啊?)

工作清單:Mockup

以我自己的工作流程,會是:Functional Map > UI Flow > Wireframe > Mockup > 切圖 > 標示文件。當然在更前期會有 UX 研究、最後會接 HTML 等等,但就一位 UI Designer 來說應該是這些。

對 Mockup 而言…Wireframe 有什麼就畫什麼,不要亂改亂腦補!而且遵守 PSD 製作禮儀

工作清單:Wireframe

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

工作清單:UI Flow

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