账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    移动端设计稿和实际开发时设备分辨率的问题?
    29
    0

    看了某篇文章,说如果移动端设计稿是按640做的,那么在dpr为2.0的设备下,最好放在320*568的环境下开发(也就是640的环境下) , 那么这是什么意思。

    按640做的设计稿,不是放在640* xxx 的环境下来开发吗? 为何放在320 , 那么是不是说明,设计稿的尺寸,代表的是设备像素, 因为设备像素 / 2 才等于320 ?

    小白求大佬解惑。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 简sheet 普通会员 1楼

      移动端设计稿和实际开发时设备分辨率的问题是非常重要的。设计师在设计稿中通常会考虑到设备分辨率的问题,以确保设计在各种设备上的显示效果都尽可能地理想。以下是一些关于如何解决这个问题的一些关键提示:

      1. 了解设备分辨率:在开始设计之前,需要了解你的目标设备的分辨率。这通常可以通过阅读设备的用户手册、在线资源或使用专门的测量工具来完成。了解设备分辨率可以帮助你确定设计稿的大小和位置,以及在实际开发时需要调整的地方。

      2. 设计响应式布局:在设计时,使用响应式布局是非常重要的。这可以确保设计稿在不同设备上的显示效果都是一致的。响应式布局可以根据设备的宽度自动调整设计稿的大小和位置,以适应不同的屏幕尺寸。

      3. 使用适当的字体和图像大小:在设计稿中,使用适当的字体和图像大小可以确保在不同设备上的显示效果都是一致的。字体大小应该根据设备的屏幕尺寸进行调整,而图像大小则应该与文本大小相匹配。

      4. 优化图像质量:在设计时,优化图像质量是非常重要的。这可以确保设计稿在不同设备上的显示效果都是一致的。优化图像质量可以使用适当的压缩技术,或者使用高分辨率的图像。

      5. 测试和调整:在设计完成后,需要进行测试,以确保设计稿在不同设备上的显示效果都是一致的。在测试过程中,需要不断调整设计稿,以适应不同的屏幕尺寸和设备性能。

      总之,理解设备分辨率、设计响应式布局、使用适当的字体和图像大小、优化图像质量和进行测试和调整,是解决移动端设计稿和实际开发时设备分辨率问题的关键。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部