現在屏幕的解析度越來越高,想了解下實際操作中:

Android和IOS,如果用Sketch,是選哪個手機尺寸為基準設置畫布?

如果使用PS,畫布大小和解析度,是如何設置?PS做@2的話,解析度設置為72還是144?

(一般都Sketch按@1做,但有的開發公司,要求用PS按@2做,好奇大部分設計師是怎麼操作的?)

多謝!


這段時間做一個項目是把我們的產品按客戶的要求做一些定製。客戶不要我們提供的模版,要重新搞ui,他們的要求是網站要兼容所有手機電腦平板的橫屏豎屏,這回可把人搞死了,至少弄了10多套界了。開發那邊也搞得要瘋了。客戶他們天天有一伙人在那用各種手機橫屏豎屏看,還說他們老同志多,有些人還用的5年前的安卓手機,也要支持的,@media都寫了一堆,客戶動不動就發個信息過來,xxx寬度下不行,效果不太好,要重新弄。真是要瘋。所以畫布大小還得看客戶需求。解析度72。

這段時間天天加班到現在,關機,下班。


這個第一主要是根據客戶的要求,如果客戶側重於安卓端 那麼就是320*568 要是側重於ios端的話一般是375*667 但是現在隨著安卓端不同設備的解析度統一 所以基本都以375*667為主了,如果要是用ps做的話 一般是側重安卓的話是640*1136 如果側重於ios的話是750*1334 但是這個也是根據客戶的要求來設計 或者為之後的切圖方面來選擇 更多不懂的問題可以關注諮詢我!


主流應該是375*667 也就是(1x),但是也很奇怪,像騰訊等一些公司出的sketch ui 規範是750*1334(2x)的,導致搬運的時候很麻煩


國內大部分公司的設計團隊都是用@2x 即750x1334,另外建議使用 sketch 進行 UI 做圖。


矢量軟體使用一倍基準解析度,比如ios是375*667,安卓360*640。好處是1px=1dp/pt,這樣正好和開發布局的尺寸一致,ps不建議用來做Ui界面布局。


矢量軟體都可按一倍做,好處:

1.計算或換算方便,避免出現小數。

2.蘋果和安卓可一稿通用,375和360隻差15,讓給留白,內容區可完全一致。

3.計算機會覺得算的輕鬆些,會感謝你的。

至於PS解析度設為多少都可以啦,但是72就夠了。如果純手繪,不會使用到外來素材,機器性能好可設置高些。可以供印刷或列印使用。但,務必慎重考慮。萬一需要用別的素材,尺寸換算將會很煩人。通用的最保險。


個人偏向於sketch做UI,對我來說最大的優勢在於文件小,上手容易、速度快。不會像擔心ps做幾個簡單頁面文件已經很大感覺電腦要隨時崩掉的辛酸。


推薦閱讀:
相关文章