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".
  • Tag : photoshop plugin « 嫁給RD的 UI Designer
    馬克鰻 絕對可以說是一個好用的標示工具 但它止步太久沒有更新的功能 而且也開始收月費了 於是我重新尋找好用的工具 目前推薦 2 套 specKing 和 Assistor PS 都是付費的 PS 外掛 Read on 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 好書推薦 15 旅遊見聞 12 讀者來信 5

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

  • Tag : 標示工具 « 嫁給RD的 UI Designer
    絕對可以說是一個好用的標示工具 但它止步太久沒有更新的功能 而且也開始收月費了 於是我重新尋找好用的工具 目前推薦 2 套 specKing 和 Assistor PS 都是付費的 PS 外掛 Read on 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 好書推薦 15 旅遊見聞 12 讀者來信 5 UI和RD

    Original URL path: http://blog.akanelee.me/tags/%E6%A8%99%E7%A4%BA%E5%B7%A5%E5%85%B7 (2016-05-02)
    Open archived version from archive

  • iOS 支援向量切圖 « 嫁給RD的 UI Designer
    在 Sketch 毛病特多的時候我完全不想去用它啊 20150410 補充 非常重要 請參考 Why I don t use PDFs for iOS assets 一文 iOS 即使是給它 PDF 檔 仍然會產出各種尺寸的 png 切圖給 App 用 這就產生一個問題 由 iOS 轉檔產出的 png 到達可用等級了沒有 從 Why I don t use PDFs for iOS assets 的實測附圖看起來是 沒有 所以想用 pdf 搞定 iOS 多尺寸切圖還要再等等 PS 我拒絕回答 Android 可不可以用 pdf 切圖這個問題 Posted by Akane Lee September 15 2014 切圖 向量 iOS Xcode6 Tweet Comments Please enable

    Original URL path: http://blog.akanelee.me/posts/233401-ios-support-vector-cuts (2016-05-02)
    Open archived version from archive

  • Tag : 向量 « 嫁給RD的 UI Designer
    如何改进工作流以实现一份设计稿支持多个尺寸 1F 和 2F 的回答 我原本的作法是 1F 的方式 PS Slicy 不過 2F 的回答很有意思 iOS 支援向量 了喔 出 PDF 就好了 Read on 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 好書推薦 15

    Original URL path: http://blog.akanelee.me/tags/%E5%90%91%E9%87%8F (2016-05-02)
    Open archived version from archive

  • iPhone 6 及 Plus 製圖建議 « 嫁給RD的 UI Designer
    做小放大絕對能保持頁面銳利 除非你做圖習慣不好到必需用更破爛的數學去補救 不然做小放大會遇到的意外遠遠少於做大縮小 先求能做到正確無誤 再來考慮創意美觀 就像寫考卷一樣 字再怎麼漂亮答案填錯還不是 0 分 團隊合作不是寫考卷 自己出包耍笨就算了 設計師背後還有 RD 要接手啊 兵來將擋 某 中午 RD 过来 iPhone 6 的适配你怎么看 我 沒問題 大家把官方出的 HIG 研讀下 我們來好好討論 關掉還沒放出完整文件的官網網頁 結束這個回合 某 他刚刚又跑来跟我说审核要兼容 6 的尺寸 我 說自己對 iOS 8 非常不熟 請他們提供完整 Guideline 避免再被退 然後 每4小時就去戳他一次 請問有Guideline了嗎 我在等著改版耶 官方文件還在 Updated 2014 09 08 發表會前的事 某 策划又过来问了 天真的想用 pad 的尺寸来压缩直接用到手机 我 跟他說 如果規範出來不能這樣搞 時程和人力成本的浪費是你自己要吞下去喔 某 早上老板念叨了一句 6 的适配要考虑说了 某 老大 你样机什么时候给我我什么时候弄 GOOD JOB

    Original URL path: http://blog.akanelee.me/posts/233110-iphone-6-and-plus-drawing-wonder (2016-05-02)
    Open archived version from archive

  • Tag : iphone6 « 嫁給RD的 UI Designer
    Plus 新機一發表 群裡就有人跑來哀號說老闆叫他準備 iPhone6 的適配 可現在什麼文檔都沒有完整啊 在很多細節不明的情況下 我只能建議這種最保險安全的作法 做 1x 放大給 2x 和 3x 用 以下情境預設為做一套 Mockup 要切出各種尺寸的圖 Read on 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 好書推薦 15 旅遊見聞

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

  • Tag : iphone6plus « 嫁給RD的 UI Designer
    Plus 新機一發表 群裡就有人跑來哀號說老闆叫他準備 iPhone6 的適配 可現在什麼文檔都沒有完整啊 在很多細節不明的情況下 我只能建議這種最保險安全的作法 做 1x 放大給 2x 和 3x 用 以下情境預設為做一套 Mockup 要切出各種尺寸的圖 Read on 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 好書推薦 15 旅遊見聞

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

  • PSD 製作禮儀 « 嫁給RD的 UI Designer
    參考 8px 後續 模糊 對齊 使用參考線 確保每個元素間都對齊 基本中的基本 稿件精不精緻就看這一步了 如果做 Responsive 更要對齊參考線 不管是 Fixed Grid 或 Fluid Grid 都很注重元件對齊這回事 二 圖層 圖層命名 每一個圖層 資料夾都要命名清楚 光是01 02 形狀6 拷貝 很難讓人再第一時間明白圖層內容是什麼 UI 最重要的就是易用性 請貫徹到原始檔上 不止是使用者 連接手同事都該覺得好操作 群組圖層 依頁面架構將圖層分階層歸類 並依規定命名 網頁 App 構成都有明確被定義的名稱 比如 Header NavBar TabBar Footer 等 用樹狀結構去組織整理 PSD 檔會加快許多尋找圖層的腳步 按下群組快速鍵 Command G 不到 1 秒 群組命名打字也花不到30秒 避免鎖定圖層 圖層不要鎖定 當要移動或變形時發現動彈不得 尤其是某個雲深不知處的某個圖層被鎖了翻半天才找到卡住整個群組動不了的元兇 會很煩躁 刪除用不到的圖層 這次專案用不到的圖層全部刪除 會讓人誤解 增加溝通成本的意外越少越好 刪除圖層只要按一下 delete 備份也是拷貝貼上改檔名的事 很快的 三 圖層樣式 混合模式 瀏覽器無法顯示 色彩增值 或是 濾色 之類的設定 圖層樣式只能是 正常 群組為 穿透 參考 標示色碼的方法 最後一段有提到 主要是影像演算法問題 筆畫 筆畫分內部 外部兩種 會影響圖片尺寸 筆畫的混合模式請設定為 正常 要求精準尺寸的話這部份要特別注意 尤其是混合模式 正常 設半透明 切圖或給數值到裝置上才能確保和 PSD 長相一樣 例 圖 框 100px 框1px PSD 檔的圖片寬會是 98px 外部筆畫 1px img 不可能和 border 重疊 如果是 div 則看 box sizing 的設定 但若使用外部筆畫 很容易出現圓角邊讓 F2E 誤以為是圓角矩型 得使用內部筆畫的方式製作 此時請把圖片寬度計算好 四 字體 字體數值 字級為 整數 不帶小數點 PS 裡的字級可以小數點後幾位 但瀏覽器和 mobile 可不行 況且取整數不好嗎 不對字體使用變形工具 在網頁上無法對文字拉長或壓扁 請勿對文字進行變形 硬要這樣做的話當然可以 不過這些文字請改成切圖 適合的文字框 文字框需剛好符合文字範圍 請勿設置過大 短短的標語拉個半頁文字框一點意義也沒有 還會造成對齊的困難 用多少 拉多少 使用不同的文字框 若字型 字級 色彩不同 則需使用不同的文字框 PSD 製圖和 Word 不一樣 別偷懶全混在一起 不管是製作標示文件或是要調整都會造成困難 隨手執行這些步驟根本不會花上比原本多多少的時間 我的 PSD 檔圖層不敢說 100 完全遵守 起碼符合 90 以上 而且是邊做就邊整理 不是要交稿了最後一刻才在大掃除 有沒有下載過 Dribbble 上的免費 PSD 檔 哪位神人的圖層是大鍋炒了 如果以他們當人生目標 就先從容易著手的小地方開始仿效吧 Posted by Akane Lee September 10 2014 psd photoshop guindline 禮儀 Tweet Comments Please enable JavaScript to view the comments powered by

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