网页设计格式设置规则

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

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

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

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

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

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

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

2、网页版面布局设计的原则是什么?

一个好的网站必须要体现在整体的策划、设计、布局、网站的定位、色彩搭配，最重要的是网站页面的小细节处理。整体感觉是否符合行业的需求、符合公司的文化。有许多企业都会说我要做一个大气的网站、实际上从专业的角度来讲应该要做一个最适合你的网站，你搞机械销售的不可能去像广告设计公司的搞得很花哨的的，现在网站都讲究简洁，适用，用户体验好。网站设计中结构布局就显得尤为重要，需要注意的以下方面：

网站的框架要简约明了，主题思想明确，导航要设计合理，核心信息放在网站的左上侧，这个地方搜索引擎爬虫程序最感兴趣先行抓取，客户也最感兴趣这里。制作网站框架要清晰，布局要合理，拒绝杂乱的代码，拒绝大量的js脚本和flash动画，这样会影响网站的访问速度，栏目设置要清晰易见，让用户浏览起来简洁舒服。一个网站一处滚动就已经OK了。网页布局应该遵循一个原则，即“先上后下，先左后右”原则。由于搜索引擎在执行搜索的时候，其搜索的顺序跟我们浏览页面的顺序是一样的，即前面说的原则。遵循这个原则有助于搜索引擎蜘蛛抓取页面快速收录。

由于搜索引擎爬虫程序是直接识别页面代码来得到信息的。这样制作网站的目的也就是为了让网页蜘蛛能够毫不吃力地顺利爬行完网页。当然没什么好办法控制搜索引擎，但有办法改变页面。制作网站过程中，标签的使用也是很有讲究的，通常要把握下面几个原则：保持良好的层次框架，近似h1h2h3等标签都应依照标签本身的用处来使用，比方：h1标签表示网页主标题，且在一个网页中只能使用一次。在部分权重较高的标签中，合理的融入关键词，如h1、strong等标签。

css命名规则符合一定标准规范，较长名称选择驼峰式命名规则，如.tophead。代码尽量做到简洁，禁止使用代码生成工具制作网页。代码在实现基本的框架、样式、和行为分离的基础上，还要做到可用、精简、有序而且符合seo代码标准规范。网站js结构选择jquery，全部脚本尽量封装到一个包内。网站flash调用代码尽量要确保浏览器兼容性，这些结构问题都要在制作中要先行规划。

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

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

4、．试述网页设计的通用规则？

CSS样式表规范 全站调用JS和CSS DIV布局 代码安全密度性 SQL数据库标准命名字段

5、网页设计中所需要注意的通用规则

1、HTML定义
2、网页的分类
3、网页的三要素
4、网页三剑客包括什么
5、框架的特点是什么
6、设置各种超链接的方法
7、新建文档的快捷键
8、层和表格可以相互转换（了解即可）
9、对文档中创建的层如何进行微调
10、站点地图都包括哪几个关系
11、表但的定义，表单中所包含的所有元素
12、行为的定义，行为在时间轴上所起到的作用（在网页设计范围内所起到的作用）
13、创建网站的时字体搭配 几步（从开始到最终）
14、在网页中插入的图像都包含哪几种格式，格式之间特点是什么，用途是什么。
15、设计网页过程当中需要注意什么，及通用的规则是什么。（使用自己的语言，不可能完全一样！！）

6、网页如何固定设计的格式不变?

呵呵，这是个网页设计中常见的问题。
1、网页结构的变化是因为你布局时使用的是层，而不是表格。表格布局的页面一般比较稳定。把表格的border设置为0的话是看不出来的。
2、字体有些变化是因为你所选用的字体不是常用字体，在其他机器上可能没有。另外，网页设计软件中的字体和word中的字体有时候兼容起来有点差别。
3、一般来说，现在的电脑分辨率都是1024*768，设计时定制大小在这个范围内即可。

个人拙见，仅供参考。

你先建立一个空白网页，然后根据需要创建表格，把表格的bordor设置为1，最后把原来网页中的内容按照位置相对应的原则，复制到表格中可能会好一些。

7、网页设计规范的要求有哪些？

1、网页设计规范的要求——学习网页设计规范要注意四点:

(1)布局。

(2)颜色匹配。对于初学者，建议在主色调上设置一些“亮度梯度”或“相似的颜色”。

(3)图像。丝网设计的两个基本要求是:不变形。这意味着当你寻找图像作为素材时，你会发现一个稍微大一点的“剪切”，而不是一个小的拉伸。不能是空的。这个要求和之前的要求一样，不要找小图片来放大。

(4)文本。定义要求;字体要求;间距;艺术字。

2、网页设计规范的要求——网页设计课程:

计算机艺术，图像处理，HTML(键)，CSS+ DIV, JavaScript

3、网页设计规范的要求——网页分类:

根据位置的不同，可以分为首页和内页;

根据表单可以分为动态网页和静态网页。两者的区别在于是否有数据库、网页后缀和地址栏。

4、网页设计规范的要求——平面构成和布局结构是网页设计规范所要求的

构成:点、线、面。

布局结构:3。梯形，开放式，对称，弹出式布局

5、网页设计规范的要求——颜色的基本分类

有冷色和暖色，彩色和无色。

色彩属性包括色调、亮度和纯度

以上就是《对于ui设计师们来说，为何都要熟练掌握网页设计规范的要求?》的主要内容，如果你想了解ui设计的基本知识，并且将他们运用到您的作品中，那么本文一定会给你有效的帮助。如果你想学习更多关于ui设计的知识或资讯等，可以点击本文其他文章进行学习。

8、网页设计尺寸都是怎么设置的```

用PS做网页- -？

网页都是dreamwaver插表格，设置表格的宽和高，然后再在表格里操作，
表格内容就是网页显示的内容。