大家好，今天小编关注到一个比较有意思的话题，就是关于设计师怎么网页适配尺寸的问题，于是小编就整理了1个相关介绍设计师怎么网页适配尺寸的解答，让我们一起看看吧。

1. 【转】一套iOS平台设计稿,搞定界面适配

1、【转】一套iOS平台设计稿,搞定界面适配

第一步，视觉设计阶段，设计师按宽度750px（iPhone 6）做设计稿，除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注，输出标注图。同时等比放大5倍生成宽度1125px的设计稿，在1125px的稿子里切图。

iPhone6Plus是5英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是安卓机目前最流行的大屏设计稿尺寸。iPhone6是7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨率是375x889px-@1x。

五套切图 1242 640 1080 720 480 最后，注意缩放后的图标要细调一下。由于转换有误差，共用一套效果图是有一定的风险的，例如UI细节上的风险。开发前，设计师与技术人员要先共同确认此适配方案，全程沟通，及时改正UI方面的问题。

选择一种尺寸作为设计和开发基准；定义一套适配规则，自动适配剩下两种尺寸；特殊适配效果给出设计效果。来看一下手机淘宝的iPhone 6/iPhone 6 Plus***用的协作模式，再慢慢说明原委。第一步，视觉设计阶段，设计师按宽度750px（iPhone 6）做设计稿，除图片外所有设计元素用矢量路径来做。

到此，以上就是小编对于设计师怎么网页适配尺寸的问题就介绍到这了，希望介绍关于设计师怎么网页适配尺寸的1点解答对大家有用。