移动端页面的设计稿尺寸一般都是多少呀

2016-12-22 10:44:11 +08:00
 acoldfox

有个项目移动端界面设计稿外包给一个 ui , ui 不了解尺寸,问我要的设计稿尺寸是多少,我在网上查了一下,说法不统一,(是不是 640 * 1136px 呀); 这里有没有设计师你们做的,或者程序员,设计师给你们的移动端界面设计稿尺寸都是多少呀

5870 次点击
所在节点    设计
13 条回复
jjplay
2016-12-22 10:56:41 +08:00
目前用 IOS 750*1334 分辨率,可以直接对应 android 的 720*1280 XHDPI ,上下缩放比较合适。
GuangTsang
2016-12-22 11:07:25 +08:00
http://daily.zhihu.com/story/4252195 一份设计稿支持多个尺寸
mmzer
2016-12-22 13:47:10 +08:00
最近的需求是 640 * 1136px 的
learnshare
2016-12-22 14:02:58 +08:00
一般做 2x 就可以。比如某屏幕是 360*640 ,设计稿就做 720*1280

对于需要切图的素材,要考虑不同像素密度,一般有 1/2/3 ,素材可以做 6x 。比如 32*32 的图标,可以做 192*192 ,然后导出多份

实际上很多应用不太讲究不同分辨率、像素密度的适配
y741105621
2016-12-22 17:04:26 +08:00
按照 750*1334 做,上下兼容都很方便。
66beta
2016-12-22 17:07:07 +08:00
以 iphone6/7 的 750px 宽为准, rem 适配其他机型
no1pw
2016-12-22 17:53:33 +08:00
你傻不傻~! 你自己想想 ios 系列你能统计尺寸, android 呢,没 50 个尺寸也得有 30 个尺寸吧? 设计那边 随便找一套尺寸就可以~! 记住了 这三个字就能解决大部分界面设计的问题
“自适应”
acoldfox
2016-12-22 20:48:32 +08:00
@no1pw 主要是想找个居中方案,我也不太熟悉,自适应是必须的,主要还是考虑图片分辨率的问题, ui 那边也不可能拿多高分辨率给你呀,只能定个尺寸
designer
2016-12-23 01:33:37 +08:00
http://chuangzaoshi.com
[设计规范]里面有个尺寸分类
no1pw
2016-12-23 09:30:22 +08:00
@acoldfox 那这个东西 你最好别问 这里的人,会给你更多的干扰~!定标准的时候,应该你们自己来订,一起统一一个尺寸就好
damao50
2016-12-23 11:05:00 +08:00
google 浏览器按 F12 。 点左下角手机图标
ldehai
2016-12-23 12:33:47 +08:00
@acoldfox
app 设计搞用 750*1334 ,相当于 @2x ,这样可以兼顾设计和开发,标注按照 2x 来;
xCode 中 storyboard 里面是用的 @1x , 375*667 ,开发时按照标注尺寸的一半来;
itunes 里面的宣传图用 5.5 寸, 1242*2208 。
LALALAdemaxiya
2017-03-22 16:42:24 +08:00
www.seeseed.com 里有很多哦~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/329339

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX