网站界面设计规则

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

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

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

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

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

2、网站建设中UI设计应该要遵循哪些原则啊

贴近原则

当各个视觉单元一个挨着一个，彼此靠得很近的时候，可以用“贴近”这个术语来描绘这种状态，通常也把这种状态看作归类。以贴近而进行视觉归类的各种方法都是直截了当的，并且易于施行。设计师可以根据需要使用贴近手法创造出完美的格式塔。这是因为由贴近而产生近缘关系，运用近缘关系无论对少量的相同视觉单元还是大量不同的视觉单元进行归类都同样容易。

贴近原则如何应用于UI设计？

我们可以在UI设计中使用贴近原则来组合类似的信息、组织内容、调整布局。正确使用将对视觉传达和用户体验产生积极影响。

正如贴近原则所述，关联元素应该保持亲密，非关联元素应该分开。留白在这里发挥着至关重要的作用，因为留白引导了用户视觉朝预期方向发展。留白可以增强视觉层次和信息流引导，有助于信息阅读和扫描布局，它可以帮助用户更快地实现目标并深入到内容本身。

我们几乎可以在任何地方应用贴近原则，从导航、卡片、正文和分页等等。

共同区域原则

与贴近原则类似，放置在同一区域内的元素被视为一个分组。

共同区域原则如何应用于UI设计？

共同区域原则非常有用，它可以帮助我们进行信息分组和组织内容，同时它也可以实现内容分离或做为一个焦点。这个原则增强了层次结构，可阅读性，并有助于信息传达。

共同区域原则可以把许多不同的因素结合在一起，使它们在更大的组内保持统一。我们可以通过使用线条、颜色、形状和阴影来达到这个目的，它经常被用于元素前置，表示某个元素的重要性。

上图是共同区域原则的一个示例：一个布局合理的网页，其中不同的信息位表示一个模块，banner和表格是很好的示例。

相似原则

具有相似视觉特征的元素比那些不具有相似特征的元素更像一个整体。

相似原则如何应用于UI设计？

我们倾向于将相似的元素视为一个分组，相似原则可以帮助我们组织和分类组中的对象，并将它们与特定的含义或功能相关联。

有很多方法使的元素被认为是相似的，例如颜色、大小、形状、质地、尺寸和方向等等。其中一些比其他的具有更强的相似性(如：颜色>大小>形状)。当相似发生时，对象可以通过与其他物体不同而得到强调，这称为“异常”，可用于创建对比或视觉权重。它可以提醒用户注意特定的内容，同时对可扫描性、发现性和总体流程都有很大的帮助。

我们可以在导航、链接、按钮、标题、号召性用语等方面运用相似原则。

闭合原则

有一种常见的视觉归类方法基于人类的一种完型心理：把局部形象当作一个整体的形象来感知。这种知觉上的特殊现象，称之为闭合。

闭合原则如何应用于UI设计？

正如闭合原则所述，当提供适量的信息时，我们的大脑将通过填补空白并创建一个统一的整体来得出结论。通过这种方式，我们可以减少传递信息所需的元素数量，降低复杂性并使设计更具吸引力。闭合可以帮助我们最小化视觉噪音并传达信息，在相当小的空间内强化概念。

我们可以在图标以及图形设计中使用闭合原则，可以简单快速且清晰的传达想表达的意义。

对称原则

无论距离远近，对称元素都会被认为属于一体，给我们一种坚固和有序的感觉。

对称原则如何应用于UI设计？

对称元素简单，和谐，视觉上令人愉悦。我们的眼睛寻求这些属性以及秩序和稳定，以了解世界。因此对称对快速有效地传递信息非常有用。对称感觉很舒服，帮助我们专注于重要的事情。

对称的成分令人满意，但它们也会变得有点沉闷和静止。视觉对称往往更有活力，更有趣。在对称设计中添加不对称元素有助于在留下印象时引起注意。在任何设计中，对称以及合理的不对称都很重要。

最好将对称原则用于产品展示，列表，导航，banner和任何内容丰富的页面。

连续性原则

排列成直线或柔和曲线的元素被认为与随机排列或粗糙线排列的元素相关。

连续性原则如何应用于UI设计？

连续线后面的元素被视为分组。线段越平滑，我们就越看到它们的统一形状，我们的思想更喜欢阻力最小的道路。

连续性帮助我们通过构图来解释方向和运动。它在对齐元素时发生，它可以帮助我们的眼睛顺利地穿过页面，有助于提高易读性。连续性原则加强了对分组信息的感知，创建了秩序并引导用户通过不同的内容细分。连续性的中断可以表示一个部分的结尾，引起人们对新内容的关注。

行和列的线性排列是连续性的良好示例。我们可以在菜单和子菜单，列表，轮播，服务或流程/进度显示中使用它们。

共同命运原则

向同一方向运动的元素被认为比向不同方向运动的元素更相关。

共同命运原则如何应用于UI设计？

不管这些元素相距多远，或者它们看起来有多么不同，如果它们一起移动或变化，它们就被认为是相关的。这种效果可以发生，即使运动是隐含的。

