网页设计的规范有哪些

网页设计的规范有哪些

网页尺寸规范有：在标准分辨率1024*768：有效设计内容宽度1000PX以内，屏高700以内；在常用分辨率1280*800：有效设计内容宽度1200PX以内，首屏高750以内下面是网页设计的规范有哪些相关内容，希望对您有所帮助。

1.网页尺寸

在标准分辨率 1024*768：有效设计内容宽度 1000PX以内 屏高700以内

在常用分辨率 1280*800：有效设计内容宽度 1200PX以内 首屏高750以内

在常用分辨率 1920*1080：屏幕宽度为1200-1400以内

响应式页面：根据用户屏幕自动调整页面 宽度为1200以内

2.文字规范

字号常用：(系统默认字体)

黑体 微软雅黑 宋体(12PX-16PX边缘必须给无;大于16PX边缘不能给无)

字体 ：(使用偶数)

12PX (最小)14PX 16PX 18PX

英文(10号最小)

字体单位：使用像素

3.屏幕分辨率

72像素/英寸

颜色模式：

RGB 8位

4.网页背景

纯色

渐变色或者底纹

通栏图片 宽1920

PC端网页设计基本规范有哪些

一.PC网页设计规范

固定的内容： 1.PS中设计分辨率为：72像素/英尺(图片质量的像素点) 2. 颜色模式RGB 8位(显示器的三原色红，绿，蓝为RGB)

不固定的内容： 1.网页背景 a.纯色背景平铺(自适应浏览器) b.渐变色或底纹平铺背景(自适应浏览器) 目前网页设计中都会做通栏大图，以方便吸引客户，增加网站整体美观 c.通栏大图

二.屏幕分辨率

1.标准分辨率：1024px*768px(目前10%-20%的用户在用) 主体设计内容宽度：1000px(常用宽度：960px，1170px，980px，1100px，1200px) 首屏高度大约在700px

2.常用分辨率：1280px*768px 主体设计内容宽度：1200px(常用宽度：1190px，1170px，1100px，1200px) 首屏高约：750px

三.设计文档大小

1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图，展示背景效果，左右宽度最少200px)

2.设计到通栏大图片新建文档的宽度：1920px，所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

网页设计的目录结构规范有哪些

网站的目录是指在创建网站时建立的目录，我们要根据我们设定的网站的主题和要发布的内容进行合理的规划。为了避免我们的东西过于混乱我们可以划分出不同的目录，为网站的以后的设计、管理，都会节约相当多的时间的。

1.首先对栏目进行合理的分组，并且规划好文件夹的名称，要存放的位置。最好具有一定的逻辑性，便于后期的查找和整理。也有利于搜索引擎的抓取。

2.要对网站的资源进行分类处理。比如：不同的图片要分类存放;网站需要的一些资源也要分类。这样在以后处理的过程中不会出现文件夹很乱，以致于找起来比较麻烦

3.文件夹的命名最好用英文命名，一些服务器和一些软件对于中文得文件夹名称可能会不太兼容，以致于找不到文件夹的位置。最好采用一些容易记得单词，或者一些缩写，维护的时候也比较容易看得懂文件夹大概是做什么的!

规划对于一个网站有着至关重要的地位，一个网站过于凌乱，可能会影响用户体验，以及后期的二次开发、维护等等。没有一个好的规划，就不会有一个用户体验度比较好的网站!

网页界面设计应注意哪些

1、留白太少

留白是网页设计中一个重要部分。它有助于防止用户在浏览网站时变得疲惫，它可以在内容中划出距离，而且它本身也看上去不错。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。

2、字体设置过多

通常来说一个网页中最好不要超过三种字体。

3、色彩太多

文本、背景、框架等各为不同的颜色，虽然看似鲜艳但是，多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度，会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色)，再搭配反相的单色(白、灰、黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。

4、内容过于堆叠

网页的内容繁多，各种分支信息占据的空间过多，没有突出关键的主题。它有助于在内心组织重要的信息，并引导用户注意在你想让他注意的地方。在传统艺术中，新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中，没有特别奉行的准则，但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。

5、没有足够的文字间距

间距过小是造成网页缺陷的一个重要原因。网页一个是行距，可以用CSS直接调整，关系到两行文字之间的距离。这些有助于区分行与段落，使用户更容易阅读文字。