我们专注于高端品牌网站建设

NEWS & BLOG

LATEST INFORMATION

NEWS

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

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


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

10.jpg


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

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

image.png


文字根本看不清了。


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


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


11.jpg


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


聚合标签: 网页设计 深圳网站建设 深圳网站制作 龙华网站建设 网站制作公司 深圳网络推广 网站建设 网络营销 网络推广 SEO优化 SEO排名 网站制作 高端网站建设 左岸视觉 seo 关键词优化 SEO 新手做网站 网页创意 深圳seo 佐岸视觉 深圳网页设计 网络优化 品牌网站设计 电商网站开发 深圳电商网站制作 网站开发 网站推广 seo优化 网站设计 pbootcms pbootcms手册 深圳高端网站制作 深圳建网站公司 网站建设方案 PbootCMS 模板标签 网站模板 网站开发 模板制作 网站建设 龙华网站建设 深圳网站开发 龙岗网站建设 深圳外贸网站建设 龙华网页设计 龙华网站制作 龙华网络公司 龙华网站设计 深圳建设 深圳网站建设 深圳网站定制 网站建设技术 品牌型网站建设 seo优化 网络推广 小程序 网页设计 模板下载 模板开发 织梦 织梦仿站教程 模板网站 龙岗网站制作 龙岗网络公司 龙岗网页设计 公司网站设计 网站建设推广 响应式网站建设 电商网站建设 大型网站建设 TP5视频教学 网站开发教程 dedecms织梦安全防护 龙岗网站设计 Bootstrap 深圳seo 网站推广 swiper冲突 公司网站建设方案 广州建设网站 网站建设模板 免费网站建设 杭州网站建设 集团公司网站建设 童攀 TP5教学视频 深圳企业网站建设 龙华网站建设公司 网站制作流程 Photoshop教程 Photoshop视频教学 seo ajax eyoucms 前端开发 网站设计 深圳市网站设计 深圳建设网 网站建设报价 兄弟连 Bootstrap视频教程 深圳网站建站 网站建设企业 深圳罗湖网站建设 模板网站建设 bootstrap教程 响应式开发教程 div+css 深圳网站开发公司 深圳网页制作公司 网站的建设 手机网站 外贸网站 网站维护 网站建设哪家好 深圳企业网站制作公司 网站建设广告 企业网站建设流程 广州市网站建设