工作清單：Wireframe
既 Funational Map和 UI Flow後，終於到來回修改最多次的 Wireframe 階段了。比起 Funational Map 和 UI Flow，這應該是最多人會接觸到的「規劃」。同時也是最花時間、圖片說明量最大的部份。在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力。以下是 Wireframe...
View Article找份正常的設計工作真難
谷歌開發者養成記！ANDROID設計師TAYLOR LING深度訪談一文中，有一段寫道：我有一個朋友是一名 UX 意見領袖， 他走遍了整個國家（譯註：馬來西亞）來宣傳 UX 的重要性。 他甚至去求職網站尋找所有和 UX 設計相關的工作， 然後他接受了各種面試 —— 出於研究的目的。他想要知道這些公司到底請不清楚他們想要招聘到什麼人。 也許在西方國家的情況會好一些， 但是在這個國家（譯註：馬來西亞），...
View Article工作清單：Mockup
以我自己的工作流程，會是：Functional Map > UI Flow > Wireframe > Mockup > 切圖 > 標示文件。當然在更前期會有 UX 研究、最後會接 HTML 等等，但就一位 UI Designer 來說應該是這些。對 Mockup 而言...Wireframe 有什麼就畫什麼，不要亂改亂腦補！而且遵守 PSD 製作禮儀。原始檔禮儀這是...
View ArticleClik here to view.
工作清單：切圖
切圖有很多種方法，但切出來的圖只會有兩種：1.可以用。2.被退件。圖切出來會交給 F2E 或 RD 接手，請給他們能夠使用的圖方便作業。有不懂、不確定的部份請在切圖之前就先問過他們要怎麼處理，他們肯定會回答你。（不回答就是他們有很大的機率拿到爛圖拖長自己工時，誰敢不理你啊？）格式不同的檔案會有不同的格式，常見為下列數種：.png.jpg.svg.pdf......等等.pngApp...
View ArticleClik here to view.
iOS 解析度製圖設定
有人跟我提到：「iOS 在 psd 設計時解析度建議設為 144，這樣文字大小才會是正確的」。當年 iPhone4 剛出的某個晚上我和老公躺在床上聊 iOS 變 2x 了會遇到什麼狀況。聊著聊著兩人就槓上吵架了，也不管當時是凌晨兩點，通通爬起來開燈開電腦，一個翻出 Photoshop、一個翻出 Xcode，打字、設定字型字級、拿出 iPhone 設定一樣的字型字級。之後，我的製圖習慣一直使用 72...
View ArticleClik here to view.
從 Yep! 中學習 Animation
又是看了某篇文章，然後有感而發寫了分析筆記。UI 和資訊業一樣瞬息萬變，眨眼就從擬物風進化到扁平＋動態特效，總覺得自己追的挺辛苦的。推薦設計師們都訂一下 Medium的 RSS，常常有好文章可以讀，英文跟我一樣破爛可以靠 Google 的整頁翻譯（遮臉）。感謝優設網的 子木 常翻譯好文章（有時候我也會扔英文文章壓搾他）。簡中：YEP!教你用动效阐释APP运作机制原文：Explaining app...
View Article演講筆記：資料視覺化的實現
來聽這場演講 醫院、菜價、Youbike 資料視覺化的實現--如何在 5MB 的瀏覽器上呈現 5GB 的資料？，老樣子，即時筆記。講者：Muyueh（李慕約）網站：http://muyueh.com/42/比起一連串表格數值，資料視覺化能加快訊息傳達、降低使用者取得目標資訊的成本，更突顯所有數值不合理的地方。媒介已不僅在是紙上，可以有更多互動技巧。資料視覺化的實現資料 + 假設 +...
View ArticleClik here to view.
設計規範要點
要做設計規範前，先來瞭解什麼是設計規範，不是把所有元件都擺在同一張圖上排排站吃果果就好，設計規範(Design Code / Design Specifications)一文中提到： 設計規範是指對設計的具體技術要求,是設計工作的規則。一般包括總體目標的技術描述、功能的技術描述、技術指標的技術描述,以及限制條件的技術描述等。設計規範的層次粗分成 3...
View Article邏輯很重要
半個月沒寫文了，看到這篇 台灣的教育不重視是非判斷能力?覺得應該出現寫一下自己對於「邏輯」的想法。該文中有一段提到：「且華人是濫用「邏輯」兩字的, 華人經常把自己的立場, 想法, 說成是「邏輯」, 他們指的並不是真正的邏輯, 他們說的邏輯其實是思想方式, 因為他們經常聽到邏輯一詞, 卻從沒有清楚去了解過邏輯的意義. 老師似乎也沒有清楚把邏輯的意義告訴他們. 結果很多人自稱很合邏輯,...
View Article我的設計討論群組
講座末我提了下，不過台灣可能知道的人少。我在 QQ 上有一個私人的討論群組，聊 UI、UX、PS、AI、設計、業界動向、鬼扯、嘴砲、晚餐吃什麼...等等。想加入的人都得先發篇簡歷或作品過來。目前是設計師和 F2E 為主，請對 Photoshop 有基本概念。有興趣的人請發信到 iam.akane.lee@gmail.com，記得附上你的 QQ 號碼。
View ArticleClik here to view.
Adobe 萬聖節遊戲：找出兇手
這是Adobe的萬聖節遊戲！非常有趣，從Photoshop圖層裡找出兇手！推薦各位玩看看，你只要會開關圖層、移動位置就夠用了。不太需要高深的 PS 技術喔！故事大綱：Professor Photoheim’s been murdered at his Halloween party. There are three suspects. To solve the crime you must say...
View ArticleClik here to view.
W Hotel / Siam Center@曼谷
這 3 年我去了幾個亞洲城市，包含曼谷、東京、香港、北京、新加坡、吉隆坡。除了 ACG 只能靠日本沒辦法之外，曼谷真是好吃好買的地方。論設計，曼谷的設計作品在這幾個城市裡讓我印象非常深刻，以鮮明風格來說還遠勝東京。東京我覺得做最好的是迪士尼樂園，但迪士尼樂園在千葉...（喂）W hotel上星期員旅去曼谷，住 W...
View ArticleClik here to view.
TCDC 設計圖書館＠曼谷
小時候的夢想是開漫畫出租店，吃不飽餓不死沒關係，只要有愛（喂）就夠了。長大後志願比較大一點，想開一間圖書館。怎麼想都是會餓死的命，還是現實一點換個不會餓死的夢想吧。但我還是很喜歡圖書館，爬文發現曼谷有間亞洲最大的設計圖書館，內有 25000...
View ArticleClik here to view.
各種設計＠曼谷
前幾篇文提到曼谷的設計很有意思，這篇就來寫一下我有拍到、挺有趣的設計。越來越覺得出門背個大單眼實在很鍛鍊脖子的肌力，反而一支 iphone 在手拍照上傳都很快速，以下照片皆由 iphone5 拍攝。畫質當然沒有單眼相機好，但若只是記錄當下的話也很夠用了，考慮買台出遊方便的輕型相機。Siam...
View Article設計和 F2E 的切圖與切版
收到讀者來信，這位讀者是 F2E，發現設計師的切圖和 F2E 的切版似乎不太一樣，所以寫信給我。另外問切圖有什麼樣的流程和注意事項...不知道要怎麼詳細說明，其實還滿想回他一句「多被RD罵幾次就會了啊」...orz 切版/切圖切版、切圖這兩個詞都有人混著講，兩者其實指不同件事。對設計師來講，切圖指的是「把圖從 Mockup 裡以可被 RD...
View Article2014.11.25 講座：設計驅動：有效搾乾設計師的每一分價值
在<設計驅動：有效搾乾設計師的每一分價值>你可以聽到講用戶：我的產品可以怎麼抓住使用者的心？講人力：搾乾設計師要有方法。講效率：時間就是金錢，朋友。講成本：設計驅動可以讓你少燒多少錢？時間：2014/11/25 14:00 ~ 17:00地點：中華民國高雄軟體園區產學策進會 / 高雄市前鎮區復興四路12號報名網址：KKBOX Innovation Chat #3 -...
View Article各種做白工的前兆
又聽到設計師非自願失業了，公司營運出狀況老闆跑路等等。其實多多少少這些都會有前兆，之前一直強調設計師不要關在自己的部門和駝鳥一樣埋著頭做事，如果能多關心下其他部門在做什麼，稍有點風聲就立刻做好準備，個人損失可以降到最低...就算是自己預感錯誤也沒關係，總好過真出事了才手足無措。領公司薪水N年前還剛踏入職場沒多久時待過一間公司，該公司看做 Blog 好賺，所以也招了一批人成立資訊部要架個 Blog...
View ArticleClik here to view.
台灣的設計圖書館：不只是圖書館
之前提過曼谷的設計圖書館：TCDC 設計圖書館＠曼谷今天來聊聊台灣的設計圖書館：不只是圖書館。它在松山菸廠，搭捷運很方便。官網：http://www.boco.com.tw/notjust...
View Article我的設計討論群組
講座末我提了下，不過台灣可能知道的人少。我在 QQ 上有一個私人的討論群組，聊 UI、UX、PS、AI、設計、業界動向、鬼扯、嘴砲、晚餐吃什麼...等等。想加入的人都得先發篇簡歷或作品過來。目前是設計師和 F2E 為主，請對 Photoshop 有基本概念。有興趣的人請發信到 iam.akane.lee@gmail.com，記得附上你的 QQ 號碼。
View ArticleClik here to view.
黑色星期五的特價
國外在黑色星期五的時候通常會有一波大特價，App也不例外，這次終於被我等到了。（應該要忍住不手滑的，已經買過其中幾個了＠＠）這次我來分享很喜歡的 PS 外掛包，和 Artifex Mundi 的解謎遊戲。Source這次特價包 70% off，原價 $134 變成 $39。如果你什麼都沒買過真的快下手，以目前的 UI 趨勢看來，這些外掛在工作上幾乎都會用到啊！SourceCSS Hat 2直接從...
View Article