《好设计,有方法:我们在搜狐做产品体验设计》 —3.4.3 设计像素的差别

举报
华章计算机 发表于 2019/11/14 19:51:00 2019/11/14
【摘要】 本节书摘来自华章计算机《好设计,有方法:我们在搜狐做产品体验设计》一书中第3章,第3.4.3节,作者是李伟巍 等。

3.4.3 设计像素的差别

我们使用的手机中80%的分辨率都是以2.0为密度的。设计稿也应该以市场占比高的屏幕尺寸为基准来设计。举几个常见的尺寸:640×960、640×1136、720×1280,在WAP设计时,640×1136是最为合适的尺寸。因为当WAP设计稿设计为常用的750×1334尺寸时,在640×720的屏幕中会导致界面过宽而出现横向滚动条的情况,造成不好的使用体验。而设计成640×1136尺寸时,页面就会全部展现给用户。当我们做App的设计时,就不需要考虑太多关于尺寸的问题,因为App可以根据手机分辨率的大小而改变。所以只要保证在相同密度的情况下,选择一个通用的分辨率尺寸就好。现在基本都是选750×1334作为通用分辨率尺寸。

现在很多App端内会嵌入WAP页面以便更快捷的更新。例如淘宝首页就是以H5的形式生成的WAP页面。一个双十一活动可能需要实现在用户每天打开手机时呈现不同的页面效果,这样一个需求可能需要十几个甚至上百个页面。这时利用WAP端来展现这些页面,迭代会更加便捷、迅速,在App中的WAP页可以做到随时上线,一天更新十几次都没有压力,这样就减少了一定时间和成本。


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。