导航:首页 > 万维百科 > 网站设计的规范

网站设计的规范

发布时间:2020-10-11 09:17:27

1、网站建设的标准有哪些

1、确保网站的视觉效果
2、保持简洁
3、保持统一的主题
4、拥抱留白
5、精简文字

2、响应式网站尺寸设计规范是什么?不要说大篇的介绍废话,落实到具体数据上

看来你是生手。网站没有统一的尺寸。也没有统一的设计规范。都是根据客服要求去设计的。
他要大点就大点,要小点就小点。而网上很多网站的字体也不是统一的。
既然是响应式。更不可能有固定的尺寸。只用%百分比。
安全尺寸?也没有统一的安全尺寸。有的是是全屏,有的是居中。宽度也没有统一的。各种宽度都有。

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

一 固定的内容:

 1.PS中设计分辨率为:72像素/英尺(图片质量的像素点) 

2. 颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)


不固定的内容:

 1.背景 a.纯色背景平铺(自适应浏览器) 

b.渐变色或底纹平铺背景(自适应浏览器) 目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观

 c.通栏大图


二.屏幕分辨率 

标准分辨率:1920px*1080px

主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px) 首屏高度大约在700px

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

三.设计文档大小 1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px) 2.设计到通栏大图片新建文档的宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

4、网页设计应当遵循的规范?

在我认为设计当中没有具体的规范,一切都是根据设计者自己酌情而定。设计当中没有谁定死了各个模块的大小,例如logo是什么尺寸,banner又是什么尺寸,这些都是自己定的。而你在设计这些的时候要符合美感,符合公司的形象。
相对于整体页面宽度我建议是980、1000-1004,因为这些宽度在1024分辨率下是不会出现横向滚动条的。
你现在是新手把?我觉得你现在考虑的问题不是大小,而是颜色搭配。你设计的规格大小再怎么规范,再怎么合理如果没有用对颜色,都是白搭。

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

网站建设基本流程规范
企业网站建设(升级改版)包含下列基本流程:
(1)制定网站规划方案:包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容;
(2)网站技术开发、网页设计;
(3)网站测试;
(4)网站内容发布;
(5)网站维护及管理。
3、网站域名及网站技术规范
(1)采用基于XHTML的国际WEB标准(CSS+DIV);
(2)网站首页为顶级域名而不是多级层次 ;
(3)网站首页及各栏目和内容页面均不采用网址跳转方式,不采用过渡页/桥页等网址重定向;
(4)合理应用静态网页与动态网页,网站栏目首页和其他重要页面采用静态网页;
(5)网页内容页面层次不宜过多,不超过四个层次;
(6)采用主流域名:.cn、.com.cn、.com等;
(7)一个网站对应一个主域名,现有多个域名需统一;
(8)网站链接错误率在一定范围之内,首页等重要页面无死链接;
(9)网站设计对不同浏览器具有兼容性。
4、企业网站的基本功能和内容
(1) 与企业办公网实现无缝链接;
(2)具有信息发布、产品发布和管理功能;
(3)产品推荐/广告管理功能;
(4)详细的公司介绍;
(5)详细的联系方式;
(6)合理的产品分类/汇总/列表;
(7)详细的产品介绍内容;
(8)销售及售后服务相关的联系和服务信息;
(9)在线服务信息;
(10)持续更新的企业动态/产品信息;
(11)相关网站链接管理功能;
(12)规范的网站地图;
(13)网站访问统计功能。
5、网站优化
网站优化包括三个方面:对用户获取信息优化、搜索引擎优化、网站维护优化。
(1)网站栏目结构合理,栏目设置不要过于复杂;
(2)网站导航清晰且全站统一,通过任何一个网页可以逐级返回上一级栏目直到首页;
(3)网页布局设计合理,网站设计符合用户浏览习惯;
(4)重要文字信息尽可能出现在网页靠前位置;
(5)字体清晰,CSS风格协调一致;
(6)最多3次点击可到达产品详细内容页面;
(7)通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页;
(8)遵照搜索引擎为管理员提供的网站优化指南,通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便,不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式(如堆积关键词、用户不可见文本、页面跳转、复制网页等等);
(9)网站首页、栏目首页及产品内容页面均有一定的文字信息量;
(10)每个网页有独立的、可概括说明该网页核心内容的网页标题(而不是全站或者一个栏目共用一个网页标题);
(11)每个网页有独立的、与该网页内容相关的META标签设计(包括description和keywords);
(12)每个网页有独立的URL;
(13)产品内容页面URL尽可能简短且体现出产品属性;
(14)产品/企业新闻详细内容页面是独立网页不是弹出窗口;
(15)对于产品品种多的企业网站,要有合理的产品分页方式;
(16)网站内容保持适当的更新周期。
6、网页模版设计
(1)重要信息尽可能出现在用户最关注的位置;
(2)网页宽度定位适应当前主流屏幕分辨率模式;
(3)保持整站CSS风格一致;
(4)超级链接有下划线或颜色的明显指示;
(5)整个网站中在新窗口打开或原窗口打开网页的规则一致;
(6)网站首页字节数不宜过大;
(7)多语言版本网站内容之间的切换方式设计合理。
7、企业网站可信度
(1)网站具有必须的法定证书;
(2)对企业基本状况的介绍真实可信;
(3)公布顾客服务/售后服务承诺;
(4)有必要的个人信息保护声明;
(5)网站公布的联系方式有效,尤其是地址、固定电话和Email地址;
(6)网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱;
(7)网站主域名与企业名称/品牌/核心产品一致或相关;
(8)网站提供的信息及时有效;
(9)网站有自己独立的风格;
(10)网站各项功能和服务方便易用。
8、网站运营维护
(1)建立网站内容发布审核机制,始终保持网站内容的合法性;
(2)保持网站服务器正常工作,对网站访问速度等进行日常跟踪管理;
(3)保持合理的网站内容更新频率;
(4)网站内容制作符合网站优化所必须具备的规范;
(5)重要信息(如数据库等、访问日志等)的备份机制;
(6)保持网站重要网页的持续可访问性,不受网站改版等原因的影响;
(7)对网站访问统计信息定期进行跟踪分析。
其他要求:
由于网络营销环境和用户行为在不断发展变化,企业网站需要增强适应性,可通过改版、重建等方式进行网站升级。 在网站建设技术标准方面,遵照国际WEB标准,不再使用过时的HLML4.01;在网站运营支持方面,融入目前居于领先地位的网站优化思想和方法,使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南,具有明显的搜索引擎优化优势。
网站规划:
•整体规划合理,主辅菜单不清晰;
•网站建设导向明确,重点突出;
•栏目适应;
•各栏目统一规划,整个网站比较清晰;
•网站的促销功能得到明显体现。