当元素在同一方向、同一时间和同一速度同步移动时，共同命运原则更为有效。它可以帮助对相关信息进行分组，并将行动与结果联系起来。同步运动的中断可以吸引用户的注意力，并将其引导到特定的元素或特性。它还可以建立不同群体或国家之间的关系。

我们可以在可扩展菜单，产品滑块，视差滚动和滑动指示器中使用共同命运原则。

3、网站建设中网页设计需要遵循什么原则？

在一个网站建设中，网页设计是必然的一部分，也是非常重要的一部分。因为网页设计的好坏会直接影响到网民对网站的印象，也就是说网页设计的好坏代表着网站形象的好坏。网页设计时都要遵循哪些原则问题？
一、网页设计的方向
一个网站无论怎样去设计，不管做的多好都要注意网站的目标方向。如果网页设计的主题跑偏了的话即使做的再好也是无用功。所以网页设计时一定要根据网站的主题的去设计，毕竟网页目的就是将自己想要表达的东西传递给用户。
二、网页的外观
每一个设计师都会有着自己的一个审美标准，但是不要忘了，即使你的审美标准再好也要注意符合目标人群的一个大众审美，如果一个网站的外观不能够让浏览者接受的话，同样再好也是无用功。
三、页面的内容
这个主要就分为网站的图片内容、文字内容两大部分，当网页设计是要注意图片的设计一定是要围绕着主题去设计，图片一定要足够清晰。文字的添加一定不要觉得越多越好，文字要尽量的简短，明确主题，不要说些无用的废话，把信息字节传递给用户。
四、页面的布局也就是整个页面的一个排版，一个好的网页设计一定要注意页面的整体一定要布局清晰、内容和部分有序的去规划，不要让它错乱复杂。

4、web界面设计规范有哪些

一、网页尺寸
制作网页时，我们选用的分辨率是72像素/英寸，使用的画布尺寸1920px*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种，左右型布局和居中型布局。布局的不一致，使得可设计的空间也不相同。
二、网页字体
字体设计的总原则是：可辨识性和易读性。
网页的文字设计是系统默认的字体：宋体、微软黑体、苹果系统黑体，英文则建议使用arial无衬线字体
常用的字号大小有以下几种：
12px是应用于网页的最小字体，适用于非突出性的日期，版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px、18px或者20px 适用于突出性的标题内容。

5、界面设计的一般原则

界面设计的一致性，包括风格的一致性，界面颜色的一致性，与软件运行的系统环境的一致性。

具体来说，包括下列内容的一致性：

菜单选择、命令输入、数据显示等，保持同一种形式风格； 采用统一的标号、约定俗成的缩写和预先定好的颜色； 保证信息显示方式和数据输入方式协调一致。

6、网页的设计原则

