你可能不知道的 – 關於 iOS 切圖那點事

講在前面:其實這一系列文章原本想取名叫「與看不出圖片糊掉的工程師戰鬥系列」,開玩笑的 (逃)~好啦!我只是想先跟各位夥伴說 … 文中所提到的習慣跟技巧都是以個人經驗為主,並不代表「這麼做就一定是正確的」!同事間能一起開開心心、快快樂樂工作的方法肯定就是好方法。如果內容有錯誤或是需要修正的地方,歡迎各位前輩給予指教,讓我們大家一起加油!

本篇文章中將提及的內容包含:

  • ICON 的切圖該如何處理?
  • PDF 圖檔要注意些什麼?
  • PNG 圖檔要注意些什麼?
  • 按鈕的切圖該如何處理?
  • 設計師常常忽略的那點事

Continue reading

Sketch 初心者在設計 UI 前要做的五件事!

就像廚師大展廚藝前要備菜一樣,產品設計師在做設計前,也應該把需要的材料都準備好,設計才會順利快速。Sketch 是現在 UI 設計師最喜愛的繪圖軟體之一,在開始繪製畫面與展開工作流程前,進入”可持續設計”的狀態是很重要的。在此,設計師 Jon Moore 分享給讀者 5 個 Sketch 繪製前要做的事情,協助你進入這個狀態裡:

Continue reading

Sketch Plugin – Zeplin vs. Sympli

本篇文章轉載自 Sketch Plugin – Zeplin vs. Sympli ,作者是 Water Chen。這篇文章主要是介紹 UI 的標註與協作工具: Zeplin vs. Sympli (Sketch Plugin)。想知道這兩套的差異?優劣勢各在哪?這篇就是了!

Sketch Measure – 早期用 Sketch 做介面的標註工具。
優點:可以選擇要標註哪些資訊,自動算出間距,自訂樣式。
缺點:畫面凌亂,得輸出多張標註圖或請工程師安裝 Sketch. (Mac Only)

Continue reading

我用 Sketch 設計 Android app 的工作流程

要動筆寫這篇文章時,突然想到前陣子被問:

「通常…設計師不是都比較喜歡用 iPhone 的嗎?你為什麼喜歡 Android?」

我喜歡 Android 的原因很多,這篇文章不談,以免分享文變戰文 XD。而事實上,的確因為 iOS 的各方面優質設計,讓很多設計師為它打造各種美輪美奐的應用。所以當我們在閱讀 UI 教學、app 設計的心得時,往往也是 iOS 的資源會比較多。

既然我愛 Android,那就來幫綠色機器人寫寫文章,拋出我的磚,希望可以有更多的 Andr​​oid 好設計。

Sketch 設計流程

正在努力開發中的媽咪愛 Android app(點圖放大)

Continue reading