网页设计尺寸规范

这里所说的尺寸规范,主要针对于较传统的门户、平台等类型的普通网站,个性的全屏自适应网站设计不受此规范约束。

注:网站的图标可以做成 iconfont 或者 svg 矢量格式的,具体要和前端配合完成。

一般网站的高度不限,中间内容区域宽度在 1024px 左右,但是随着浏览设备的分辨率越来越大,很多主流网站也将内容区域拓宽到 1200-1440px,下图仅供参考。

网页设计尺寸规范

网页中栅格化是很常见,也是很保险的一种做法,良好的运用栅格化是网页设计中的一大利器,能保证版块间距之间大小统一,达到最起码的整齐美观。

网页设计尺寸规范

栅格化在线工具传送门:grid.guide

在创建画布的时候,建议宽度设置 1440px 或者 1920px,中间设计区域控制 1200px 以内。

网页设计尺寸规范

目前主流浏览器顶部工具栏(标签栏+地址栏+菜单栏)的高度在 60-180px 之间,Safari 最佳 60px,chome 次之 75px,其他国内浏览器一山还比一山高。

根据主流分辨率中最低的高度计算,所以首屏的设计高度一般在 600px 以内,最高最好别超过 800px,当然如果首屏做自适应全屏大 banner 的可以无视。

最后再提一下字体的规范要求,一般网站都会使用系统默认字体,如宋体、微软雅黑、Arial、Tahoma、sans-serif 等字体;网站上供阅读的内容字体大小常用的是 12-15px,导航菜单的字体大小一般在 16-20px,标题的字体大小建议 24-40px,玩个性的字体大小也可随意设定,最后要注意的是,网页设计中慎用低于 11px 大小的字体。

以上就是网页设计中需要注意的基本尺寸规范问题。

转载请注明出处:氧16设计网(yang16.com) » 网页设计尺寸规范
分享到:
赞(0) 打赏

评论抢沙发

觉得有用就打赏一点小钱

支付宝扫一扫打赏

微信扫一扫打赏