干货|web网页设计尺寸规范

在建站网站时,你需要先对网页设计尺寸有所了解。不同浏览器、不同终端设备的流行尺寸也不一样,就pc端网页设计尺寸而言,目前比较常见的分辨率是1920*1080,1366*768。

根据百度流量研究院的数据显示,2019年10月份我国网民访问PC网页的主流设备分辨率为1920*1080,百分比为42.94%。也就是说,大部分的屏幕分辨率都已经超过了1366*768,在适配网页时则不需要对1366宽度以下的尺寸做特殊处理。所以你在设计时采用1920px标准比较好。

手机端网页设计尺寸则比较多样,尺寸繁多,包括IOS和安卓。通常情况下,内容区为750px或960px或者1080px的,一般不小于750px像素大小(宽度)。

关于苹果,你可以参考这个移动端网页设计尺寸标准:

图片来源:苹果官网

关于安卓,你可以参考这个表格:

图片来源:博客园

如果需要兼容不同浏览器、不同终端设备的显示尺寸,现在比较流行的做法是做成响应式网站,即根据不同分辨率显示不同的尺寸,不管你是在使用手机、iPad,还是电脑,页面都能自动切换分辨率、图片尺寸及相关脚本功能等,兼容多个终端。

由于现在用户们访问网页的设备五花八门,因此响应式网站已经是大趋势。不过如果你自己开发,比较困难,还不一定能做好;目前比较流行的方式是直接使用响应式自助建站系统,比如“上线了”,直接选个模板再稍加编辑,就能快速生成一个响应式网站,自适应各终端平台,比较简单。

具体制作方法如下:在上线了注册好账户后选择“创建网站”,再选择一个你喜欢的模板:

本展示页所提供的模板及元素仅供展示功能效果,未经授权不得应用于其他用途

点击模板进入编辑页面,在这里你可以【添加新版块】,添加你需要的功能,包括商店、博客、定价表、自定义应用、产品展示、标题、相册、留言表单……热门版块排列位置靠前,你可以参考下大家常用的版块,选取自己需要的。

网站的文字、图片都可以修改替换,版块有多种布局,不管什么布局,都是可以适应不同终端,你可以自由搭配。

在左上角【设置】里,你可以设置网站域名、网站标题、描述、关键词等。做好并预览无误后点击左下角“上线”即可。

以上就是web网页设计尺寸规范的相关知识了,非常简单,希望上述科普对你有用!

相关推荐

智能小程序的简单开发+5个应用场景

通过这种小程序,企业的业务人员可以有自己的微信智能名片,与客户交流也方便。各种商业展会,是企业打响品牌知名度、拉新获客的好机会,这时候,引导客户直接扫描业务人员的名片小程序码,即可让他了解品牌;同时你还能获得…

2020年12月的营销热点盘点|网站商城运营

你可以将手机号、留言信息设置为下单结账页的必填项或选填项,并修改字段的填写提示,比如在双12发货压力较大时,可以提醒顾客店铺会在7天内发货;或者提醒顾客买够一定金额的商品,享受更多优惠。各种美食类、餐饮类商家…

干货|小程序页面跳转4个规则+简单跳转方法

微信小程序之间是可以相互跳转的,这大大方便了商家的品牌互推和互相导流。在“小程序设计-页面设计”栏你可以添加图片banner(轮播图、拼接图)或快捷按钮版块,在“连接类型”里选择“跳转小程序”,就可以添加需要…

干货|新域名网站、企业网站怎么提高收录

其实,免费网站当然也是可以收录的,比如你用"上线了"免费建站系统生成网站,那么它就能够被搜素引擎收录。友链:搜索排名有一部分是来自于外部链接和流量,这意味着如果有越多质量高的网站链接到你的网站,那么你网站的排…

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

干货|web网页设计尺寸规范
嘿!有什么能帮到您的吗?