推广 热搜: 大学生  怎么写  怎么使用  作用  高的  时间  原理  金鱼  怎么分类  较好 

网页设计的规范有哪些 网页设计基本原则有哪些

   2023-02-01 勤学网1763
核心提示:网页设计的规范有哪些网页尺寸规范有:在标准分辨率1024*768:有效设计内容宽度1000PX以内,屏高700以内;在常用分辨率1280*800:有效设计内容宽度1200PX以内,首屏高750以内下面是网页设计的规范有哪些相关内容,希望对您

网页设计的规范有哪些 网页设计基本原则有哪些

网页设计的规范有哪些

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

 
反对 0举报 0 收藏 0 打赏 0
 
更多>同类开店资讯
网站排行
推荐网站
网站首页  |  你好 测试  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  网站留言  |  违规举报