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
    2016 Comments 我買了 Simon Ng 寫的 iOS 9 App程式設計實力超進化實戰攻略 Beginning iOS 9 Programming with Swift 學習怎麼用 Xcode 和 Swift 做 App 這本書非常推薦設計師和完全不懂程式的初學者購買 前幾章都在講 Xcode 的 GUI 操作和實例 跟著範例自己做個會動的頁面出來很有成就感 能學到很多 Read on 讀者來信 UI 設計流程 March 28 2016 Comments 收到一封 Mail 其中提到幾個關於設計流程和 Prototype 的問題 UI設計流程 Wireframe 低保真Prototyple Mockup 高保真Prototyple 這樣的流程是對的嗎 根據上過課的學員回應 以及自身經驗 目前業界的情況大多是 UI 設計師收到 開工啦 的通知 然後就從 Wireframe 開始下手 使用者怎麼操作 有哪些功能 使用者和客戶的需求是什麼往往靠 PM 簡單口述 Wireframe 為什麼會長這樣 在 Wireframe 之前還有哪些事要做 全部都靠通靈 所以執行專案期間都在改來改去 撐到最後一天總是可以結案就解脫了嘛 再開始下個改來改去的輪迴 Read on 關於媽祖繞境 March 23 2016 Comments 我看了這個新聞 直擊 魏應充兄弟跪求鑽轎 白沙屯媽閃開 頓時好奇了起來 媽祖娘娘是怎麼指示抬轎人不給魏應充兄弟鑽的 如果是抬轎人的自主行為 就和媽祖無關 如果是媽祖指示 她怎麼指示的 不太理解 Read on 如何挑選 UI UX 設計課程 March 7 2016 Comments 收到太多這類的私訊或 Mail 問 A 補習班好不好 B 課好不好 C 班好不好的 一併在此回答 自己判斷啊 因為我自己有開 UI 入門班 這文寫起來很業配 怎麼看都像是在貶低別人 自抬身價 明知道我有自己的班還扔其他單位的開課訊息問意見的人真不知道在想什麼 想從我口中得到什麼答案 Read on 上課心得 Rails 商務網站 x 即戰力 2016 春季班 二班 March 2 2016 Comments 補充 UI UX 設計師在工作上不會用到 Rails 這是個人學習 寫程式也不是我的興趣 只是覺得先學起來放 而且學得很痛苦就是了 非常不適合完全外行的初學者來上這門課 除了打一堆指令碼外 不主動纏著助教問是不會懂 為什麼 外加初學者嫩到就想問問題都不知道從何問起 只能從背指令開始 UI UX 設計師為什麼要來學寫程式 自己要先想清楚啊 去年年底我就報了這個班 Rails 商務網站 x 即戰力 2016 春季班 二班 三月 by Xdite 聽說 5 小時就賣光了 下一班很多 UI UX 設計師報名 這不是重點 重點是 如果你不做課前練習 設計師 100 掉隊跟不上學習進度 Read on 情人節禮物 DIY 3 Star Wars 紙模篇 February 10 2016 Comments 看到這張圖大概就知道我幹了什麼事吧 對 因為老公是星戰迷 所以我做了一隊白兵 Darth Vader 給他 Read on 情人節禮物 DIY

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

  • Archive « 嫁給RD的 UI Designer
    Yep 中學習 Animation Sep 30 2014 posted in animation UI ux GA iOS 解析度製圖設定 Sep 28 2014 posted in iOS Rainfont 字級 工作清單 切圖 Sep 24 2014 posted in 工作清單 切圖 命名 工作清單 Mockup Sep 22 2014 posted in Mockup 工作清單 找份正常的設計工作真難 Sep 22 2014 工作清單 Wireframe Sep 19 2014 posted in Wireframe 工作清單 工作清單 UI Flow Sep 19 2014 posted in UI Flow 工作清單 業主的喜好 Sep 18 2014 posted in WTF 工作清單 Functional Map Sep 18 2014 posted in Functional Map 工作清單 好用的旅遊地圖工具 Jauntful Sep 17 2014 posted in Jauntful 旅遊工具 手帳 標示文件神器 specKing Sep 16 2014 posted in specKing Assistor PS photoshop plugin 標示工具 標示文件 神器 iOS 支援向量切圖 Sep 15 2014 posted in 切圖 向量 iOS Xcode6 iPhone 6 及 Plus 製圖建議 Sep 12 2014 posted in iphone6 iphone6plus photoshop PSD 製作禮儀 Sep 10 2014 posted in psd photoshop guindline 禮儀 2014年9月 推薦書單 Sep 09 2014 posted in UI ux 書單 資源共享 共筆平台 流水帳 Sep 05 2014 posted in 共筆平台 資源分享 Fixed Grid System詳解 Aug 27 2014 posted in Responsive Fixed Grid 設計風格資源筆記 Aug 21 2014 讀者回信 無法實現的設計驅動 Aug 19 2014 支持正版像是被懲罰一樣 Aug 18 2014 posted in 大宇資訊 明星志願 Apophysis 碎形藝術 Aug 13 2014 posted in Apophysis 碎形 初學者的 User Experience Map Aug 07 2014 posted in User Experience Map ux 初學者 好書推薦 大話設計師 Jul 31 2014 posted in 影天醬 大話設計師 書單 靈感搜尋 APP類 Jul 31 2014 posted in link app idea 靈感搜尋 網站類 Jul 30 2014 posted in idea Web UI 不起訴處分書 Jul 29 2014 posted in Fastfood app EXPUP 速食APP 被告 妨害名譽 Customer Experience Map Tips Jul 25 2014 posted in ux IXDC IXDC 設計產品的靈性 筆記 Jul 20 2014 posted in IXDC 產品 ux UI 聽演講筆記 IXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記 Jul 20 2014 posted in 聽演講筆記 IXDC ux 體驗歷程圖 Customer Experience Map IXDC Google設計的DNA 筆記 Jul 19 2014 posted in IXDC ux google UI 聽演講筆記 IXDC 建立設計驅動的文化 筆記 Jul 18 2014 posted in IXDC ux 聽演講筆記 IXDC 使用JTBD制定產品創新及產品設計戰略 筆記 Jul 18 2014 posted in IXDC ux 聽演講筆記 獵人用的 icon 分類法 Jul 08 2014 設計師最好知道一下的常用縮寫 Jul 02 2014 iOS Android 字級單位 Jun 25 2014 posted in iOS android 字級 app PS 圖樣神器 Subtle Patterns Jun 24 2014 posted in photoshop Patterns UI UX 吃貨群 Jun 19 2014 Responsive Web Design 不是萬能 Jun 16 2014 Nest Pastiche 製作過程 Jun 13 2014 posted in icon photoshop Illustrator Dribbble Behance 製作螺旋圓點花紋的方法 Jun 12 2014 posted in Illustrator tutorials 面試會問的問題 Jun 10 2014 posted in 工作經驗 免費線上講座 十大易用性原则 Jun 03 2014 posted in Lesson UI ux 快速製作圓形漸層icon May 30 2014 posted in photoshop icon UI tutorials 如何讓公司的平面設計師交出可以用的 Web 圖 May 26 2014 posted in 個人經驗 Web UI 是藝術還是設計 May 22 2014 posted in 個人經驗 UI 小技巧 提升手繪的線條穩定度 May 20 2014 posted in 手繪 UI ux 自製簡易 icon 教學 May 19 2014 posted in photoshop Illustrator icon 手繪 UI 設計師專屬手繪課 許願表 May 18 2014 posted in Wish UI 從 F1 方向盤看使用者經驗 May 16 2014 posted in 個人經驗 ux UI 2014 05 24 課程 UI UX 如何導入軟體開發流程 May 13 2014 posted in Lesson UI

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

  • About me « 嫁給RD的 UI Designer
    目前課程 接受企業包班 歡迎來信討論 專長 iOS App Design Desktop App Design Responsive Web Design Icon Graphic CIS Design UI Flow Wireframe Mockup Prototype Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9 UX相關 10 好書推薦

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

  • UI 設計入門班 - 學員心得 « 嫁給RD的 UI Designer
    8 7 心得 生日禮物很值得 UI學習三日談 6 5 4 3 2 1 Posted by Akane Lee August 31 2015 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus UI UX 吃貨群 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37

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

  • UI/UX 吃貨群 « 嫁給RD的 UI Designer
    禁大尺寸表情圖片 禁伸手黨 分享網址需附說明 分享食物需附餐廳資訊 有挖到好東西請自動放協作資源 http uiuxlink hackpad com 新人進群請主動自我介紹 固定 1 1 7 1 清除積分為 0 的人 加群不分享也不參與討論 你來幹嘛 參考 想被無視就這樣寫 Mail 一文 如果你寄給我的 Mail 有這種症狀 放心 一定石沉大海 以上 有興趣的人請發信到 iam akane lee gmail com 記得 附上你的 QQ 號碼 Posted by Akane Lee June 19 2014 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 2016 年 4 月書櫃 UI 設計入門班 學員心得

    Original URL path: http://blog.akanelee.me/posts/206548-my-design-discussion-group (2016-05-02)
    Open archived version from archive

  • 2016 年 4 月書櫃 « 嫁給RD的 UI Designer
    字體設計 其他相關 初學者 這幾本都很淺 是入門書 別做天兵設計 UI 新手 剛轉行 不知道 UI 工作流程為何的可以看這本 User Centered Design使用者導向設計 講 UX 工作流程入門書 不知道現在口號老愛喊使用者在使用三小的可以看這本 然後就知道很多人習慣喊 使用者為重 跟幾百年前喊 反清復明 一樣 喊喊而已 不會跑研究方法的啦 為什麼他接的案子比我多 不只設計師 我覺得剛畢業的職場新鮮人都可以看這本 講很多和專業無關 但踩到雷要怎麼處理的實用技巧與心態建立 這樣 O 那樣 X 馬上學會好設計 1 適合非本科 換跑道的設計師看 剛畢業的本科生也該看一下 Posted by Akane Lee April 26 2016 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus UI 設計師看 Auto Layout UI UX 吃貨群

    Original URL path: http://blog.akanelee.me/posts/720285-april-2016-bookcase (2016-05-02)
    Open archived version from archive

  • UI 設計師看 Auto Layout « 嫁給RD的 UI Designer
    Landscape 的畫面變化 以及 Universal App 對齊與定位 其實看到這 2 個工具大概就猜得出工程師會怎麼設定 Auto Layout 了吧 雖然工程師都寫 Code 直接處理 但拿 GUI 出來講總是比較容易被看懂 Align 對齊 建立一個對齊的約束條件 ex 元件置中對齊 Pin 定位 建立間距約束條件 ex 元件上 右 下 左的間距 所以設計師出標示文件給工程師的時候 需要寫明對齊方式和定位 比如 A 和 B 之間距離多少 置中還是置左 某元件如果要固定在左下角是不是要標明距離左和下的數值 等等 實例 因為尺寸不同所以版面跑位的情況 可以透過設定 Auto Layout 解決 設好後 Storyboard 會出現幾條輔助線 標題 不管螢幕尺寸變化 標題都希望要置中 且距離頂端的位置要固定 按鈕 按鈕設為 水平對齊 垂直對齊 這樣不管在哪種螢幕尺寸下它都在正中間 文字 文字設定距離右邊和距離底部的尺寸 不管螢幕尺寸變化 這行文字都會固定在右下角 ma 這就產生一個新的問題 比如 avocode 和 zeplin 這類不用設計師出標示文件的好用外掛 如何讓工程師知道在不同螢幕尺寸下 各元件的位置呢 設計師哪有這麼勤勞針對各種螢幕尺寸出一堆原始檔 看是要拼一定點另外寫份標示文件 或是乾脆放手讓工程師處理掉了吧 延伸思考 Auto Layout 不只能處理各種螢幕尺寸下元件位置的版面問題 Portrait 和 Landscape 手機轉橫或轉直 間的切換也可以用它來處理 甚至 Universal App iPhone 和 iPad 同一支 app 程式 iPhone 和 iPad 之間的 Responsive 也可以透過 Auto Layout 搞定 嗯 這就來討論下 1 為什麼 Landscape 要用 Auto Layout 2 為什麼 Universal App 要用 Auto Layout 為什麼 Landscape 要用 Auto Layout 從使用者的操作 簡單分成 2 種可能性 1 手機轉橫是為了看更大的畫面 比如 Safari 2 手機轉橫會觸發不同的功能 可參考舊文 Portrait 和 Landscape 談螢幕方向 如果是為了看更大的畫面 功能元件幾乎相同 用 Auto Layout 我覺得很方便省事 如果會觸發不同功能甚至換個介面 那用 Auto Layout 想幹嘛 當然是刻個新的 UI 啊 為什麼 Universal App 要用 Auto Layout 同上方的理由 iPad 的介面和 iPhone 的介面會完全一樣嗎 iPad 螢幕比 iPhone 大那麼多 操作情境 功能複雜度不會一樣 而且 在開啟 App 時就判定 App 被裝在哪種裝置上 讀取 iPad 或 iPhone 的程式碼 都比用 Auto Layout 乾脆實在啊 Auto Layout 入門教學 一文說明介紹 Xcode Auto Layout 設定方式 詳細操作等 可以去看這個網頁喔 Posted by Akane Lee April 8 2016

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

  • 讀者來信:UI 設計流程 « 嫁給RD的 UI Designer
    你家的 RD 就會抱著頭哀嚎了 4 UI Flow 知道使用者會怎麼操作一項功能時 才有辦法規劃操作動線 UI Flow 指的是頁面與頁面之間的操作流程 使用者想完成任務會經過多少頁面之類 有另一位讀者傳訊問道 為什麼我之前的文章說不要用圖片版的 UI Flow 要用文字版的呢 首先 這是雞生蛋蛋生雞的問題 如果這個專案從零開始 把 Flow Chart 規劃完後接著做 UI Flow 這時候哪來的圖片版可以串 Flow 連 Wireframe 都還沒開始畫哩 第二 當你的產品頁面一多的時候 也不用太多 20頁 用圖片串出一個 UI Flow 這個 Flow 圖表尺寸有多大張 誰有那個心力在一張大圖上用手掌工具來回移動看頁面走向 第三 很多人做圖片版的 UI Flow 時 線條連接的是 頁面 和 頁面 這時候你也只知道 喔 這一頁的下一頁會到這裡 但你完全不會知道為什麼會到這一頁 要點哪裡 或是發生什麼事所以跑到這裡來 猜猜看啊 要靠猜猜看才會看懂的文件看它 寫它 幹嘛 不要浪費時間啊 文字版的 UI Flow 我拿來當 目錄 用 對照 Wireframe 的編號 找圖看細節的時候快 圖片版的 UI Flow 我會用在 優化 舊產品的操作時使用 連接線會從 元件到頁面 而不是 頁面到頁面 並在圖片和線條旁邊寫上文字說明 才會知道哪個步驟可以省略或修改得更易於使用 5 Wireframe 有畫 Wireframe 不代表工程師就看得懂這要幹嘛 光看臉皺成一團的表情你也不知道他是踢到腳指還是吃到酸梅 文字說明才是 Wireframe 的重點 包含觸發 回饋 狀態變化等等 一開網頁就自動出現廣告 還是開啟網頁後等個3秒才出現廣告 廣告出現10秒自動消失 還是要按 X 按鈕 網頁停止30秒沒有操作要不要出現廣告 工程師只會照你寫的去做 不會照你想的去做 工程師不是神也不是蛔蟲 他們是一般人 沒有他心通這種神力 溝通上肯定會有認知落差 所以話要講清楚 設計師的常識不等於工程師的知識 Flow Chart UI Flow Wireframe 這三份文件寫到一半發現什麼東西漏掉回頭補上是正常現象 不可能一次到位 6 Mockup 視覺稿 照 Grid 和 Guideline 做吧 之後還有切圖和標示文件要弄 好處是切圖和標示文件都有外掛工具可以代勞 甚至設計師只要顧好原始檔 切圖和標示文件都用 Avocode 或 Zeplin 解決 壞處是 如果不太知道技術限制 做出來的東西工程師不能用就算了 他們還白挨設計師的罵 為什麼你做出來的東西和我畫的差了幾px 拜託 RWD 不可能完全和你畫的一模一樣好不好 是你能力不夠還是偷懶 我的圖畫得出來為什麼你做不出來 幹 7 Prototype 那位讀者問另外問了關於 Prototype 的問題 高保真Prototyple是在切圖給RD之後製作 那做出來的用意是在RD程式還沒完成前再次確定操作上有無任何問題嗎 那高保真Prototyple就是跟成品長的一樣還可以操作囉 做 Prototype 的目的通常是 測試和驗證 不管是給使用者操作看看 觀察使用者操作狀況做使用者測試 還是工程師套完程式上線前先測看看有沒有蟲或哪邊爆炸了 所以它一定要可以被操作 不能被實際操作是要怎麼測試 腦內補完 Prototype 要可以被操作 Prototype 要可以被操作 Prototype 要可以被操作 不能被操作的都不是 Prototype Wireframe 可以做 Prototype 低保真原型 Mockup 可以做 Prototype 高保真原型 切圖叫工程師寫程式套版做一個 高保真原型 我自己大多做完 Mockup 後才會出 Prototype 測試 因為 Wireframe 做的低保真原型一般使用者看不懂也沒感覺 沒辦法做使用者測試 Wireframe 做的 Prototype 頂多內部測試吧 但內部測試常常不太准 工程師和設計師的思維和一般人不一樣 測一測重點常常歪掉 補充說明 另一位讀者看了本文後若有所感 傳訊跟我討論了下

    Original URL path: http://blog.akanelee.me/posts/686437-ui-design-process (2016-05-02)
    Open archived version from archive



  •