App Icon 畫的太大該如何切圖?

用 PS 畫 icon,按照 1024*1024 的尺寸畫,結果發給 iOS 程序員他說尺寸太大,要求按照 @2X40pt,@3X60pt 的尺寸做,可是直接鎖定寬高只顯示一部分,調整圖像大小又丟失大量細節,該怎麼辦呢?


本來一個圖標就要有一系列不同的尺寸,而且每一個尺寸都要在縮小之後重新調整的。所以丟失大量細節也是by design的,圖標越小,你就要放棄越多次要細節。而所有的這些,都是你來做。


謝邀。

不是我刻薄啊……

現在,連不同尺度的圖標需要重繪,以保證細節深度合適這點都不知道,也能夠去做 UI 設計師了啊?

我都先不提直接縮小這個做法反映出來的題主對 pixel perfection 這個概念的缺乏了。


畢竟被輪哥帶過了,大家已經說得很多了,我就隨意補個圖吧,放大到 1600%,可以感受到這個圖標的大小各個版本真的不是「切圖」切出來的。

(看看這個圖標的風格我知道你們又要說我是擬物時代的遺孤了,我就是遺孤了,你們打我呀)


以後做app裡面的icon,直接按實際尺寸畫就可以了,然後cutterman切一系列的圖標,cutterman會自動生成 2x和3x,x/xx/xxxhdpi的icon。

Cutterman - 最好用的切圖工具

免費的。

如果是appstore等用到的圖標,手動調整一下,或者用這個網站提供的模板,會導出一系列常用尺寸的圖標:

https://applypixels.com/

不知答案是否符合你的要求。


畫大的就要考慮縮小後的顯示效果,以縮小後的可識度為質量標準。你大圖太大是浪費,一般我就大四倍畫,畫的時候不時縮小看效果。小圖標的清晰明確傳達想要的信息是衡量Ui設計師的一個能力標準。越小的Icon越體現你的設計能力


根據需求,縮成不同的尺寸,然後再逐一去修。這種問題沒有必要專門在這裡提問吧。


題主,下次畫圖標的時候試試用sketch,製作一個icon,導出各種尺寸的都會很清楚,或許可以解決你的問題


溝通很重要


1. 畫大尺寸圖標是沒錯

2. 根據開發的需要把圖標縮放到相應的尺寸,覺得有細節丟失的,例如你在1024尺寸下有個4x4尺寸的圓,那你縮放到64x64尺寸下肯定會沒了啊,那你肯定要手動修補啊

3. 那些單色的扁平圖標,按照@1x的尺寸畫就可以,想出多大出多大,但你偏要用畫刷去畫我沒話說……按1x尺寸畫的好處是,向上放大輸出絕大部分時間都是整數倍放大的,基本都會對齊像素

4. 任何圖標,縮小以後基本上是不會對齊到像素的,就是會虛邊啦,所以基本上都要手動調一下啊

總結就是,這事肯定是你負責的,縮放圖標後基本都要手動調整一下,跑不掉的啦。

這問題去貼吧問會比較好……


對不同尺寸的icon做不同的處理 例如16*16 你還想保持細節?


論矢量圖的重要性


繪畫ICON的時候 就要詢問尺寸大小,多溝通啊!


真的須要我們前端工程師來指出,畫圖標的正確工具是illustrator嗎?


推薦閱讀:

請問如果想學習UI設計,大學應該申請什麼專業(國外的專業也可以)?
有哪些採用 Google Material 設計語言,體驗較好的中文 App?
為什麼 iPhone 的交互體驗那麼好?
交互界面響應速度為多少才算流暢?

TAG:AdobePhotoshop | 用戶界面設計 | 圖標 | Photoshop使用技巧 | 圖標製作 |