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


网站入门基础规范(图文解读)_第1张图片



网站入门基础规范(图文解读)_第2张图片


网站入门基础规范(图文解读)_第3张图片


网站的组成部分

页眉/Banner/内容区/页脚

网站入门基础规范(图文解读)_第4张图片


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

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

网站入门基础规范(图文解读)_第5张图片
网站入门基础规范(图文解读)_第6张图片

网站视觉布局规范

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

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

网站入门基础规范(图文解读)_第7张图片


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

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

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


网站入门基础规范(图文解读)_第8张图片


网站字体大小

网站入门基础规范(图文解读)_第9张图片

屏幕适配

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

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


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


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


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

你可能感兴趣的:(网站入门基础规范(图文解读))