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".
  • iOS 解析度製圖設定 « 嫁給RD的 UI Designer
    Arial Bold 20pt 由左到右分別是 320x480 72 320x480 144 實際 iPhone RainFont 字級表 640x1136 144 做大縮小派 640x1136 144 根本是陷阱卡 要給 RD 的所有數據都要自己手動除以 2 但是字級不能除實報實銷 標示文件要以 1x 給 RD 整個 PSD 檔縮小 50 後 20pt 的字剩 10pt 不管它 全部標 2x 叫 RD 自己換算 你確定 RD 會記得所有間距 尺寸什麼的數字都要除以 2 就字級不要動 3x 出現了 做大縮小圖會比較精緻 如果你是腦袋清楚的設計師當然可以這樣做 但稍不注意就會出包 設計師自己出標示文件當然要怎麼做都可以 如果是扔原始檔給 RD 叫他自己看的話 大家都是出來混口飯吃的 不要設陷阱給 RD 踩吧 可以設定 640x1136 72dpi 標示文件全部都在縮小為 1x 後才開始標數值 以前我跟流行做大縮小的時候是這樣處理的 不幸的是 如果專案同時要出 Android 和 iOS 甚至共用同個原始檔 唉 又設了 144dpi iOS 字級單位用 pt 只有在 72dpi 下 1pt 1px Android 的 dp sp 單位公式搞懂了嗎 全部混在一起講就是 WTF 頭腦清楚的設計師當然一點問題也沒有 如果自己不那麼理解 為什麼要走這麼難搞的路線 我是動作很快但容易粗心漏東西的人 知道自己缺點就要想辦法減少出包率啊 又不是腦袋被門夾了喜歡一錯再錯 做小放大派 320x480 72 最安全 什麼換算問題都不會出現 輕鬆簡單 現在出現 3x 了 什麼數值都要是 3 的倍數就頭大 做小吧做小 有人跟我抱怨做小放大圖會很醜 先求不出錯再來討論圖醜不醜的問題吧 做得很漂亮可是 RD 不能用 能幹嘛 順便打一下廣告 RainFont https itunes apple com tw app rainfont id861338293 l zh mt 8 這是我和老公一起做的字級表 App 如果你覺得這個 Blog 不錯 歡迎支持下這個 App 請我們喝杯紅茶 寫一篇文要花很久的時間 卻得累積更久的心酸血淚才能學到這些經驗 Posted by Akane Lee September 28 2014 iOS Rainfont 字級 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 工作清單 切圖 從 Yep 中學習 Animation Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶

    Original URL path: http://blog.akanelee.me/posts/235240-ios-resolution-graphics-set (2016-05-02)
    Open archived version from archive

  • Tag : iOS « 嫁給RD的 UI Designer
    Android 放在一起比較 同時探討 1x 2x ldpi mdpi hdpi Xhdpi xxhdpi 的尺寸與解析度 本文就以我個人角度提出看法 圖片取自 Android Devices and Displays Read on 8px 後續 模糊 February 21 2014 Comments 8px那篇引起很多回應 我想這要從幾個角度來解釋 UI 口中的 糊 和 RD 眼裡的 糊 是有差的 圖片會糊的原因分成幾種 小圖放大會糊 這是廢話 BJ4 大圖縮小會糊 一定有人想問為什麼 就算是向量檔 只要像素沒有對齊一樣會糊 PX 非整數 Pixel 沒有0 x 這種數值 Read on 標示色碼的方法 March 25 2014 Comments 在寫標示文件給 RD 前 先來了解一下何謂 色碼 常見的色碼有幾種 HSB RGB CMYK HEX 等等 各種色碼運用場合皆不相同 理解後再來看看 Android 和 iOS 需要什麼 Read on iOS Android 字級單位 June 25 2014 Comments 這是靠我自己摸索出來的喔 是拿 App 截圖進 Photoshop 辛辛苦苦比對所量出來的尺寸 這位 UI 先生 小姐 你知道世界上有 Guideline 這種文件嗎 比起問別人 自己摸索出來的才記得深刻嘛 你知道世界上有工程師這號人物嗎 浪費一堆時間在 PS 量半天為了什麼 文件上寫得一清二楚 字級要用是 pt 或是 px 轉頭問問 RD 立刻就有答案了 Read on iOS 支援向量切圖 September 15 2014 Comments 起因是這一篇 iPhone 6 6 Plus 出现后 如何改进工作流以实现一份设计稿支持多个尺寸 1F 和 2F 的回答 我原本的作法是 1F 的方式 PS Slicy 不過 2F 的回答很有意思 iOS 支援向量 了喔 出 PDF 就好了 Read on iOS 解析度製圖設定 September 28 2014 Comments 有人跟我提到 iOS 在 psd 設計時解析度建議設為 144 這樣文字大小才會是正確的 當年 iPhone4 剛出的某個晚上我和老公躺在床上聊 iOS 變 2x 了會遇到什麼狀況 聊著聊著兩人就槓上吵架了 也不管當時是凌晨兩點 通通爬起來開燈開電腦 一個翻出 Photoshop 一個翻出 Xcode 打字 設定字型字級 拿出 iPhone 設定一樣的字型字級 之後 我的製圖習慣一直使用 72 dpi Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto

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

  • Tag : Rainfont « 嫁給RD的 UI Designer
    剛出的某個晚上我和老公躺在床上聊 iOS 變 2x 了會遇到什麼狀況 聊著聊著兩人就槓上吵架了 也不管當時是凌晨兩點 通通爬起來開燈開電腦 一個翻出 Photoshop 一個翻出 Xcode 打字 設定字型字級 拿出 iPhone 設定一樣的字型字級 之後 我的製圖習慣一直使用 72 dpi 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

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

  • Tag : 字級 « 嫁給RD的 UI Designer
    立刻就有答案了 Read on iOS 解析度製圖設定 September 28 2014 Comments 有人跟我提到 iOS 在 psd 設計時解析度建議設為 144 這樣文字大小才會是正確的 當年 iPhone4 剛出的某個晚上我和老公躺在床上聊 iOS 變 2x 了會遇到什麼狀況 聊著聊著兩人就槓上吵架了 也不管當時是凌晨兩點 通通爬起來開燈開電腦 一個翻出 Photoshop 一個翻出 Xcode 打字 設定字型字級 拿出 iPhone 設定一樣的字型字級 之後 我的製圖習慣一直使用 72 dpi Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories

    Original URL path: http://blog.akanelee.me/tags/%E5%AD%97%E7%B4%9A (2016-05-02)
    Open archived version from archive

  • 工作清單:切圖 « 嫁給RD的 UI Designer
    切圖可切 1x的 pdf 向量檔 iOS 會自動產出 1x 2x 3x 的 png RGB 只要是給螢幕用的圖檔通通用 RGB 的格式製圖和切圖 CMYK 是印刷用的 檔名 每個人習慣的方式不一樣 依專案大小 切圖數量等因素也會有一點不同 但目前常見的方式為 圖片類型 分類 用途 狀態 png 比如 btn share facebook normal png 檔名沒有空格 Android 切圖只吃 iOS 切圖則是是 和 都吃 Web 沒差 如果你常遇到切一次圖要給多個平台使用 那就用 底線吧 參考 App 切圖檔案命名方式 這篇有點舊 且簡化許多 看個大概就好 檔案壓縮 不管是 App 太大包 還是需要連線更新的圖檔很多 網路傳輸量 在很多不是吃到飽的使用者眼裡非常注重 當圖檔一多的時候要特別注意圖檔的大小 市面上有很多幫忙壓圖檔的服務 推薦使用 JPEGmini 官網 http www jpegmini com 通常我只壓 jpg 類的圖檔 如果你連 png 都想壓 可試試 無損圖片瘦身Lossless Photo Squeezer Web font Mockup 是什麼 最終產品就是什麼 所以切圖也要注意這個問題 有可能會把 icon 做成 font 的方式載入 網路上已有很多種作法 推薦 Glifo Create icon Web fonts with Photoshop 可輔助產出 icon web font 更多的詳情請洽合作的F2E icon 切圖 考慮到 F2E 或 RD 要拿 icon 對位 有些icon 在切圖的時候要特別注意尺寸相同的問題 避免套圖後位置偏移 同位置換圖 列表 同位置換圖 比如選中 未選中狀態的 icon 在同個位置換 icon 圖的模式 兩張 icon 圖尺寸要相同 列表 撈資料庫產生的那種列表 icon 切圖尺寸都要一樣大 不然 RD 沒辦法對位 icon 位置會偏移 9 patch Android 特有切圖 參考 Draw 9 patch 用上 下 左 右四個方向的黑線控制圖片延伸 延伸 上 左 決定內容放置位置 右 下 Posted by Akane Lee September 24 2014 工作清單 切圖 命名 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 工作清單 Mockup iOS 解析度製圖設定 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto

    Original URL path: http://blog.akanelee.me/posts/234719-job-listings-cut-img (2016-05-02)
    Open archived version from archive

  • Tag : 工作清單 « 嫁給RD的 UI Designer
    後 終於到來回修改最多次的 Wireframe 階段了 比起 Funational Map 和 UI Flow 這應該是最多人會接觸到的 規劃 同時也是最花時間 圖片說明量最大的部份 在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力 Read on 工作清單 Mockup September 22 2014 Comments 以我自己的工作流程 會是 Functional Map UI Flow Wireframe Mockup 切圖 標示文件 當然在更前期會有 UX 研究 最後會接 HTML 等等 但就一位 UI Designer 來說應該是這些 對 Mockup 而言 Wireframe 有什麼就畫什麼 不要亂改亂腦補 而且遵守 PSD 製作禮儀 Read on 工作清單 切圖 September 24 2014 Comments 切圖有很多種方法 但切出來的圖只會有兩種 1 可以用 2 被退件 圖切出來會交給 F2E

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

  • Tag : 切圖 « 嫁給RD的 UI Designer
    出现后 如何改进工作流以实现一份设计稿支持多个尺寸 1F 和 2F 的回答 我原本的作法是 1F 的方式 PS Slicy 不過 2F 的回答很有意思 iOS 支援向量 了喔 出 PDF 就好了 Read on 工作清單 切圖 September 24 2014 Comments 切圖有很多種方法 但切出來的圖只會有兩種 1 可以用 2 被退件 圖切出來會交給 F2E 或 RD 接手 請給他們能夠使用的圖方便作業 有不懂 不確定的部份請在切圖之前就先問過他們要怎麼處理 他們肯定會回答你 不回答就是他們有很大的機率拿到爛圖拖長自己工時 誰敢不理你啊 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表

    Original URL path: http://blog.akanelee.me/tags/%E5%88%87%E5%9C%96 (2016-05-02)
    Open archived version from archive

  • Tag : 命名 « 嫁給RD的 UI Designer
    1 可以用 2 被退件 圖切出來會交給 F2E 或 RD 接手 請給他們能夠使用的圖方便作業 有不懂 不確定的部份請在切圖之前就先問過他們要怎麼處理 他們肯定會回答你 不回答就是他們有很大的機率拿到爛圖拖長自己工時 誰敢不理你啊 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/%E5%91%BD%E5%90%8D (2016-05-02)
    Open archived version from archive