网页设计的一些规范

1、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；在网站运营支持方面，融入目前居于领先地位的网站优化思想和方法，使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南，具有明显的搜索引擎优化优势。
网站规划：
•整体规划合理，主辅菜单不清晰；
•网站建设导向明确，重点突出；
•栏目适应；
•各栏目统一规划，整个网站比较清晰；
•网站的促销功能得到明显体现。

2、网页设计的宽度一般为多少?应该怎么把握?

百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。

排名第一的是360×640，这是竖屏，一般在医院、学校中才能见到，暂且不谈。

排名第二的是1920×1080，占比13.07%。

1366×768排第三，占比6.32%。这说明现在主流的电脑分辨率是1920×1080。

排名第七的分辨率，1024×768，是最小的电脑尺寸了，仅占3.13%，很少有人使用。在做pc端的网页设计时，不用考虑这个尺寸，而应在做pad端和手机端的适配时，将其纳入考虑。

而更高级的响应式网站应该是在严格的栅格规范下，适应于不同宽度，确保各宽度下的展示效果。但这样的成本也会相应增加，在开发网站时，需综合考虑实际需求和开发成本。time（《时代周刊》官网）是个很好的响应式网页案例。

(2)网页设计的一些规范扩展资料

网页设计中的注意事项：

1、网页设计的尺寸标准：

面向1024-768显示器分辨率开发的网页尺寸，宽910px；

面向800-600显示器分辨率开发的网页尺寸，宽778px；

2、网页设计中的画布设定：

尤其注意分辨率为72 像素/英寸。

3、设计中的网页字体问题

中文字体：尤其注意“设置消除锯齿的方法”选项要选择“无”。

宋体是最常用的网页字体，12px 是中文操作系统可以表现的最小的字体，内容。

文字大小一-般用两种，12px 或14px(现在的新的vista据说能表现10px的中文字，但现在使用并不多)。

英文字体：其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体，比起arial字体更美观和均衡。

效果图：

网页效果图中的网页字体，虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素，一定要认真使用，因为你不单要设计文字与整体网页的关系，还要设计字体的样式表颜色。

3、网页设计合适的页面尺寸是多少

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。
全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。
两侧留白是为了适配不同电脑屏幕的尺寸，能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域，内容限时区域在好控制在1000px-1200px。

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

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

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

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

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

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

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

5、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)

6、网页设计应当遵循的规范？

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

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

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

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

8、网站制作都有哪些规范？

基 本 要 求

1. 在网站根目录中开设images common temp 三个子目录，根据需要再开设media 子目录， images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜 单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多 媒体文件 。

2. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

3. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

4. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

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

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

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

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

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

(9)网页设计的一些规范扩展资料：

网页设计

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

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

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

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

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