手机端页面设计尺寸应该做成多大?

时间:2019-09-18   访问量:0

很多非专业的设计人员在设计手机效果图的时候,并不考虑到设计尺寸,所以完全按自己的想法去排版和布局,往往会出现在网站开发的时候,很多地方排版根本放不下。


打个比方,之前收到一个甲方公司的设计图,手机端底部有一个如此的设计。

10.jpg


从效果图上,看还可以哈。但是这是三倍效果图。

假如我们先不讨论开发的问题。缩放至手机尺寸再看看效果。

image.png


文字根本看不清了。


再为说开发的问题。这个位置的电话,地址,这些文字大小,已经操出了浏览器所渲染的醉小大小了。在浏览器中。谷歌浏览器上显示字体醉小为12px,css设置font-size:10px,显示的时候还是12px大小,那么问题就来了。当这里使用纯文字来开发的话,地址一栏的文字肯定比效果图会大一些,由此会导致宽度不够文字排为两排。


那么在设计手机端效果图的时候应该用什么尺寸来设计合适呢?


11.jpg


如果为了设计方便,使用倍图来设计,那么醉终效果请缩小至开发尺寸再看看是否符合开发环境。


衡水市新闻资讯
更多行业动态,技术文档,尽在黑马
免费获取最新方案及报价
期待您与我们进行交流,定制您的专属企业信息化方案

咨询热线

合作咨询 请致电:
15899750475
全国客服电话(周一至周五 9:00-21:00)

微信扫一扫

网站 建设 设计 企业 服务 推广 互联网 程序 网页 产品 微信 创意 建站 更多 优化 做网站 维护 项目 深圳市 中心 策划 内容 上市 在线 seo 排名 成立 网站 建设 设计 企业 服务 推广 制作 互联网 程序 网页 案例 产品 微信 建站 更多 优化 做网站 维护 项目 深圳市 内容 上市 seo 排名 科技 集团 电子 域名 数字  深圳 公司 品牌 客户 技术 咨询 有限 app 创新 手机 提升 市场 建立 管理 合作 	功能 商家 注册 公众 网站建设 空间 邮箱 国内 设备 销售 国际 流程 分析 价格 	公司 开发 有限 技术 客户 行业 定制 咨询 手机 高端 管理 需求 市场 外贸 app 提升 策划 成立 在线 方式 视觉 创新 网站建设 认证 企业认证 宝安 商务 在线 快速 北京 响应 福田 广告 视频 上海 工作  网站 建设 推广 深圳 服务 公司 企业 开发 电话 网络 咨询 有限 定制 客户 行业 手机 技术 app 方案 外贸 中心 打造 龙岗 龙华 保障 需求 广州 管理 推荐 南山 高端 提升 方式