App Icon 畫的太大該如何切圖?
01-06
用 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使用技巧 | 圖標製作 |