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
    2015 Comments 下午有位設計師往群裡貼了張圖 開始念工程師腦袋不知道在裝什麼 老愛甩人一臉專有名詞 猛算數學 設計師根本聽不懂 和他們合作都雞同鴨講 嗯 大概像這樣子的圓型進度條 Read on 到香港進行企業內訓 November 12 2015 Comments 第一次被企業包班進行內訓就是在香港 是國外耶 3 天的課程加上抵達和離開共 5 天 很高興很興奮很期待 但擔心自己講得不是對方想聽的內容 畢竟香港和台灣不管是國情還是文化都有不小的差距 Read on MOPCON 2015 心得 November 3 2015 Comments 這次受邀去 Mopcon 2015 演講其實我很訝異 想說沒認識什麼社群的人應該沒我的事 完全沒料到主辦單位竟然會主動找上我 嗯 我很懶惰任性 不會主動說要當講者 但有人邀我就會去 Read on 日本 2015 東京設計師週 下 October 30 2015 Comments 接續 日本 2015 東京設計師週 上 在展區裡有一個很大的區域適合親子互動 主要還是投影 感應動作 因為這裡滿涼快的我想多待久一點的時間 於是把同行的設計師都拖去親手 DIY 玩了 這動機實在是 這篇主要在講 DIY 體驗互動的展區 Read on 日本 2015 東京設計師週 上 October 29 2015 Comments 2015 年東京設計師週第一天開幕 天氣炎熱 身體疲倦體力很差 加上喝了白酒後繼無力只待了2小時就回飯店休息了 非常意外 整體來講東京設計師週品質很高 可以當成業界等級的新一代設計展 少了大拜拜的感覺 聽說前幾天現場不能有販售行為 真可惜 有好幾攤的工藝品很想下手 以下截取我覺得有趣的部份 Read on 日本 ANA 全日空 東大 Ucode October 28 2015 Comments 剛從日本東京設計師週回來 看到些有趣的東西 不過在寫設計師週前 先來講講 ANA 全日空和東京大學吧 如果你想看點正經的技術文請直接拉到文末 iBeacon 和 Ucode Read on 和獵人頭交流的經驗 October 20 2015 Comments 話先寫在前面 不要找我推薦 UI UX 人才 也不要找我問職缺 自從寫了 BLOG 後 開始有獵人頭公司找上我 多少有些 趣事 可以分享 大部份都很瞎 Read on Daily UI 100天的挑戰 October 15 2015 Comments 應該是從這位設計師開始的 他很努力地做了 100 Days UI 的網站 挑戰連續 100 天的 UI 設計 圖面水準品質都很高 於是有了 Daily UI 的網站 Read on 設計是解決問題的方法 October 5 2015 Comments 至少 10 個人轉了這篇文 設計一定要解決問題嗎 給我 問我的看法如何 該文傳達 2 個概念 設計一定要解決問題嗎 設計的目的 就我自己的角度 設計是解決問題的方法 這點始終不變 但要看解決的是什麼問題 也就是 為什麼你會這樣做 Read on Newer Blog Archives Older Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX

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

  • Tag : photoshop - Page No.2 « 嫁給RD的 UI Designer
    年 雖然在此之前我就已養成某種程度的整理習慣 卻也仔細研讀這個站後才真正瞭解該怎麼做得更好 如果你的工作需要接觸 Photoshop 建議這個網站列舉出來的部份都要實作到PSD上 Read on iPhone 6 及 Plus 製圖建議 September 12 2014 Comments iPhone 6 和 Plus 新機一發表 群裡就有人跑來哀號說老闆叫他準備 iPhone6 的適配 可現在什麼文檔都沒有完整啊 在很多細節不明的情況下 我只能建議這種最保險安全的作法 做 1x 放大給 2x 和 3x 用 以下情境預設為做一套 Mockup 要切出各種尺寸的圖 Read on Adobe 萬聖節遊戲 找出兇手 October 31 2014 Comments 這是Adobe的萬聖節遊戲 非常有趣 從Photoshop圖層裡找出兇手 推薦各位玩看看 你只要會開關圖層 移動位置就夠用了 不太需要高深的 PS 技術喔 故事大綱 Professor Photoheim s been murdered at his Halloween party There are three suspects To solve the crime you must say who did it how he or she did it and post a screen grab of your evidence to our Facebook page Read on 黑色星期五的特價 November 26 2014 Comments 國外在黑色星期五的時候通常會有一波大特價 App也不例外 這次終於被我等到了 應該要忍住不手滑的 已經買過其中幾個了 這次我來分享很喜歡的 PS 外掛包 和 Artifex Mundi 的解謎遊戲 Read on 試玩 Affinity Photo Inpainting Brush February 12 2015 Comments 最近發佈 Affinity Photo 這修圖軟體的 Bate 版 官網影片看得超神奇的 尤其是修補工具 根本 9 神器 現在可以免費下載 當然跑去載了份來玩玩 Read on 進化吧 Mockup 展示圖 July 29 2015 Comments 最終效果圖 裝了 Photoshop CC 2015 後一堆外掛都 GG 了 幸好最重要的幾個都活著 設計師 ALEX BENDER 在講步驟前先來介紹這位設計師 ALEX BENDER 相信他的作品很多人都看過 單張 iPhone Mockup 效果圖的前景深效果做得很精緻 這篇文就是我分解他的效果圖學習筆記 不要問我說怎麼人家成品這麼漂亮我就只做成這樣 我的程度就只有這樣啊 Read on Newer Blog Archives Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS

    Original URL path: http://blog.akanelee.me/tags/photoshop?page=2 (2016-05-02)
    Open archived version from archive

  • Tag : ux - Page No.2 « 嫁給RD的 UI Designer
    Read on 免費線上講座 十大易用性原则 June 3 2014 Comments SDC55期设计讲座 2014 06 07 週六 20 00 免費 線上講座 約 2 小時 台灣可以連上聽課無問題 之前我就看過幾場了 全程皆使用台灣式中文發音 沒有京腔 也沒有台灣國語 不過大概會講太快冒幾句台語 Read on IXDC 使用JTBD制定產品創新及產品設計戰略 筆記 July 18 2014 Comments 主題 使用JTBD制定產品創新及產品設計戰略 講者 張晶華 Mozilla 產品戰略研究資深總監 是的 我現在人在北京 參加2014IXDC國際體驗大會 這是我今天聽講座的心得 她是位非常厲害的講者 Read on IXDC 建立設計驅動的文化 筆記 July 18 2014 Comments 主題 建立設計驅動的文化 講者 周陟 騰訊MXD 設計副總監 這張是炫耀照 這本書在2010年出版 是我的啟蒙書 帶來一堆專有名詞讓我查了很久資料 卻因此墊下許多基礎 從此對周陟大神非常推崇 如果沒有這本書 我也不會當 UI Designer 這次 IXDC 就是為了他的演講而來的 因為每位講者的時間有限 周陟講速飛快 十分考驗速記技巧 我盡力了 有些腔調和用字聽不是很懂 有誤別打我 Read on IXDC Google設計的DNA 筆記 July 19 2014 Comments 主題 Google設計的DNA 講者 姜公略 Google 交互設計師 直接拿Blog當筆記了 現場聽打 Read on IXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記 July 20 2014 Comments 主題 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 講者 陳璀璀 Cxpartners 用戶研究總監 講者是 Smashing Magazine 的編輯喔 剛寫了一本新書 直接拿Blog當筆記了 現場聽打 Read on IXDC 設計產品的靈性 筆記 July 20 2014 Comments 主題 設計產品的靈性 講者 楊曦 青蛙設計 高級交互設計師 這篇筆記不是我寫的 全數出自 Rainy Liu 之手 我拍下他的筆記 手工打字把簡體轉繁體 請感謝 Rainy Liu 大方分享 我中途換場聽了 只加入後半場工作坊部份 Read on Customer Experience Map Tips July 25 2014 Comments 昨天帶 Smashing Magazine 編輯 IXDC 的講者之一 逛艋舺夜市 順手戳了幾下討要簡報檔 當天晚上立刻收到了 用龍都冰果室的花生冰收買人心是對的 Customer Experience Map 網路上非常多資料 各家執行方式都有點不一樣 在此僅翻譯簡報檔最後面的總結論 搭配 IXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記 一起看更容易理解 標題是簡報裡的 Tips 內文才是我寫的心得想法嘴砲 Read on 初學者的 User Experience Map August 7 2014 Comments 最近很努力在研究 User Experience Map 簡單整理下列幾份資料 希望對大家有幫助 在 IXDC 的相關內容可參考這兩篇文 Customer Experience Map Tips IXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記 Read on 2014年9月 推薦書單 September 9 2014 Comments 最近書單列了長長一條 買了不少差點看不完 列出其中 5 本 上圖中間那本大推必買 我把它列為 是設計師就該入手一本 的重量級聖經 Read on 從 Yep 中學習 Animation September 30 2014 Comments 又是看了某篇文章 然後有感而發寫了分析筆記 UI 和資訊業一樣瞬息萬變 眨眼就從擬物風進化到扁平 動態特效 總覺得自己追的挺辛苦的 推薦設計師們都訂一下 Medium 的 RSS 常常有好文章可以讀 英文跟我一樣破爛可以靠 Google 的整頁翻譯 遮臉 感謝優設網的 子木 常翻譯好文章 有時候我也會扔英文文章壓搾他 Read on UX 設計的方法 專案初始 December 4 2014 Comments 本文內容取自 設計的方法 這是本 UX 必備的工具書 整理大量的研究 實驗方法 讓 Designer 可以照著做 產出有模有樣的文件 以下是我自己掏摸的心得 注意 本文所寫內容不應該是一個人的工作 UX 研究都該是由兩人小組 甚至由團隊執行 但業界環境不許可 當公司喊 UX 同等喊反清復明的情況下 能靠自己的力量扭轉多少才是重點 Read on UX 設計的方法 專案執行 December 4 2014 Comments 專門開始執行初期會分成兩個可能 1 鬼打牆 2 什麼問題意見都沒有先出幾版讓某看看 不管是跳針或是通靈

    Original URL path: http://blog.akanelee.me/tags/ux?page=2 (2016-05-02)
    Open archived version from archive

  • Search keyword: 工作清單 « 嫁給RD的 UI Designer
    UI Flow 這應該是最多人會接觸到的 規劃 同時也是最花時間 圖片說明量最大的部份 在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力 以下是 Wireframe 該包含的部份 要寫的說明文字量可不少 說明文 工作清單 Mockup September 22 2014 Comments 以我自己的工作流程 會是 Functional Map gt UI Flow gt Wireframe gt Mockup gt 切圖 gt 標示文件 當然在更前期會有 UX 研究 最後會接 HTML 等等 但就一位 UI Designer 來說應該是這些 對 Mockup 而言 Wireframe 有什麼就畫什麼 不要亂改亂腦補 而且遵守 PSD 製作禮儀 工作清單 切圖 September 24 2014 Comments 切圖有很多種方法 但切出來的圖只會有兩種 1 可以用 2 被退件 圖切出來會交給 F2E 或 RD 接手 請給他們能夠使用的圖方便作業 有不懂 不確定的部份請在切圖之前就先問過他們要怎麼處理 他們肯定會回答你 不回答就是他們有很大的機率拿到爛圖拖長自己工時 誰敢不理你啊 格式 不同的檔案會有不同的格式 常見為下列數種 png jpg svg pdf 等等 設計和 F2E 的切圖與切版 November 6 2014 Comments up 切給兩個平台用 記得 iOS 切一次 另存新檔後再切 Android 有備份有保祐 2x 3x 9 patch 切 PDF 等等 比較容易出錯的的切圖應該會出在這 3 點上 參考 工作清單 切圖 一時間看不懂沒關係 被 RD 退件幾次罵幾次就會了 切圖前設計的注意事項 這問題其實在問 Mockup 怎麼做 範圍太大了很難詳細說明 列幾篇文章出來當延伸閱讀吧 圖切得爛只是設計師不知道 避免捅到自己的工作流程 December 2 2014 Comments 再強調一次 為什麼他接的案子比我多 設計業界潛規則 讓你接案上班都無往不利這本書的書名雖然很鳥 卻是每位設計師都該看過的必備好書 裡面提到許多工作方法 其中包含工作流程 工作清單 等非常實用的職場技巧 基於老是一稿 20 改的前提下 不把工作流程 工作清單 列清楚根本是自挖的屎坑 接案公司的 SOP 在書裡都有寫了 所以我寫的是在大一點的公司裡明哲保身工作流程 想當然 UI 設計師應該要會寫的文件 March 3 2015 Comments ow chart 為流程圖 包含使用者操作情境或功能 Flow UI Flow 則特指介面間的操作流程 兩者是不同的圖表 可參考 流程圖 MBA智库百科 初學者的 UI Flow 延伸閱讀 工作清單 Functional Map 工作清單 UI Flow Wireframe 正常的軟體開發流程一定包含企劃書 規格書 如果不這麼做的通常 咳 總之 到了 Wireframe 階段應該就是 UI UX 設計師的工作範圍 November 24 2015 Comments 一點的使用者測試活動 或是說服上級投錢做研究 Functional Map 功能地圖 從 PM

    Original URL path: http://blog.akanelee.me/posts/search?q=%E5%B7%A5%E4%BD%9C%E6%B8%85%E5%96%AE (2016-05-02)
    Open archived version from archive

  • Tag : UI - Page No.2 « 嫁給RD的 UI Designer
    2014 Comments iOS Human Interface Guidelines 第二章是設計策略 Design Strategies 主要講畫面 使用者操作 反應等等的一致性與注意事項 在閱讀這個章節之前 建議把 十大易用性原則 先看過一遍 對易用性有粗淺概念後會更容易理解為什麼 Guideline 會這樣寫 Read on 色盲者使用的配色檢測法 April 10 2014 Comments Contrast A Find Accessible Color Combinations 是個很不錯的配色網站 我主要是用它測試在色盲者眼中的顏色會是什麼樣子 是否通過 WCAG 2 0 Read on Grid 的運用 PS外掛 April 16 2014 Comments 製作的 Responsive Web 最好能先理解 Grid 概念 這概念不只運用在 Mobile Web 包含 Smart TV 都會派上用場 如果你輕鬆想做出和 Mockup 相同的 Web 最好把 Grid 學起來 Read on 愛用的 Photoshop Plugins April 25 2014 Comments 12 Premium Photoshop Plugins for Designers 這篇文章提到 12 個好用的 Photoshop Plugins 有幾款功能重復 有些非買不可 來介紹一下我已經買了且覺得超好用的 PS 外掛 台灣買 Plugins 的風氣不太盛行 但如果能節省自己的工作時間增加效率 每一筆錢都花得非常有價值 省下來的時間不要傻傻的跟 PM 說因為我自己掏腰包買了神兵利器所以可以塞給我更多工作 那段空檔是拿來充電用的 Read on UX 如何改善開發流程 May 5 2014 Comments 一間公司要營運絕對不是靠某個人腦充血帶頭往前衝 各部門間有許多事情需要相互配合 UI UX 是最近很紅的話題 已經到人人說得一口好使用者的程度 講歸講 要在軟體開發的什麼階段導入 UX 呢 本文從我的角度來說明 UX 如何改善開發流程 Read on 網頁設計師基本功 May 9 2014 Comments 不少做平面的設計師想轉行走網頁設計這條路 做網頁和做平面是完全不同的思維 加上 html 寫完後要交給 F2E 套特效套程式 並不是平面可以怎麼做 網頁就能怎麼做 就算是人畜共通疾病如口蹄疫 你可以把治療豬的藥方療程直接套到人類身上嗎 Read on 從 F1 方向盤看使用者經驗 May 16 2014 Comments 這是F1賽車的方向盤 可以看到儀表板上各式各樣的按鈕或旋鈕 原文連結 An Inside Look at the Insanely Complex Formula 1 Steering Wheel Read on 彩色圓環試作 May 10 2014 Comments 我在 QQ 優設 12 群掛著 有時候會看到他們 PO 一些問題求救 很有意思 會試著想要怎麼做得更漂亮 從中學到很多 這個圓環需要用到 AI 和 PS 看起來滿適合運用在技能值或數據視覺化 Read on 2014 05 24 課程 UI UX 如何導入軟體開發流程 May 13 2014 Comments 開課了 報名請往這邊走 UI UX 如何導入軟體開發流程 2014 05 24 Read on UI 設計師專屬手繪課 許願表 May 18 2014 Comments 算了下時間 我在畫室上了快一年的素描水彩 素描和水彩絕對是 UI 設計師基本功 上了幾個月作品就有明顯的提升 負責教學的老師非常強悍 只是每週六去畫室上課 就有辦法讓我突破許多在光影和材質上的癥結 害我一期上完又乖乖報名下一期 有興趣的人麻煩填一下 UI 設計師專屬手繪課許願表 喔 Read on 小技巧 提升手繪的線條穩定度 May 20 2014 Comments 這個技巧非常容易 新手一定要試試 效果立刻看得到 只要準備一支筆 一把尺 一張白紙就可以開始練習 相信辦公桌或是書桌上隨便抓都有這 3 項 鉛筆 自動筆 原子筆 廢紙背面等等都可以 Read on UI 是藝術還是設計 May 22 2014 Comments 建議想當 UI 設計師的新手去練練素描水彩 對未來從事該職業有很大的幫助 他們卻說 我又不要當藝術家 或 我只要會畫簡單的就好了幹嘛學到那麼複雜 說我做的東西根本就是藝術而不是設計 那還叫我提建議幹嘛 不對 我應該要回一句 因為你不懂 Read on 快速製作圓形漸層icon May 30 2014 Comments 看到有人問這種圓型 icon 要怎麼做 覺得很有趣稍微思考一下原理 做了個簡易快速版本 比不上原版精緻 只是記錄思考方式 Read on 免費線上講座 十大易用性原则 June 3 2014 Comments SDC55期设计讲座 2014 06 07 週六 20

    Original URL path: http://blog.akanelee.me/tags/UI?page=2 (2016-05-02)
    Open archived version from archive

  • 嫁給RD的 UI Designer
    Read on 試用 Flinto for Mac August 26 2015 Comments Prototype 工具滿山滿谷一直生 昨天 App Store 新上架一款叫做 Flinto 的 Prototype 工具 抱持著 你花錢買這工具是想解決什麼問題 沒有 你買它幹嘛 的心情 本來想裝死 但應台灣設計師 Teresa 要求 我試玩了下寫心得分享 要不要掏 NT2 990 元出來見人見智了 Read on 怎麼和 RD 配合製作 UI Animation August 11 2015 Comments 昨天貼的動態效果通靈文在粉絲團釣出幾位 RD 分享經驗 在講怎麼和 RD 配合製作 UI Animation 前 先來看 Rplus Chen 推薦的這篇勸世文 Stop Gratuitous UI Animation 這篇文在呼籲大家 不要為了炫而炫 少用莫名奇妙的動態特效 本文為個人筆記 我都用 Hype3 直接產出 Prototype 和 JS 避開和一堆數值的大混戰 但該知道 為什麼要這樣做 的部份還是要懂 Read on 動態效果的通靈之路 August 10 2015 Comments 課堂上我出了一項練習 在講完 Wireframe 怎麼畫 包含哪些元素 說明文字怎麼寫後 拿了 Dribbble 上漂亮的 Mockup 當範例 請學員畫出 Wireframe 在台上看得出學員們滿不在乎以為小菜一碟的表情 但當我要求下拉選單 特效之類所有 輸入 運作 輸出 等邏輯條件都要寫成說明文字後 台下表情從傻眼變成惶恐 一副大難臨頭死了要怎麼寫的臉 從台上看大家的表情變化超有趣 現在很流行 動態效果 啊 好多教學教你用 AE 做動畫 是啦動效好炫好漂亮 弄個 Demo 影片交給 RD 完全沒想過 輸入 運作 輸出 等條件 是要 RD 看著影片照抄練滿通靈 Lv 99 嗎 Read on 演講筆記 Growth Hack 入門心法班 August 5 2015 Comments 老實說 我連 Growth Hack 是啥都還沒研究過 Xdite 扔了報名網址給我叫我快報 我就付錢了 喂 這大概是我這輩子第一次沒仔細看過講者要講啥我就掏錢的演講 Growth Hack 入門心法班 八月 by xdite 一樣 現場聽打 只記錄個人覺得對我自己有用的部份 Xdite 妳講話速度和簡報節奏太快太緊湊了啦 不到 30 秒就換一張簡報 要給人反應和思考 喘口氣的時間啊 第一次遇到我跟不上講者速度的 通常都是講者鬼扯聊天我得靠打字才不會無聊 聽完前半場 我會推薦各位來報名上課 這和 UX 有很大的關係 尤其是創業人士 Read on 演講邀約和創業聊天 August 4 2015 Comments 我出來創業了 一人公司 一人公司的好處就是一人飽 全公司員工都飽 真的不行還可以找老公喊 親愛的零用錢 雖然主力是開課 不過案子也會接 看心情 台灣接案有 90 在找美工代工而已 根本不需要設計師 真的 需要人解決 UI UX 問題再來找我談案子 吧 找代工的就算了 個人自認在

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

  • Tag : photoshop - Page No.1 « 嫁給RD的 UI Designer
    文字篇 的步驟接著做 Read on 各式按鈕背景 進階篇 November 29 2013 Comments 這篇會教大家怎麼在按鈕外圍做一圈凹陷的陰影 為了教學需要 有故意將效果做得誇張些 如果知道原理了 記得把數值調小一點比較自然 請接續 各式按鈕背景 基本篇 製作 Read on 扁平化設計 基本雛型 November 30 2013 Comments 扁平化設計是現在最流行的設計趨勢 比起擬物風 扁平化設計去除大部份的材質和光影變化 但仔細觀察 仍保有許多細節 無論是陰影 漸層 高光 立體感等 並不因 扁平 而隨意帶過 這個教學不太需要修圖技巧 只要會用 形狀圖層 就好 為了因應各種尺寸的 icon 我習慣盡可能用向量來製圖 Read on 扁平化設計 高光 陰影 December 1 2013 Comments 有了基本雛型後可以開始添加細節 從放大鏡icon的優化開始 如果有上過素描課 老師會說明高光和陰影的重要性 扁平化設計將視覺元素抽掉很多 高光 漸層 陰影等基本組成因此變得更重要 更需要注意每 1px 的細部處理 Read on 扁平化設計 折頁 December 2 2013 Comments 翻頁效果也是很常見的扁平化小技巧 簡單幾個步驟就能完成了 請接著 扁平化設計 高光 陰影 繼續做喔 Read on 扁平化設計 厚度 December 3 2013 Comments 這張是 512 x 512 px 的 iOS Desktop icon 原始圖檔 可以看到在我放在 photoshop 分類中關於扁平化設計系列文章所製作出來的效果 高光線真的很重要 細細一條就能帶給人 厚度 和 轉折 的視覺效果 Read on 扁平化設計 斜陰影 December 4 2013 Comments 常常在扁平化的 icon 上看到斜陰影效果 要製作這個效果有很多種方式 網路上的教學文也很多種 我就挑了比較簡單的作法來實作順便 PO 自己的作法了 可以結合厚度 讓 icon 更潮 沒辦法 現在就是流行扁平化 厚度 斜陰影 Read on 我的選色技巧 December 19 2013 Comments Pochade 我愛用的截色 App 最近在工作上遇到關於配色的大難題 公司 LOGO 是深藍 亮橘 但要做的專案和股市看盤有關 所以要加入紅色和綠色 要求官網 網頁版系統 Desktop App Mobile App 都要一致性 能讓人一眼就看出來這是該公司的產品 要有企業形象 一定要用上企業色 偏偏扯到 股市看盤 就不會只有兩條線在畫面上跑這麼簡單 Read on PS 色彩管理與解析度設定 February 22 2014 Comments 關於螢幕有太多學問 以 UI 的角度來談談給 UI 用的 Photoshop 螢幕設定吧 就 色彩管理 和 解析度 的部份 本文參考 Colour management and UI design 和 Designing for Retina display part two 所寫 Read on Grid 的運用 PS外掛 April 16 2014 Comments 製作的 Responsive Web 最好能先理解 Grid 概念 這概念不只運用在 Mobile Web 包含 Smart TV 都會派上用場 如果你輕鬆想做出和 Mockup 相同的 Web 最好把 Grid 學起來 Read on 愛用的 Photoshop Plugins April 25 2014 Comments 12 Premium Photoshop Plugins for Designers 這篇文章提到 12 個好用的 Photoshop Plugins 有幾款功能重復 有些非買不可 來介紹一下我已經買了且覺得超好用的 PS 外掛 台灣買 Plugins 的風氣不太盛行 但如果能節省自己的工作時間增加效率 每一筆錢都花得非常有價值 省下來的時間不要傻傻的跟 PM 說因為我自己掏腰包買了神兵利器所以可以塞給我更多工作 那段空檔是拿來充電用的 Read on 網頁設計師基本功 May 9 2014 Comments 不少做平面的設計師想轉行走網頁設計這條路 做網頁和做平面是完全不同的思維 加上 html 寫完後要交給 F2E 套特效套程式 並不是平面可以怎麼做 網頁就能怎麼做 就算是人畜共通疾病如口蹄疫 你可以把治療豬的藥方療程直接套到人類身上嗎 Read on 彩色圓環試作 May 10 2014 Comments 我在 QQ 優設 12 群掛著 有時候會看到他們 PO 一些問題求救 很有意思 會試著想要怎麼做得更漂亮 從中學到很多 這個圓環需要用到 AI 和 PS

    Original URL path: http://blog.akanelee.me/tags/photoshop?page=1 (2016-05-02)
    Open archived version from archive

  • Tag : ux - Page No.1 « 嫁給RD的 UI Designer
    2013 Comments 什麼是互動設計 互動設計這個詞這幾年很常見 包山包海感覺上只要是各種媒體上看到會動都可以叫互動設計 有一種說法是 設計出互動產品 提供人類在日常生活或工作中使用 更詳細的解釋則是 互動設計是人類互動及溝通上的空間 它是一種以使用者的需求與經驗為出發點 創造出人類與科技的完美連結 IDEO 創始人在 1984 年的一次設計會議上提出 他剛開始將互動設計命名為 軟面 Soft Face 但這名字很容易讓人想起當時流行的玩具 椰菜娃娃 後來將名字改為 Interaction Design 從 Soft Face 這個最早期的命名方式可以看的互動設計的特性 沒有規則可讓人任意塑造扭曲 是在最表層如臉孔一般的存在 Read on 使用者經驗藏寶圖 敘述故事 找出中心思想 December 12 2013 Comments 雖說很對不起邀我來參加聚會的主辦單位 但 UI 和 RD 擅長的領域差不多就是聖母峰和馬里亞納海溝的差別 為了不浪費這段人人都在補充新知我卻蹲在旁邊玩保衛蘿蔔2的時間 還是來寫點文章表示我也有努力好了 根據這張藏寶圖的順序 就來談談 敘述故事 找出中心思想 Read on 使用者經驗藏寶圖 創建人物 December 18 2013 Comments 相信各位應該看過前一篇 使用者經驗藏寶圖 敘述故事 找出中心思想 了 也相信一定有人用鼻孔噴氣 什麼鬼話連篇 拿灰姑娘出來當例子 小孩子玩家家酒 這個階段我就認真寫好了 在 創建人物 這個階段 其實就是研究方法 Persona 人物誌 都把研究方法拿出來講了 夠認真了吧 Read on 初學者的 Functional Map December 23 2013 Comments 功能規格書 產品規格書 系統分析 需求分析等等 是 PM 或 SA 或其他同事的工作 反正不是 UI 的工作 很多 UI 不願意去接觸這類文件 就說了字太多圖太少設計人看不下去 有沒有懶人包 但看不懂這些文件的 UI 絕不能被稱為好 UI 連這個軟體要做什麼都不熟悉 一知半解 要怎麼說服別人設計的介面是適合這套軟體 或網站 的好介面 Read on 初學者的 UI Flow December 25 2013 Comments UI Flow 和 Funtional Map 算是最多人容易搞混的兩種圖表吧 Functional Map 主要目的在 將抽象的需求轉變成能被實現的功能 而 UI Flow 則是 妥善安排功能與資訊在頁面之間的操作動線 兩者很明顯目的不同 所以沒有什麼重工或是很麻煩之類的藉口可以逃避不做 Read on Guideline 的重要性 December 31 2013 Comments 強調再強調 一定要先看過 Guideline 後再來做介面設計 卻被人嗤之以鼻 說不用看一樣可以產出啊幹嘛要花這種時間 如果不是你的產品太簡單 就是都用內建元素或抄襲湊合了事 你同事人太好 幫忙擦屁股了 你同事程度跟你一樣 搞不清楚狀況 別說很多 UI 高手們也老是跳脫 Guideline 設計啊 他們哪位不是對 Guideline 熟到可以朗朗上口到幾乎可以報頁碼的 不懂 Guideline 的就只能當美工用 連視覺設計都稱不上 Read on 3 種應用程式風格 January 6 2014 Comments 不要再叫 PM 或 BD 畫 Wieframe 他們真的不是 UI UX 的專業人士 如果注重專業 在約還沒簽 規格也還沒訂出來的時候就該把 UX 加進工作流程裡了 PM 最重要的工作是控管時程 各部門單位間溝通 BD 是廣義的 Marketing 也不該是這個位子的人在搞介面 畫 Wireframe 的是 UX 啊 UX Read on 使用者經驗分層元素 January 10 2014 Comments 想了解 UI UX 就一定要了解這張圖 這是 Jesse James Garrett 在 2000 年發表的使用者經驗元素一書中所提出 使用者的經驗可分成抽象到具體 也就是由策略 範圍 結構 骨架 表層所構成 圖片上有原作者的說明大家自己看吧 Read on UI UX 之天下武功出少林 January 13 2014 Comments 這算是我看了這麼多資料所做出來最大的整理吧 說穿了其實不管是哪位 UI UX 大師 講的都是同一件事情 要怎麼做才能讓使用者好用 從這張圖表有看出什麼了嗎 第一個直列 白底 就是我之前提到的 使用者經驗分層元素 第二個直列 黃底 是 使用者經驗藏寶圖 第三個直列 藍底 是 十大易用性原則 使用者經驗分層元素裡並沒有說明文件 這項是我自己加上去的 為了讓整個專案更完整 並且能夠傳承下去 Read on 我是UID 不是UXD January 15 2014 Comments 圖片出處 THE DISCIPLINES OF USER EXPERIENCE 當聽到有人說 我是做 UX 的 都不會覺得很奇怪嗎 使用者經驗要怎麼被 做 出來 要解釋 UID 和 UXD 的不同就得拿出這張圖 它很清楚畫出 UID 和 UXD 的關連和差異 你可以看到紅色大框的 使用者經驗設計 中包含訊息架構

    Original URL path: http://blog.akanelee.me/tags/ux?page=1 (2016-05-02)
    Open archived version from archive



  •