现在屏幕的解析度越来越高,想了解下实际操作中:

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做几个简单页面文件已经很大感觉电脑要随时崩掉的辛酸。


推荐阅读:
相关文章