6、网页设计时文本设计一般有什么样的原则和规范

1、长文本使用标准字号
2、主动留白

3、友好的行高
4、行间距字间距的设置

7、一般网站设计的风格规范有哪些内容

大多数设计模板有两个部分:
文字标准
视觉标准

这两个标准,是同等重要的,都是整体风格规范的一部分。把元素结合在一起将建立一个整体形象。每一个品牌或企业网站都有自己与众不同的地方。选择一个色调和风格,同步运用在字体和视觉画面的效果上,把你的网站和用户融为一体。
建立网站整理形象的时候,也正是品牌需求考虑到用户和相关利益的人对此有何种期望的时候。是否被期待?是否有关联,是否愿意在这样的网站上进行浏览使用等交互行为?
语言风格

虽然我们将主要精力集中于网站风格规范的视觉方面,但语言风格是非常重要的,是整体网站的一部分,也是你与用户“交谈”的方式。语言风格是正式还是轻松的?是冗长或更简洁的?
用同样的方式为网站格式写你的风格规范。这将有助于提示你的团队知道网站的初步设想,以及如何运用语言风格去协助于品牌标识。
语言风格是与每一位用户沟通使用的。返回到MailChimp,我们通过他的品牌语言风格的塑造上全面审视。注意到公司谈论及它的吉祥物,举个例子:“Freddie是我们的吉祥物。我们不需要使用他与我们的logo组合。Freddie的脸右侧面的,他的表情一直是眨着眼睛的。”
“准则”及用途

你的风格规范应该是你设计的“剧本”。(可能是比“规范”听起来更通俗易懂?)
它应该概括了如何以及何时使用的字体、颜色和所有其他设计元素类型,让人更容易理解。包括:
调色板,包括标准色和可适用的色彩
排版,可适用的字体、字号、缩进、行间距跳转
LOGO,包括尺寸和位置
图标或元素样式(包括分享按钮等)
拼写,选项和格式风格(应该遵循哪种编辑格式? APA格式?AP格式?或其他?)
照片格式,包括颜色、裁剪尺寸和视觉效果
SEO信息,如ALT标签和关键词
电网标准(适用于网络或打印)
间距方面的考虑(是否设计的太松或太紧)
反馈接触信息(可以向团队成员提问或建议的)
简单而具体的概念

这可能是最困难的部分,你需要明白这些信息,并将其烂熟于心,理解成简单、具体、可操作性强的概念:
当涉及到风格规范不能走极端,只是一个视觉参考,而通过这种方式去设计。
组合相关内容,并快速相关联,比如页面的颜色、已经跳转进入另一页的图形和照片等。
为可以显示的内容举一些相似的例子,不需要解释的部分用占位符。
尽可能地提供细节,色彩样式,例如,包括RGB(或HEX )和CMYK值等,使颜色可以规范使用。
打破部分常用的元素案例去设计。
片段和实例

