web-archive-me.com » ME » A » AKANELEE.ME

Total: 398

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • 心智圖簡易教學 « 嫁給RD的 UI Designer
    不教你就是等案子進度到了他們要接手的時候會叫苦連天了 漏洞 自己一個人在畫心智圖的時候往往寫得很順 長分岔長得很開心 表面上邏輯是通的 但仔細一想就會有問題 上圖其實就有個大漏洞 單日用電時間總計 誰家冰箱會為了省電所以定時拔插頭 又不是上節目黃金傳說啊 那電量誰家不是 24H 在消耗 這個圖表的面向若是一般大眾家庭 單日用電時間總計這數值就變的很可有可無 甚至不應該存在 所以心智圖畫完記得拿給其他人看看啊 不要畫完就直接開工了 起碼也給專案相關人士瞧瞧 同步下對產品的看法 文件 到這裡你發現了嗎 這份心智圖包了一點點的企劃書部份 也包了一點點規格書的部份 如果你身處小公司 沒流程 上至老闆下只同事都不懂設計 PM 和企劃只會叫你改的工作環境 被交辦任務後還是先快速畫一張心智圖 把該列的資訊列一列 請他們確認 很多時候修改是因為雙方溝通落差 PM 沒什麼想法就叫設計先開工 設計自己有想法也沒和 PM 講 等做下去後 PM 想的和設計想的又不同 這落差就是改到死的原因之一 不過拿心智圖當文件這個作法只適用於公司內部 給 PM 企劃 RD 同事看看確認無誤可以 開明一點的主管或老闆可以 傳統些的主管 老闆或是拿給對外的客戶看就不夠正式 既然都能畫出完整心智圖了 再花點力氣修改成一份有標題分段落的文件給客戶確認吧 SimpleMind Free 通常我都用 XMind 不過心智圖不需要把每個格子都對得整整齊齊 就會用 SimpleMind Free App Store https itunes apple com tw app simplemind

    Original URL path: http://blog.akanelee.me/posts/257260-mental-maps-simple-teaching (2016-05-02)
    Open archived version from archive

  • 讀後感:設計的方法 « 嫁給RD的 UI Designer
    找出真正起因的設計師又有多少 為什麼我們明知不合理 卻又照做 所以说我总是做两个版 他总是会选花的那个 更简洁功能性强的不选 老板拍脑门就是圣旨 理念喂狗 过程献祭 企划烧纸 小公司就是 需求 结果 没有过程 這些是群裡聊天常見到的對話 痛恨各種修改 不聽解釋 沒有開發流程的情況 但問他們對這種無限修改的問題做了什麼解決方法 往往得到消極的回答 在小破公司自恃清高做设计 只会让boss觉得烦然后炒鱿鱼 有些抗争是无谓的 小公司 就好像一开始不管多渣的客户都接 等到有了发声的资本了 才能说 这个我不做的 实际的情况是 开发东西已经做完了 回头发现用的免费模板风格不统一 然后才想起来要设计调整 嗯 換做是我 我也會選擇隨波逐流 至少在前幾年還得靠 104 找工作的時候會悶聲做事 就算到現在也會選擇提出忠告 不聽就算了的方式求一席之地 這不是位專業設計師該有的工作態度和職業道德 如果設計師的職責就是找出解決問題的方法 那我所採取的放生沉默根本就不該在選擇方案內 這是看完這本書的想法 Burn your portfolio 用輕鬆的文字說出一位設計師該準備好的心態和面對困難可以採取的行動 设计的方法 擺明了告訴你 我就是這樣做 兩本書都注重同一個點 最大的困難絕對不是技術不足 而是對客戶的溝通不夠深入 设计的方法 完整說明作者的思考邏輯方式 也給了許多例子 拿自己做過的案例回來反省一整個就是慚愧 我根本沒有好好理解什麼是 設計師 也沒有認真思考 設計師的本質 只有在理解這兩個問題後 才能在前述的不合理環境中找到自己的立足之地吧 沒有設計師滿足於各種修改的不合理環境 卻很少設計師能夠跳出抱怨 去做出實際行動試圖改變 我也習慣性停留在舒適圈裡 漠視身為設計師的本份 其實看完這本書在整理筆記時心情很複雜

    Original URL path: http://blog.akanelee.me/posts/257191-book-review-design-methods (2016-05-02)
    Open archived version from archive

  • 手繪Wireframe小技巧 « 嫁給RD的 UI Designer
    下筆重一點同樣髒髒的 後來找到破解法 油性色鉛筆 拿 淺色 的來替代鉛筆打草稿 畫錯一樣擦得掉很不明顯 就算酒精性麥克筆抹過去也不會糊 根本救星啊 文具店抓隨便一支就夠用 20 元左右 粗的黑色原子筆 最後描框用 隨便哪牌子都可以 挑順手便宜的買 想專業點就拿代針筆吧 我自己是用 Uni 的普通原子筆 推 ZEBRA Z 1 S 0 7 原子筆 便宜大碗 步驟 0 白紙 iPhone 4 剛出的時候 我去印刷廠印了1000張這種紙 一面是 iPad 一面是 iPhone 畫了 亂灑 幾年還剩下 200 張左右 可以去 UI Stencils iPhone Sketch Pad 找免費的樣板 PDF 下載 1 打草稿 直接拿 淺色油性色鉛筆 畫出主要區塊 根據 為什麼要畫3次 Wireframe 介紹的個人習慣 動用麥克筆的 Wireframe 在手繪稿中算是第 2 次了 會有張遼草的亂撇鉛筆稿當範本 所以拿色鉛筆直接畫也不太會出錯 2 上底色 拿出 最淺的 1 號灰階麥克筆 上底色 除非胸有成竹 不然我習慣從 1 號灰階起手 顏色淺可以多疊幾次 下手太重沒救 3 描邊 用 粗黑筆 描輪廓線 畫面就會有模有樣的 色鉛筆畫錯也沒關係 黑筆邊一描下去就很不明顯了 icon 我不太會在這個步驟畫 等架構都確定了才會想 icon 的設計 通常就是一個圈圈代替 萬一 Wireframe 一直重畫 光刻 icon 就飽了 4 寫字 請用比 0 5 細的黑筆來寫字和補細節 我手帳本用 Uni Style FIT 寫 隨手抓也就是這牌子的黑色 0 38 或 0 28 都可以 5 上重點色 幾個比較重要的顏色要加強 用深一點的灰色也行 但視覺會沒有重心 用亮一點的色彩加強比較討喜 6 外框 外框最後再來畫 避免萬一要加什麼麥克筆色就糊掉了 不畫也沒關係 但加這一圈框在視覺上比較有精神 焦點會集中在框內 其它 畫這樣一張 Wireframe 有依據的話非常快 但很多企劃 PM 客戶不看這種手繪圖 他們只想看電腦畫的 所以我越來越少碰麥克筆手繪 Wireframe Status bar 的收訊 時間 電池狀態什麼的通常我都懶得畫 如果你的 App 在設計上有需要用到這條列的話一定要畫清楚 現代人都打字 很少寫字 我也是 字很醜 推薦 寫字基本功 附實用原子筆 中性筆 鋼筆字帖 國小一二年級生字 這本書 從握筆開始矯正 這本寫完可以去看蕙風堂的字帖 反正你的粗黑筆絕對寫不完 拿來練字剛好 PS 拿 iPhone 隨手拍紙面還挺醜的 Posted by Akane Lee March 9 2015 Wireframe Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 2015年2月 推薦書單 下 讀後感 設計的方法

    Original URL path: http://blog.akanelee.me/posts/256910-hand-painted-wireframe-tips (2016-05-02)
    Open archived version from archive

  • Tag : Wireframe « 嫁給RD的 UI Designer
    Wireframe最大好處是修改快速 製圖方便 紙本操作無法簡單實現 複製 復原 這兩個很常用的功能 若是想在 Wireframe 上加些色彩讓畫面分出區塊更易閱讀 紙本操作和使用 iPad 繪製的時間成本完全不是同個等級 畫 Wireframe 肯定會面臨多次修改的問題 使用紙本光是擦鉛筆線都累了 自從買了 iPad 後我就把創意發想階段轉移到 iPad 上執行 Read on 工作清單 Wireframe September 19 2014 Comments 既 Funational Map 和 UI Flow 後 終於到來回修改最多次的 Wireframe 階段了 比起 Funational Map 和 UI Flow 這應該是最多人會接觸到的 規劃 同時也是最花時間 圖片說明量最大的部份 在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力 Read on 手繪Wireframe小技巧 March 9 2015 Comments 群裡有人問起手繪 Wireframe 的工具和方法 我分享下個人經驗 不過現在很少這樣做了 都是鉛筆稿等級就進 Axure 製圖 幾乎沒用到麥克筆 Read on

    Original URL path: http://blog.akanelee.me/tags/Wireframe (2016-05-02)
    Open archived version from archive

  • 2015年2月,推薦書單(下) « 嫁給RD的 UI Designer
    雖然這本書對實作技術沒什麼太大幫助 不會跟你說這邊要怎麼做 那邊怎麼改 就是本 練品味 的書 每年最好固定重看這本一次 得到的感觸會大不相同 設計的心理學 人性化的產品設計如何改變世界 3版 設計思考改造世界 經典的重量級巨作 極不推薦新手看 尤其看完就開始喊口號的傢伙 腦袋清楚知道自己在幹嘛 業界在幹嘛 公司在幹嘛的中階設計師來看這本比較不會禍害同事 一樣 這是本每年都要重看一次的書 隨著和 設計無表面上直接關連 領域的經驗和知識增加 對書中提到的內容體認也會完全不同 這本書講得非常美好世界大同 現實業界完全不是這麼回事 搞不清楚狀況的傢伙看這本會盲目跟從書中的作法 回頭把專案團隊搞得雞飛狗跳 所以非常不推等級沒到的人來看這本 別說拿這本墊基礎 沒被自己腦補帶歪掉就萬幸了 請對專案流程 專案管理 軟體開發 團隊合作 公司營運 業界動態 資訊發展等都有了粗淺的認知再來研讀 不要問我為什麼這麼偏激 身邊就有活生生的例子 設計思考改造世界 字型散步 這本書裡有很多 敏感 照片 所以中國大概不會出簡中版 許多設計師對 中文字體 的認知其實很不足 學校不會教得那麼細 做網頁和 App 的礙於種種因素又只會用到內建字 就不太會把點數投資到字體字型上 對 我在說我 字型散步非常適合當成設計師的閒書來看 雖然書中專業知識不少 但文筆和圖多的情況下閱讀起來很輕鬆不吃力 適合配下午茶曬個太陽慢慢看 看完對中文字體的認識有更深的理解 同時會更珍惜台灣這片土地和文化 字體演進不是神說有光就有光啊 字型散步 日常生活的中文字型學 Posted by Akane Lee March

    Original URL path: http://blog.akanelee.me/posts/256029-february-2015-book-list-2 (2016-05-02)
    Open archived version from archive

  • Tag : 書單 « 嫁給RD的 UI Designer
    5 本 上圖中間那本大推必買 我把它列為 是設計師就該入手一本 的重量級聖經 Read on 2015年2月 推薦書單 上 February 22 2015 Comments 書越來越多了 懶的買書櫃 去樓下 7 11 拎了 2 個黑貓紙箱橫疊著裝書 沒想到過沒幾個月又快滿了 推薦書單這系列應該半年左右就會出現一次吧 不一定是新書 就是這半年入手看完 覺得可以推薦給大家參考用的部分 這篇就先談上列三本 從左邊開始 Read on 2015年2月 推薦書單 下 March 4 2015 Comments 來說一下第2排的 4 本書的心得 设计的方法 設計的心理學 設計思考改造世界 字型散步 前三本算是理論類 閱讀順序上我會建議设计的方法先看 這本比較實技一點 設計的心理學能補充设计的方法一書中沒提到的部份並深入介紹 設計思考改造世界就是給中階或資深的設計師進修用的了 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto

    Original URL path: http://blog.akanelee.me/tags/%E6%9B%B8%E5%96%AE (2016-05-02)
    Open archived version from archive

  • UI 設計師應該要會寫的文件 « 嫁給RD的 UI Designer
    初學者的 Functional Map 可以當成功能規格書的極簡化版 UI 設計師不需要到會寫完整又詳細的功能規格書 但一定要具備整理這份 Map 的能力 規格書包含 Flow chart 和 UI Flow Flow chart 為流程圖 包含使用者操作情境或功能 Flow UI Flow 則特指介面間的操作流程 兩者是不同的圖表 可參考 流程圖 MBA智库百科 初學者的 UI Flow 延伸閱讀 工作清單 Functional Map 工作清單 UI Flow Wireframe 正常的軟體開發流程一定包含企劃書 規格書 如果不這麼做的通常 咳 總之 到了 Wireframe 階段應該就是 UI 設計師熟悉的工作了 Wireframe 一定要寫說明文字 Wireframe 一定要寫說明文字 Wireframe 一定要寫說明文字 很重要所以要說 3 次 這梗早被玩爛了 有點像 User Story 但不全是 說明文字要註明該頁面上的各種操作 元件變化 參考 各種狀態與突發狀況 能考慮越週到越好 事前預防總比事後發現有漏要硬塞來的輕鬆 Wireframe 可以參考 什麼是 Wireframe 為什麼要畫3次 Wireframe 這兩篇文 延伸閱讀 工作清單 Wireframe Mockup 就是開 Photoshop 或 Sketch 之類繪圖軟體製作精稿 設計師最熟悉的工作階段 也最婊 RD 的一步 不要設計得超炫結果實作人員做不出來還怪 RD 學藝不精 看他們砍不砍死你 和設計師聽到 就不能用比 FFF 更白的顏色嗎 同感 對實作技術外行就不要充內行 Mockup 雖說是設計師最熟的文件 卻也是問題最多的文件 需熟知各平台規範 Web 框架 才不會搞一堆能看不能用的 個人作品 延伸閱讀 工作清單 Mockup 切圖 切圖這工作可能在 F2E 或設計師身上 F2E 的工作剛好踩在各種線上比較萬能一些 若是 App 專案會由 UI 切圖 曾遇過設計師很高興的說 切圖被他們家 F2E 拿回去做 不再是他負責了 是圖切得有多不敷使用導致被 F2E 放棄 各家平台不同 切圖的方式也大不相同 UI 設計師需熟知各家切圖方式並用可被輕鬆理解的方式切出合用的圖檔 延伸閱讀 工作清單 切圖 標示文件 當 Mockup 製作完成進入切圖階段後 需要製作一份寫明各元素尺寸 位置 色碼 透明度 字型 字級 檔名等資訊的文件交給 RD RD 才會知道 數值 多少 別指望他們在沒有任何說明的情況下就知道這圖片怎麼用 放哪裡 間隔是幾 px 有這等神通力誰想當 RD 這是件非常煩瑣又很悶的工作 幸好市面上很多工具可以加快製作過程 試過很多款 我最推薦 標示文件神器 specKing 幾乎全自動了 按一按鈕就全部算好數值跑完 省事省力 延伸閱讀 哪天想到再補上 UI Kit UI Pattern Guideline 這三樣是完全不同的文件 常常被混在一起講 更甚者會連標示文件一起攪進來大亂鬥 UI Kit Dribbble 上很多設計師會把自己設計的某產品所有元件全部集中在一張圖上 這種文件稱為 UI Kit 成套的 UI 元件庫概念 只有圖 不太會有文字說明 常見於原始檔 方便使用 UI Pattern 剛好夾在 UI Kit 和 Guideline 中間 像 UI

    Original URL path: http://blog.akanelee.me/posts/256361-ui-designer-write-files (2016-05-02)
    Open archived version from archive

  • 2015年2月,推薦書單(上) « 嫁給RD的 UI Designer
    本間擇一 還是先買這本吧 光影變化是所有設計的基礎啊 Raw Data Infographic Designers Sketchbooks 一本書破千元很貴 是圖鑑等級的大本精裝書 超重又厚又大本 拿來 K 人肯定噴血 雖然很貴 但內容也很豐富 值得這個價 Raw Data Infographic Designers Sketchbooks 這本書最大的特色在於一般講資訊圖象化的書都是給最後美美的海報之類的最終成品 但此書不止給成品 還附上設計師的手稿 可以看到設計師是怎麼發想 修改哪些部份 手稿和成品有哪些差異 能從中學習高手思路 從事資訊圖象化的設計師們不一定視覺技術很強悍 但邏輯能力絕對有保證 他們不用追求非常精緻完美的視覺炫技 講究的是思維推理 要把大量數據和資料整理簡化 靠的是思考 不是 PS 或 AI 功力 看多 Dribbble 或 Behance 很容易陷入炫技的陷阱 設計師是來解決問題 不是做圖美工 我下訂時博客來有60本 寫文時是59本 不知道會不會有人被我推坑 Posted by Akane Lee February 22 2015 書單 Tweet Comments Please enable JavaScript to view the comments powered by Disqus

    Original URL path: http://blog.akanelee.me/posts/255803-february-2015-the-recommended-book-list-1 (2016-05-02)
    Open archived version from archive