所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。
在你眼前，出现在显示器上的这个“东西”，就是一个网页。网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序。网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。 Web站点主页应具备的基本成分包括：
页头：准确无误地标识你的站点和企业标志；
Email地址：用来接收用户垂询；
联系信息：如普通邮件地址或电话；
版权信息：声明版权所有者等。
充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。 设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。
1. 整体布局
网站主页就好像是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？
一般来说，好的网站应该给人有这样的感觉：
干净整洁；
条理清楚；
专业水准；
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。
2. 信息
无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”
所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：
信息；
娱乐；
劝告；
对一些问题的帮助；
提供志趣相投者联络的机会；
链接到有用的网页，等等。
如果你经营的是企业网站，需要提供关于产品或服务的信息：
容易理解；
容易查询；
容易订货。
3. 速度
我们都知道，页面下载速度是网站留住访问者的关键因素。如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。
应该时时提醒自己，网站首页就像一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。
网上访问者也是“一闪而过”，保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度，放弃一切显著减慢主页速度的资料。
4. 图形和版面设计
图形和版面设计关系到对主页的第一印象，图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点，你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点，动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因，根据经验。把每页全部内容控制在30K左右可以保证比较理想的下载时间，图象在6—8K之间为宜，每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：
红色和橙色使人兴奋并使得心跳加速；
黄色使人联想到阳光，是一种快活的颜色；
考虑到你希望对浏览者产生什么影响，请为网页选择合适的颜色。
阅读西方格式文本时，眼睛从左上方开始。逐行浏览到达右下方，插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。
这种思路可以用于所有图片：
面部应该“看”网页的中部；
汽车的“停靠”面向网页中部；
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边，也是出于这种考虑——不断地出现在浏览者的视野之中。
5. 文字的可读性
我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要，不同的浏览器有不同的显示效果，有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式，为方便或快速阅读将你的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体，通用的字体（Arial, Times New Roman, Garamond and Courier）最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。
明白我的意思了吗？
6. 网页标题的可读性
必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），也需要利用标题和副标题将文档分段。
为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题（字体加大加粗）和副标题（粗体，与正文字体大小相同），使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑，要认真写好每个标题！
也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。
7. 导航
由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只要两项就够了：主页|页面顶部）。
确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
8. 保护个人信息声明和客户推荐信
对于商业网站来讲，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其个人隐私保密，很有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
访问者也想知道你的产品或服务现有客户的反映，所以如果能引用与你关系融洽的客户对你的积极评价，对你的可信度将很有帮助。
不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。
你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站——这也是一种“双赢”。
9. 词语
一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。
你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗？
你可以按照上述步骤改进你的网站制作技巧；
你可以请人对你的工作进行校对、编辑；
你也可以请人为你制作网页；
总之，上述步骤在很多方面对你会有所帮助，不要因为对某些步骤的疏忽而影响你的网站的整体效果。 1. 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
2. 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
3. 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
4.快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
5. 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
6. 坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express 或 Amaya，当然则是Dreamweaver啦，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
7. 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
8. 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
9. “在计算机上永远也找不到好的方案”。——专家忠告
10. 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11. “睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” —专家忠告
12. 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
13. 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体。但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
14. “使用切合实际的简便的命名规则。” —专家忠告
15. 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
16. 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
17. 不要使用卷滚条
人们厌恶在网上使用卷滚条。某站是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
18. 专家最喜爱的Web设计工具
（1）. Adobe Photoshop
（2）. Macromedia Flash
（3）.Adobe Illustrator
（4）. Adobe ImageRead
（5）. Macromedia Dreamweaver
（6）. Macromedia Fireworks
（7）. Allaire Homesites
（8）. Microsoft Notepad
（9）. Macromedia Director
（10）. Lightwave
（11）. Macromedia Freehand
其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19. 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么。以便访问者能找到想要的东西，但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20. “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” —专家忠告
21. 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
22. 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
23. 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24. 专家忠告 ：“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”
25. 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
26. 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
27. 去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
28. 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。
29. 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30. 专家忠告：“避免使用炫耀的技巧。”
31. 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。
32. 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。　但是，最好还是取消使用Flash做各接口的想法。
33. 让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34. 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。
35. 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
36. 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。
37. 设计成功的网站
蓝色理想
七色鸟
ChinaUI
5D多媒体
38. 慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。
39. 使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
40. 使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。
41. 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。
42. 专家忠告— “无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出新的和更好的网站。”
43. 平台的兼容性
要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容性如何。
44. 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。
45. 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
46. 给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
47. 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。
48. 设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。
49. 测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50. 专家忠告：“尽你所能反复测试所设计的网站，直到你不能发现新的东西为止。”
51. 演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。
52. 动画点缀
网页上的动画最多只用一个
53. 专家忠告—“倾斜的按钮看起来不会太好，最好不要使用。”
54. 内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。
55. “空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
56. 利用空白去吸引注意力。
为了吸引眼球，Web设计者使用各种方法，比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。”—专家忠告
57. 图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。　先声明图像的大小,在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58. 设计一个失败的网站,从中找出原因,提高自己的鉴别能力。
59. 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册。这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
60. 使网站具有交互功能
在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。
61. 图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。
62. 在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。
63. 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
64. 使用最新版本的软件
尽量使用Web设计软件的最新版本，还应当能被授权进行免费或便宜的升级。 1. 图片与文字的协调性一个完美的网页布局会给人一种和平舒畅的心情，它不仅仅是表现在文字的表达程度，更多的表现在图片与文字的协调性。2. 视觉上的对比性通过不同的色彩、不同的图形进行对比，在视觉上形成视觉的冲击，同时在图形也要形成对比，只有这样才能让人们过目不忘。3. 有松有驰网页制作上也要讲究有松有驰，不要整个网页都是一种样式，要适当进行留白，运用空格或是改变字体之间的间距，从而达到不一样的变化效果。

7、网页设计的基本原则是什么？

审美原则
好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受，就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。
目标原则

创意自身必须与创意目标相吻合，创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。
系列原则
所谓系列化就是在具有同一设计要素或同一造型、同一风格或同一色彩、同一格局等的基础上进行连续的发展变化，既有重复的变迁，又有渐变的规律。从视觉心理上来说，人们厌弃单调划一的形式，追求变化，连续系列的独特性会令人们耳目一新。系列原则也符合“寓多样于统一之中”这一形式美的基本法则，组成连续系列的每一幅界面虽然是一个独立的单元，但由于整体结构内容的相关性，风格基调的一致性，使网站在变化中求统一，形成多样统一、对比而又和谐的艺术效果。

8、网站界面设计规范有哪些？

易用性规范

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 密码输入;在需求中定义密码是否允许为空或空格;密码是否允许特殊字符;是否区分大小写，密码的可输入长度;程序中应给出文字说明密码的可输入长度。

9、网站设计要遵循哪些原则

1、响应式布抄局：自适袭应PC、手机、平板端，网站的可访问性非常重要，越来越多的人使用手机搜索访问网站；
2、安全稳定：网站从本质上来说一款软件，是软件都会需要升级，因此使用专业的建站系统搭建网站除了功能完善，还可以在线升级
3、尊重知识产权：当前很多所谓的定制建站公司为了节省成本或受限于自己的技术水平，模仿抄袭建站行业的标杆企业模板或是模仿同行，从而会给公司埋下严重的侵权法律风险。