无论你的设计风格规范是用于印刷还是数字使用或基于Web的文档,应该包含有用的工具。部分有用的元素品牌案例做得到也可能做不到,但他可以很容易把重点放在你想看到的品牌视觉上。
然后,创建一个易操作的目录。创建原型组(或一组常见的元素,这取决于你使用的软件) 。保存在一个常用的位置,使其容易操作并且生成容易修改的文件。
为参与该项目的每个人提供基于云端软件的工具列表。(这包括链接、用户名等基本信息。)确保所有字体包、logo和图像文件是在一个常用的位置,所有的使用者都知道他们在哪里。 (在另一个地方保留备份,以防原文件、作品丢失。)
创建代码片段,易于复制并粘贴到项目主列表。这样不用每次重建,常见的元素需要被分享在一个每个人都可以访问的共享位置。
最后一步是进化优化。每件事情都可能会变,而且必然要经历蜕变。
执行风格规范

最后,最大的问题是“如何让人们遵循风格规范呢?”按照以上这些列出的内容,你已经有一个很好的方式拥有了设计的轮廓,具有了简单、具体的概念。
风格规范是很容易被追随的,就像你写的网站一样。语言是简单的和不生僻的,可以让人们去追随这些准则。
风格规范应该留下足够的设计空间对于其灵活性和实际制作上。就像你的品牌,在一定范围内,可以帮助团队成员发挥他们设计的创造力,也同时创造新的东西。风格规范的所有者也是如此,这是指批准、更新和变化设计风格规范的人,并能回答有关设计决策问题的所有人。这个“所有者”可以是个人团队,或者更大组织的规模。

8、UI设计网页设计字体规范应该要注意什么

可以参考常规字体的使用规范:

1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。

2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配,等。

(8)网站设计的规范扩展资料:

网页设计

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。

2、以业务目标为中心进行功能策划,制作出栏目结构关系图。

3、以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。

4、以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈,进行页面设计调整,以达到最优效果。

9、网站建设的规范是什么?

1. 在不同设备上采用相似的设计

用户可以通过不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。

无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。
2. 导航的设计要简单易用、清晰明了

导航设计是网页可用性的基石。

记住:如果用户在你的网站里找不到导航,那么无论你的网站有多流弊都没用。这也是导航设计要遵循以下原则的原因:

简单。每个网站都应该有尽可能简单的结构。
·
清晰。导航的每项对用户而言,都应该是清楚的。
·
一致。系统的导航页在每一页中都应该是相同的。
·
用户以最少的点击次数,最快地到达他们想要浏览的网页。这才是导航设计的目的。

3. 改变访问过的链接的颜色

链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色,很可能导致用户多次点击同一个链接。

如果用户知道自己过去访问的链接和现在还未访问过的链接,那么用户会更容易决定自己下一次要点击什么。
4. 让页面浏览变得更容易

用户浏览我们的网页时,并不是通读所有的内容,而是快速地扫描整个网页。

因此,如果用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到用户找到了自己想要去的地方。

因此,作为网页设计者的我们,应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。

可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,最后看到哪个)。

我们在设计网站时,要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方,以减少用户寻找的时间。
用户的视线是Z字形的。

5. 仔细检查所有的链接

当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户很容易变得沮丧。

当用户在网站上寻找内容时,他们希望自己点击过的每个链接都是自己正在寻找的那个,而不是出现404的错误页面、或者点进去后,却发现不是自己寻找的那个页面。
6. 确保能点击的元素让用户看起来就能点击

一个物体的样子会告诉用户如何使用它。
看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户;这些视觉元素包括:文字下划线并不代表链接、拥有动画效果的元素也不是超链接。
用户想要知道界面上哪些区域是纯静态内容,哪些区域是可以点击的。
让可以点击的元素明显一点。
二、设计网站时,不该做什么

1. 不要让用户等

网站用户的耐心和注意力是非常小的。根据NNGroup的研究,10秒是用户集中注意力完成一个任务的极限。

当用户在等待内容加载时,他们很可能会变的沮丧。如果加载速度很慢,用户很可能会离开这个网站,即使是足够漂亮的加载动画设计也无法改变这个结果。

2.不要 在新标签页打开链接

在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。
3. 不要整个网站充斥着广告

促销和广告会掩盖网站里的内容,也会让用户很难集中注意力去完成任务,更不用说那些看起来像广告的事情常常会被用户忽略(这种现象被称为:旗帜盲点)。

4. 不要滚动劫持(Hijack scrolling)

滚动劫持是指:网站的设计者或开发者控制滚动条,从而使得用户在滚动鼠标时,会在网站上看到不同的效果,包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。

滚动劫持是用户最不喜欢的设计之一,因此,它夺取了用户控制滚动条的权利。

当你设计网站时或设计用户界面时,你应该让用户自己决定自己浏览的网页或APP的位置。
5.不要 自动播放视频(有声音)

在后台自动播放视频、音乐或声音文件,都是用户难以接受的设计方式。

用户很少使用这些元素,除非是在适当的时候。
6. 不要 为了网站的美观牺牲网站的可用性

一个网站或用户界面的设计不应该因为内容影响用户的消费能力。最好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。
7.不要 使用闪烁的文字或广告

闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫,而且还会因吸引用户的注意力而惹恼用户。

与网站设计的规范相关的知识