彩色圓環試作


我在 QQ 優設 12 群掛著,有時候會看到他們 PO 一些問題求救,很有意思,會試著想要怎麼做得更漂亮,從中學到很多。這個圓環需要用到 AI 和 PS,看起來滿適合運用在技能值或數據視覺化。

愛用的 Photoshop Plugins

12 Premium Photoshop Plugins for Designers 這篇文章提到 12 個好用的 Photoshop Plugins,有幾款功能重復,有些非買不可。來介紹一下我已經買了且覺得超好用的 PS 外掛…台灣買 Plugins 的風氣不太盛行,但如果能節省自己的工作時間增加效率,每一筆錢都花得非常有價值。(省下來的時間不要傻傻的跟 PM 說因為我自己掏腰包買了神兵利器所以可以塞給我更多工作,那段空檔是拿來充電用的!)

關於 8px

淘寶網的官方Blog有篇「一张图解释手机端8px原理 」,簡單來說就是把 iOS 和 Android 放在一起比較。同時探討 1x、2x、ldpi、mdpi、hdpi、Xhdpi、xxhdpi 的尺寸與解析度。本文就以我個人角度提出看法。(圖片取自 Android - Devices and Displays

愛用切圖神器:Slicy


Slicy 是我測過幾種輔助切圖工具後又回來使用的神器。「把整個 PSD 扔進去,結束。」簡潔利落不囉嗦。我愛它的程度已經到了沒有它我就不會切圖了(哈哈)。

免費切圖神器:Cut&Slice me

整個開發流程中我最愛的就是切圖部份了,這表示改得要死的 Mockup 終於過關了喔耶~就來分享一下切圖神器吧,業界最知名的有 2 套,功能有些不同,比較複雜的這套是免費的 Photoshop 外掛,先從免費的開始講起吧。

標示神器:MarkMan


一堆人問我的慣用工具…就先從愛用品開始講起吧。

UI 在切完圖後還有工作要做,不是一堆 .png 打包扔給 RD 就了事,圖檔名稱咧?尺寸咧?字體咧?色碼咧?這些都要告訴 RD 的吧?

扁平化設計:斜陰影

flat-斜陰影.png
常常在扁平化的 icon 上看到斜陰影效果,要製作這個效果有很多種方式。網路上的教學文也很多種,我就挑了比較簡單的作法來實作順便 PO 自己的作法了。可以結合厚度、讓 icon 更潮。(沒辦法、現在就是流行扁平化、厚度、斜陰影。)

App 切圖檔案命名方式


一個 App 通常會有很多張切圖,不管是 iPhone 需要 1x、2x 圖檔,Android 需要至少 3 種 hdpi、xhdpi、xxhdpi。在龐大的切圖數量下如何讓負責套圖的 RD 快速找到所需圖檔,檔名的命令方式就需要雙方統一格式方便大家作業。