网站入门基础规范(图文解读)






网站的组成部分

页眉/Banner/内容区/页脚


网站设计基准尺寸(设计区/画布大小)

常用两个尺寸为:1366*768px  /  1440*900px

网站视觉布局规范

页眉+banner尽量720px 以内   最好不能超过800px

要注意⚠️下面的部分比例尺寸


IE浏览器高度150px左右(状态栏24px/菜单栏120px/滚动条15px)

要做一屏,主要内容尺寸    =    总高度   -   浏览器高度

导航栏:100px           搜索:30px            浏览器:150px              三个不超过200px



网站字体大小

屏幕适配

弹性控件:控件会随着界面的大小变化位置/行数/列数

文字流:当切换浏览器界面大小时,文字随着屏幕的大小一起变化行数


1170px / 1176px / 1224px为界面的可视内容范围 - 设计区域


最小 楼层(两个盒子之间的高度) 高度为56(如果不够增加8)


字体变大+6  / +8         字体变小-2  /-4

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容