网页web设计规范有哪些?

建站知识 2021-03-01 23:03:52

web的设计规范其实很大,我们需要更具不同的情况来设定不同的规范,这里说一下大多数情况,我们应该怎么去设置,下面熊熊SEO和大家一起来学习一下。

1、首先规范的是网页尺寸

在网页设计中我们首先要解决的就是网页尺寸大小,需要设置多大的尺寸才合适,常见的尺寸为1366*768px,现在的绝大多数电脑的屏幕是超过这个尺寸的。所以这个尺寸能够满足绝大部分用户的访问需求。

网页web设计规范

2、对于网页宽度的设定

现在的网页很多都不会将屏幕占满,为了适应屏幕的显示,我们需要将网页宽度设置在一定的范围,这样有利于网页内容的展示以及用户的访问,以前为了兼容大多数浏览器,设置的都是960px的宽度。

目前的浏览器分辨率已经越来越高了,所以宽度不在限定于960px,现在的网站很多网站都是pc一套,移动一套样式,需要单独设定宽度。

但还有很多网站流行用响应式来进行设计,使网页宽度随着浏览器分辨率进行变化,如此再设计的时候要注意的细节会更多一些。

3、浏览器兼容性测试

浏览器有很多,而每个人喜欢使用的浏览器也不同,我们知道每个浏览器用的内核可能都不同,所以我们的网页并不一定能在所有的浏览器中都能正常显示,因此设计网页时我们要考虑web页面的兼容性,测试是否都正常。

4、点击操作的设计

鼠标点击的效果,滑动效果,滚动效果,拖拽效果,都是要进行考虑的点。

5、色彩与层次感

一个规范的网页包含,logo,顶部内容,导航,中间内容,页脚,这些是网站的必要组成部分,不能留下。

同时注意网页的色彩搭配,内容文本使用一种颜色,链接使用一种颜色,导航与页脚使用一种颜色,能很好的区别网页内容,更有层次感,不要使用太多的渐变或鲜艳的颜色,或破坏网站的空白概念,层次感也不会有那么强。

6、字体与间距

一般来说网站使用的字体不能太多,最好不要超过三个,文字间最好有些间距和行距,太过紧凑会难易阅读。

以上就是对于“网页web设计规范有哪些”的内容说明,希望对大家有所帮助,我是熊熊seo,干货持续更新中,敬请关注。

版权声明

本文系熊熊SEO发表,转载必须留链接,否则必究

分享:

扫一扫在手机阅读、分享本文