Flow Chart 和 UI Flow
快一個月沒有發文了，忙著寫企劃案、做 Prototype、跑實驗生報告。最近要整理大量的 UI Flow，越整理腦袋越像醬糊。就來聊聊 UI Flow 和 Flow Chart 吧。Flow 就是「流程」，UI Flow 是頁面流程，而 Flow Chart 是流程圖，兩者是完全不同的圖表。
用 Hype3 做 Prototype：基礎過場
動態效果、轉場動畫對UI的戲份越來越重…其實一直都很重只是大多用在遊戲上，功能型 App 運用這種技巧最近越吃越兇，且製作真正能裝在手機、拿在手上操作的擬真 Prototype 對不會寫 Code 的設計師來說有難度。我找到好用的方式可以解決這個問題：Hype3＋Frameless。
這篇是最簡單的過場設定、最偷吃步、不需要技術，只要會寫簡報 PTT 或是 Keynote 就做的出來，所以連 Planner 和 PM 也保證上手無問題。
Note：Prototype 製作軟體
最近在找做 Prototype 的軟體或服務，狂測了一堆眼都花了。 Prototyping Tools 搜集很多做 Prototype 的工具，我還沒把每一款都摸過，先筆記有沾水的部份。可能某些服務的功能我沒摸透，如果你有其他的想法歡迎補充。
UI 設計師要不要懂技術？
UI 設計師要不要懂技術？廢話，當然要啊！不然怎麼把幻想變成現實？在實際產出之前設計師做的一切都是「美美的幻想」，還有可能不怎麼美，直到最後的產出才是真實。
舉個例子：建築師除了畫圖外，需不需要知道蓋房子每個階段的建造方式？要不要理解各種材料的特性和規格？需不需要熟悉當地環境的限制？
但建築師需不需要知道水泥車怎麼開？需不需要操作吊高機？
他們最後的成品是那疊圖紙嗎？誰去看圖紙啊，當然是實體的建築啊！那 UI 設計師最後的成品為什麼是 Mockup？
手繪 Wireframe 小技巧
群裡有人問起手繪 Wireframe 的工具和方法，我分享下個人經驗。不過現在很少這樣做了，都是鉛筆稿等級就進 Axure 製圖、幾乎沒用到麥克筆。
UI 設計師應該要會寫的文件
身為 UI 設計師，工作內容不是只有做 PSD 和切圖，只會這兩樣的叫美工。基本一位合格的UI設計師必須要具備撰寫文件的能力，文件最低限度需包含：企劃書、規格書、Wireframe、Mockup、切圖、標示文件、UI Kit、UI Pattern、Guideline。
設計和 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 的整頁翻譯（遮臉）。感謝優設網的 子木 常翻譯好文章（有時候我也會扔英文文章壓搾他）。
iOS 解析度製圖設定
有人跟我提到：「iOS 在 psd 設計時解析度建議設為 144，這樣文字大小才會是正確的」。當年 iPhone4 剛出的某個晚上我和老公躺在床上聊 iOS 變 2x 了會遇到什麼狀況。聊著聊著兩人就槓上吵架了，也不管當時是凌晨兩點，通通爬起來開燈開電腦，一個翻出 Photoshop、一個翻出 Xcode，打字、設定字型字級、拿出 iPhone 設定一樣的字型字級。之後，我的製圖習慣一直使用 72 dpi。
文章分類
