网页设计的规范有哪些
网页尺寸规范有:在标准分辨率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直接调整,关系到两行文字之间的距离。这些有助于区分行与段落,使用户更容易阅读文字。