1、web界面设计规范有哪些
一、网页尺寸
制作网页时，我们选用的分辨率是72像素/英寸，使用的画布尺寸1920px*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种，左右型布局和居中型布局。布局的不一致，使得可设计的空间也不相同。
二、网页字体
字体设计的总原则是：可辨识性和易读性。
网页的文字设计是系统默认的字体：宋体、微软黑体、苹果系统黑体，英文则建议使用arial无衬线字体
常用的字号大小有以下几种：
12px是应用于网页的最小字体，适用于非突出性的日期，版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px、18px或者20px 适用于突出性的标题内容。
2、对于网站首页的设计和布局，有什么规范和要求吗
⒈主次分明，中心突出在网页界面设计中，设计者必然要考虑视觉的中心，也就是“最佳视域”，它一般位于电脑屏幕的中央，或者在屏幕中间偏上的部位。因此，一些重要的信息和图片一般可以安排在这个部位，在视觉中心以外的地方可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。另外，人们的阅读视线通常都是从左至右、由上往下地阅读，因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律，即当用户进入网页之后，如果在7秒之内没有看到特定内容，那么这项内容的设计及位置安排注定会失败。由此可见，突出重点是非常重要的。
⒉明确的导航，彰显有价值的信息网站中的栏目导航对网站内容起到提纲挈领的作用，引导着用户浏览网站的相关信息。清晰、明确的导航，可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息，并给以一定的网站服务和在线帮助，从而避免在浏览网页过程中找不到方向。好的导航能够让用户在打开页面的第一时间找到，或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容。
⒊图文并茂，相辅相成文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段，但各自的特点不同:文字所表达的信息量大，但显得沉闷枯燥，缺乏生气;图片所传递的信息量小，但比较生动活泼。文字与图片两者的比例不能过大，否则，页面就会显得单调而过于混乱。因此，最理想的效果是文字与图片密切配合，互为衬托，既能活跃页面，又丰富了网页内容。
⒋图形与字体、色彩等因素协调统一一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度。反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有的设计意图。
⒌注意空白的设置和运用空白在构图上有着不可忽视的作用，它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白，能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”，把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，失去了设计的意义。
3、一般网站设计的风格规范有哪些内容
大多数设计模板有两个部分：
文字标准
视觉标准
这两个标准，是同等重要的，都是整体风格规范的一部分。把元素结合在一起将建立一个整体形象。每一个品牌或企业网站都有自己与众不同的地方。选择一个色调和风格，同步运用在字体和视觉画面的效果上，把你的网站和用户融为一体。
建立网站整理形象的时候，也正是品牌需求考虑到用户和相关利益的人对此有何种期望的时候。是否被期待？是否有关联，是否愿意在这样的网站上进行浏览使用等交互行为？
语言风格
虽然我们将主要精力集中于网站风格规范的视觉方面，但语言风格是非常重要的，是整体网站的一部分，也是你与用户“交谈”的方式。语言风格是正式还是轻松的？是冗长或更简洁的？
用同样的方式为网站格式写你的风格规范。这将有助于提示你的团队知道网站的初步设想，以及如何运用语言风格去协助于品牌标识。
语言风格是与每一位用户沟通使用的。返回到MailChimp，我们通过他的品牌语言风格的塑造上全面审视。注意到公司谈论及它的吉祥物，举个例子：“Freddie是我们的吉祥物。我们不需要使用他与我们的logo组合。Freddie的脸右侧面的，他的表情一直是眨着眼睛的。”
“准则”及用途
你的风格规范应该是你设计的“剧本”。（可能是比“规范”听起来更通俗易懂？）
它应该概括了如何以及何时使用的字体、颜色和所有其他设计元素类型，让人更容易理解。包括：
调色板，包括标准色和可适用的色彩
排版，可适用的字体、字号、缩进、行间距跳转
LOGO，包括尺寸和位置
图标或元素样式（包括分享按钮等）
拼写，选项和格式风格（应该遵循哪种编辑格式？ APA格式？AP格式？或其他？）
照片格式，包括颜色、裁剪尺寸和视觉效果
SEO信息，如ALT标签和关键词
电网标准（适用于网络或打印）
间距方面的考虑（是否设计的太松或太紧）
反馈接触信息（可以向团队成员提问或建议的）
简单而具体的概念
这可能是最困难的部分，你需要明白这些信息，并将其烂熟于心，理解成简单、具体、可操作性强的概念：
当涉及到风格规范不能走极端，只是一个视觉参考，而通过这种方式去设计。
组合相关内容，并快速相关联，比如页面的颜色、已经跳转进入另一页的图形和照片等。
为可以显示的内容举一些相似的例子，不需要解释的部分用占位符。
尽可能地提供细节，色彩样式，例如，包括RGB（或HEX ）和CMYK值等，使颜色可以规范使用。
打破部分常用的元素案例去设计。
片段和实例
无论你的设计风格规范是用于印刷还是数字使用或基于Web的文档，应该包含有用的工具。部分有用的元素品牌案例做得到也可能做不到，但他可以很容易把重点放在你想看到的品牌视觉上。
然后，创建一个易操作的目录。创建原型组（或一组常见的元素，这取决于你使用的软件） 。保存在一个常用的位置，使其容易操作并且生成容易修改的文件。
为参与该项目的每个人提供基于云端软件的工具列表。（这包括链接、用户名等基本信息。）确保所有字体包、logo和图像文件是在一个常用的位置，所有的使用者都知道他们在哪里。 （在另一个地方保留备份，以防原文件、作品丢失。）
创建代码片段，易于复制并粘贴到项目主列表。这样不用每次重建，常见的元素需要被分享在一个每个人都可以访问的共享位置。
最后一步是进化优化。每件事情都可能会变，而且必然要经历蜕变。
执行风格规范
最后，最大的问题是“如何让人们遵循风格规范呢？”按照以上这些列出的内容，你已经有一个很好的方式拥有了设计的轮廓，具有了简单、具体的概念。
风格规范是很容易被追随的，就像你写的网站一样。语言是简单的和不生僻的，可以让人们去追随这些准则。
风格规范应该留下足够的设计空间对于其灵活性和实际制作上。就像你的品牌，在一定范围内，可以帮助团队成员发挥他们设计的创造力，也同时创造新的东西。风格规范的所有者也是如此，这是指批准、更新和变化设计风格规范的人，并能回答有关设计决策问题的所有人。这个“所有者”可以是个人团队，或者更大组织的规模。
4、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；在网站运营支持方面，融入目前居于领先地位的网站优化思想和方法，使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南，具有明显的搜索引擎优化优势。
网站规划：
•整体规划合理，主辅菜单不清晰；
•网站建设导向明确，重点突出；
•栏目适应；
•各栏目统一规划，整个网站比较清晰；
•网站的促销功能得到明显体现。
5、网站界面设计规范有哪些？
易用性规范
2.001 常用按钮要支持快捷方式。
2.002 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
2.003 界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。
2.004 界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
2.005 分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab
2.006 默认按钮要支持Enter和选操作，即按Enter后自动执行默认按钮对应操作。
2.007 可写控件检测到非法输入后应给出说明并能自动获得焦点。
2.008 Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式。
2.009 复选框和选项框，按选择几率的高底而先后排列。
2.010 复选框和选项框要有默认选项，并支持Tab选择。
2.011 界面空间较小时使用下拉框而不用选项框。
2.012 选项数较少时使用选项框，相反使用下拉列表框。
2.013 根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业词汇;用户为儿童：这可以语气亲切和蔼;老年用户则应该成熟稳重。
2.014 鼠标为不可点击状态时显示箭头，可点击状态显示手型;系统忙时显示沙漏形状
规范性规范
2.015 菜单前的图标能直观的代表要完成的操作。
2.016 工具栏要求可以根据用户的要求自己选择定制。
2.017 系统常用的工具栏设置默认放置位置。
2.018 工具箱要具有可增减性，由用户自己根据需求定制。
2.019 状态条要能显示用户切实需要的信息，常用的有、目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。
2.020 滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
2.021 状态条的高度以放置五号字为宜，滚动条的宽度比状态条的略窄。
2.022 菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。
2.023 工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。
帮助规范
2.024 帮助文档中的性能介绍与说明要与系统性能配套一致。
2.025 打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。
2.026 在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
2.027 用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。
2.028 如果没有提供书面的帮助文档的话，最好有打印帮助的功能。
2.029 在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。
合理性规范
2.030 与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。
2.031 对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。
2.032 非法的输入或操作应有足够的提示说明。
2.033 对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。
2.034 提示、警告、或错误说明应该清楚、明了、恰当。
2.035 提交失败后必须保存用户已经输入的内容，以便修改后再次提交。
美观与协调规范
2.036 长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
2.037 布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。
2.038 按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
2.039 按钮的大小要与界面的大小和空间要协调。
2.040 避免空旷的界面上放置很大的按钮。
2.041 放置完控件后界面不应有很大的空缺位置。
2.042 字体的大小要与界面的大小比例协调。
2.043 前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等。
2.044 如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
2.045 界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
2.046 如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。
2.047 色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符。
2.048 颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试。
2.049 使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定。
菜单设计规范
2.050 菜单通常采用"常用--主要--次要--工具--帮助"的位置排列，符合流行的Windows风格。
2.051 常用的有"文件"、"编辑"，"查看"等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。
2.052 下拉菜单要根据菜单选项的含义进行分组，并按照一定的规则进行排列，用横线隔开。
2.053 一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。
2.054 没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头，不常用的靠后放置;重要的放在开头，次要的放在后边。
2.055 如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。
2.056 菜单深度一般要求最多控制在三层以内。
2.057 对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式——即只有需要的菜单才显示——最好。
2.058 菜单前的图标不宜太大，与字高保持一直最好。
2.059 主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
2.060 主菜单数目不应太多，最好为单排布置。
独特性规范
2.061 安装界面上应有单位介绍或产品介绍，并有自己的图标。
2.062 主界面，最好是大多数界面上要有公司图标。
2.063 登录界面上要有本产品的标志，同时包含公司图标。
2.064 帮助菜单的"关于"中应有版权和产品信息。
2.065 公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。
安全性规范
2.066 应当注意尽可能避免用户无意录入无效的数据。
2.067 采用相关控件限制用户输入值的种类。
2.068 当用户作出选择的可能性只有两个时,可以采用单选框。
2.069 当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。
2.070 当选项特别多时，可以采用列表框，下拉式列表框。
2.071 在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的操作。
2.072 对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
2.073 对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。
2.074 对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
2.075 对错误操作最好支持可逆性处理，如取消系列操作。
2.076 在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。
2.077 对可能造成等待时间较长的操作应该提供取消功能。
2.078 特殊字符常有;;'"><,`'、"["{、\|｝]+=)-(_*&&^%$ #@!~,.。?/还有空格。
2. 079 与系统采用的保留字符冲突的要加以限制。
2.080 读入用户所输入的信息时，根据需要选择是否去掉前后空格。
2.081 有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。
输入项规范
2.082 必输项中不可为空，不可输入空格
2.083 必输项给出必输项标识(*)。
2.084 非必输项字段，Null插入数据库时不会出错，在数据库中设置默认值
2.085 日期显示格式一致;或提供固定格式的选择。
2.086 输入区域输入特殊字符，插入数据库时不出错或提示不允许输入特殊字符。
2.087 英文输入不区分大小写，不可输入汉字、数字及特殊字符
2.088 数值字段只能输入+ ，— ，0~9及功能键(BackSpace 光标) 。数值不能为负数。
2.089 单行文本框/多行文本框;长度合适，可以容纳相应文字，但不能超过数据库该字段长度，最好将可以输入的最大字符数标在旁边。建议单行文本框中当输入的字符超过一定长度时再输入无效;对于多行文本框给出最大字符数标识
2.090 附件;可正常添加符合格式的附件; 附件可正常打开和保存，附件名较长时可正常操作;直接输入错误的附件地址，保存时应给出提示信息;附件打开和保存到本地时，文件名要显示原文件的文件名。
2.091 密码输入;在需求中定义密码是否允许为空或空格;密码是否允许特殊字符;是否区分大小写，密码的可输入长度;程序中应给出文字说明密码的可输入长度。
6、网站设计应遵循哪些基本的准则
网站的良好运营靠的是什么？靠技术，肯定不是，因为技术的发展是一个相对的概念，不具有耐久性，缺乏凝聚力，如果仅仅靠这个，是不能维系整个网站发展的。网站其实就是企业，只不过它是提供给自己的客户以不同的产品，即以网页的形式展现给他们浏览、以交互的方式让他们参与等等，既然网站是一个企业就不能回避一个问题，就是盈利的问题，如果只顾向网站投钱，作亏本生意，是那个网站都不愿意做的事情。所以网络如果要给自己带来回报，就必须以高标准来要求，这样就不得不提升到网站文化的高度。还是先来看一下企业文化的定义吧！
只要问一问任何一家一流的高科技企业，什么使这些企业引以自豪，十家有八家或许会告诉你，它们引以自豪的是自己的产品或服务。剩下的两家则会举出一系列的东西，如它们的业务流程、它们的业务伙伴关系、它们的员工等等。总之，概括起来就是：企业文化。 什么是企业文化呢？Terence E. Deal（特伦斯）和Allan A. Kennedy（阿伦）合著了一部颇具影响的专著，《企业文化》（Corporate Culture）。书中给企业文化的定义是，"用以规范企业人多数情况下行为的一个强有力的不成文规则体系。"
其实企业文化指的是一个企业中所有员工共有的一套观念、信念、价值和行为准则，以及由此导致的行为模式。企业文化是以人为本的管理哲学，是把精神文明建设同企业特点和市场对企业发展的要求结合起来的一个重要形式，是借助文化力量的管理方式，良好的企业文化能为企业保持数十年的竞争优势。
可以说企业文化是企业的灵魂。一个没有自己企业文化的企业其经营往往是随波逐流的，其员工也没有主人翁意识，这样的企业是长不了的。纵观国内外现代化企业管理已经从以物为中心的管理转向以人为中心的管理，从而越来越突出人在企业生存和发展中的作用和力量。企业最重要的资源是知识，而知识是人的资源，所以重视人就是重视企业最重要的资源。IBM这样一个老牌的大公司为什么经历如此多的风风雨雨至今仍然是蓝色巨人？HP公司为什么能保持20多年持续稳定的发展？其答案都很简单：重视人的建设是他们立于不败之地的保证。
虽然现在的网站赖以竞争的本钱并不是靠的自己的文化，而是一些比如机遇、技术、条件等，但是现在并不能代表以后，随着社会经济和网络技术的发展，外部条件都不是问题，如果仅靠这些，网站之间的差别将变得很小，这样网站生存的价值就会变小。所以要能够在竞争中立于不败之地，就应该坚持以人为本，挖掘网站人的潜力，让他们发挥自己的才能，使他们能够不断的超越自我，更好的凸现自己的价值。从而形成一种合力，使网站的发展形成一种良好的机制。
在这样的情况下，网页设计就被赋予了新的内容，要求也随之提高，主要表现在几个方面：
首先就是网站的整体形象，一个网站给人的第一印象就是主页，但是绝不是说，只要主页做好了，网站的整体形象就好，因为在用户对整个网站的浏览的过程中，会自然而然的形成一种对网站的看法，这种看法是附带有感情色彩的，比如喜欢、不喜欢、没有什么感觉等，这就是整体形象的体现，这是靠主页和其它的页面相配合来完成的，所以在制作网页的时候要考虑怎么将自己网站好的一面体现给自己的用户，又要考虑体现的方式，侧重点，不能一锅端，都放在主页上，造成杂乱的形象。而要给人以好的可以信赖的形象就必须从许多细节上入手，同时规范整个网站的外在表现，具体在于标志的设计、标准色彩的表达以及标准字体的设计。这些都是很重要的，有一个统一的、标准的形象是赢得自己用户信赖的条件。
其次是如何在网页设计中将整个网站的员工的精神风貌体现出来，每个企业的员工其实是一分宝贵的财富，所以能够充分的将员工的精神风貌体现出来一方面可以激励他们努力的工作，热爱自己的工作，也是加强企业凝聚力的一个手段；同时也可以通过这样的方法来赢得自己的客户的支持，在网站林立的今天，赢得自己的用户就是赢得了市场，就是获得了生存的基本条件。
再次，在网页设计的时候，需要结合网站本身的特点，提炼出自己的经营理念，摆脱低层次的网站运行模式，网站作为一个企业就必须在不断的发展壮大的时候，结合自身的文化特色，提炼出一些深层次的东西，而这些东西就是企业的灵魂，很多世界知名品牌都有自己的独特的经营理念，比如微软是"成功诀窍 = 人才 + 创新，管理 = 合适的时间 + 应做的事"，惠普是"财富= 人才 = 资本 + 知识"，飞利普是"新产品 = 技术内涵 + 观念创新"，东芝是"企业活力 = 智力×（毅力 + 体力 + 速度）"，麦当劳是"企业的活力 = 原材料×设备×人力资源人力资源 = 人数×能力×态度"。这样就给网页设计师提出了更高的要求，要求他们能够深入的了解网站，同时将自己融入的到网站中，不断的发掘具有闪光性的东西，同时找到合适的表达方式来加以强化。这样才能够使网站靠自身的优势获得用户的好感。从而奠定良性运行的基础。
既然网站文化给网页设计师提出了更高的要求，那么具体到网页设计师身上该如何应对呢？提高自身的文化素质是必不可少的，假如自身素质不高的话，就无法领会到很多其中的内涵，这样在自己的设计表达的时候就不可能到位，其实作品就是一面镜子，在其中可以折射出设计者自身的素质，这是掩盖不了的，所以提高自身的文化修养是很重要的，形成一种习惯，这样在无形中就可以在设计的作品表现出来，所以这里没有任何捷径可以走，只有在平时的生活中点点滴滴的积累。同时要有一颗积极向上的心，对生活充满热情！这样才可能在自己的网页设计中挖掘出好的东西来，也给自己的用户留下好的印象。
网站美工设计就是怎样把网站设计的好看一些
7、．试述网页设计的通用规则？
CSS样式表规范 全站调用JS和CSS DIV布局 代码安全密度性 SQL数据库标准命名字段
8、网站建设的规范是什么？
1. 在不同设备上采用相似的设计
用户可以通过不同类型的设备访问你的网站，这些设备包括：电脑、平板、手机、音乐播放器、甚至是智能手表等。
无论用户使用什么设备访问你的网页，确保他们具有类似的体验，这是用户体验设计中的一条重要标准。
2. 导航的设计要简单易用、清晰明了
导航设计是网页可用性的基石。
记住：如果用户在你的网站里找不到导航，那么无论你的网站有多流弊都没用。这也是导航设计要遵循以下原则的原因：
简单。每个网站都应该有尽可能简单的结构。
·
清晰。导航的每项对用户而言，都应该是清楚的。
·
一致。系统的导航页在每一页中都应该是相同的。
·
用户以最少的点击次数，最快地到达他们想要浏览的网页。这才是导航设计的目的。
3. 改变访问过的链接的颜色
链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色，很可能导致用户多次点击同一个链接。
如果用户知道自己过去访问的链接和现在还未访问过的链接，那么用户会更容易决定自己下一次要点击什么。
4. 让页面浏览变得更容易
用户浏览我们的网页时，并不是通读所有的内容，而是快速地扫描整个网页。
因此，如果用户来到这个网站，是为了寻找特定的内容或者是完成某个任务，那么他们会先浏览整个网页，直到用户找到了自己想要去的地方。
因此，作为网页设计者的我们，应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。
可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重（比如说，我们的设计决定了用户先看到哪个，再看到哪个，最后看到哪个）。
我们在设计网站时，要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方，以减少用户寻找的时间。
用户的视线是Z字形的。
5. 仔细检查所有的链接
当用户点击网站上的一个链接，界面上却出现404的错误页面时，用户很容易变得沮丧。
当用户在网站上寻找内容时，他们希望自己点击过的每个链接都是自己正在寻找的那个，而不是出现404的错误页面、或者点进去后，却发现不是自己寻找的那个页面。
6. 确保能点击的元素让用户看起来就能点击
一个物体的样子会告诉用户如何使用它。
看起来像按钮或链接的视觉元素却不能点击，很容易困扰用户；这些视觉元素包括：文字下划线并不代表链接、拥有动画效果的元素也不是超链接。
用户想要知道界面上哪些区域是纯静态内容，哪些区域是可以点击的。
让可以点击的元素明显一点。
二、设计网站时，不该做什么
1. 不要让用户等
网站用户的耐心和注意力是非常小的。根据NNGroup的研究，10秒是用户集中注意力完成一个任务的极限。
当用户在等待内容加载时，他们很可能会变的沮丧。如果加载速度很慢，用户很可能会离开这个网站，即使是足够漂亮的加载动画设计也无法改变这个结果。
2.不要 在新标签页打开链接
在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。
3. 不要整个网站充斥着广告
促销和广告会掩盖网站里的内容，也会让用户很难集中注意力去完成任务，更不用说那些看起来像广告的事情常常会被用户忽略（这种现象被称为：旗帜盲点）。
4. 不要滚动劫持（Hijack scrolling）
滚动劫持是指：网站的设计者或开发者控制滚动条，从而使得用户在滚动鼠标时，会在网站上看到不同的效果，包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。
滚动劫持是用户最不喜欢的设计之一，因此，它夺取了用户控制滚动条的权利。
当你设计网站时或设计用户界面时，你应该让用户自己决定自己浏览的网页或APP的位置。
5.不要 自动播放视频（有声音）
在后台自动播放视频、音乐或声音文件，都是用户难以接受的设计方式。
用户很少使用这些元素，除非是在适当的时候。
6. 不要 为了网站的美观牺牲网站的可用性
一个网站或用户界面的设计不应该因为内容影响用户的消费能力。最好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。
7.不要 使用闪烁的文字或广告
闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫，而且还会因吸引用户的注意力而惹恼用户。
9、简要说明编辑设计网页要遵循哪些标准和规范
一：确定网站主题
做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。
对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！
要领二：选择好域名
域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。
目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。
要领三：掌握建网工具
网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器：
（1）HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。
（2）所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
（3）现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等；并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。
另外，个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。
当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。
要领四：确定网站界面
界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：
①栏目与板块编排
构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。
网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是：
●尽可能删除那些与主题无关的栏目；
●尽可能将网站内最有价值的内容列在栏目上；
●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。
另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子：ENET硅谷动力（www.enet.com.cn）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意：
●各板块要有相对独立性；
●各板块要有相互关联；
●各板块的内容要围绕站点主题；
②目录结构与链接结构
网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如：
●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。
●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。
●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。
其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式：
●树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。
●星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。
③进行形象设计
网站的设计可以从以下几点出发：
●设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
●设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。
●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。
●设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。
要领五：确定网站风格
“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。
风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。
总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。
在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。
要领六：有创意的内容选择
好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王（Content Is King）依然是个人网站成功的关键。
要领七：推广自己的网站
网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容：网站信息内容丰富、准确、及时；网站技术具有一定专业水准，网站的交互性能良好。一般来说，网站的推广有以下几种方式：
（1）搜索引擎注册与搜索目录登录技巧
注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧，像AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面。
而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量，在分类查询时获得的信息相关性比搜索引擎站点（靠Spider自动搜索的）更强。由于搜索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意：将网址提交到最合适的目录下面，要认真详细的介绍网站，千万不要有虚假、夸张的成分。
（2）广告交换技巧
很多个人站点在相互广告交换时都提出了几个条件：第一，访问量相当；第二，首页交换。显而易见，这种做法是为了充分利用广告交换。以很多个人网站的经验，当与一个个人站点交换链接时，对方把网站的LOGO放到了友情连接一页，而不是首页时，很少有访客会来自那里。通常在首页，广告交换才会有很好的效果。
（3）目标电子邮件推广
使用电子邮件宣传网址时，主要有如下技巧：可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站；可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站；发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址。不过，在进行邮件推广的时候要注意网络道德。
要领八：支撑网站日常运行
当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道：
（1）销售网站的广告位
要销售网站的广告位，一般来说，每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性，以往的广告经验，技术以及设计要求等也会影响到广告的销售。
一般来说，WEB广告的收费有三种方式：
①CPM (Cost Per Million/Thousand)
放一个广告，它按每1,000人次来访问站点收费。这方法对网站经营者最为合适，只要有人浏览该网页，就得钱，不管访问者对广告有无反应——是否会看或点击该广告。
②点透（Click-through）
通过Banner广告点到了广告商的站点，这才算数，广告商青睐这个，他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了，据一些调查资料表明，只有3%的访问者会去“CLICK”广告。
③提成 (Commission)
根据访问者点击位于你站点上广告所带来的销售收入，从中跟做广告的厂商分成，这种方法对于网站的经营者来说，比上面两个都更加冒险。
通常的，个人网站的广告收费方法往往是第一、第二种方法的结合，站点和广告商都可少冒点险。
（2）与大型网站合作
另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。不过，个人网站很容易会成为商业网站的附属品。
有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。