网页设计的常识了解

　　从网页设计开始到现在，设计师们总是在考虑着如何设计美丽的界面来打动浏览者，让其能在心目中留下美好的印象。其实，所有的法则或规律都需要设计师们的弹性使用，生搬硬套可能只会适得其反。接下来先知创意网小编就为大家介绍一下关于网页设计的知识。

　　网页设计的常识了解

　　一、网页尺寸

　　1、800*600能照顾到所有网友的电脑，但相当是张“小报”，这种设计尺寸目前已经基本被淘汰了。

　　2、1024*768已成主流。目前主流显示器屏宽几乎都是1024*768，1024*768屏设计比800*600多出一栏的信息，看起来也比800*600的网站大气。

　　3、正文页采用自适应设计，能在正文页做更多相关内容。首页也可以尝试自适应的设计。自适应设计的核心是要留出宽度伸缩自如的栏。

　　4、在1024*76模式下，页面的长度不易超过10屏。

　　二、字体字号

　　1、目录页用小字号，为的是放更多的标题。

　　2、正文页用大字号。为的是让浏览者读得舒坦。

　　3、慎用不容易看清楚的楷体。楷体的作用等于图片，主要起美化版面的作用。

　　4、多用对搜索引擎友好的标粗，来表示重点，给于读者一种概括性。

　　三、页面用色

　　1、同一个页面的颜色不要超过4种。眼花缭乱，容易产生视觉疲劳。

　　2、颜色对比反差不要太大。以文字内容为主的网站，要避免形式对内容的喧宾夺主。

　　3、文字+底色能够起到很好的突出作用，在视觉变化上相当于图片的作用。

　　四、网页静态化

　　1、访问量大的页都应该静态化，以便减少服务器压力，增强网站稳定性。访问不到的网页是更差的网页。

　　2、动态化和静态化在一个页面中结合使用，能同时得到轻负荷和即时交互性的好处。

　　3、哪些页面的哪些地方需要静态化要在一开始就考虑，要为后面访问量增大等可能性考虑。

　　网页设计的风格指南

　　1.了解品牌

　　设计者首先要做的一件事就是深入了解一下客户的品牌，以真正理解它的意义所在。去熟悉一下这个品牌背后的故事及客户公司的规模，愿景和企业文化。

　　这么做非常重要，因为只有这样设计者才能保证其作品更大限度地在形式和情感上都体现出该品牌的精髓。

　　如果你不懂编程，打开Photoshop，把你手里的文件做个标题，并简短说明它们的性质和用途。

　　如果你会编程更好用预编码集去创建一个网页文件这样以后再使用这些文件时就很便利。

　　2. 确定字体

　　根据 Oliver Reichenstein的说法, 网页设计95%的部分都是字体。

　　设计师必须准确地把握字体，因为这是网站与访客之间交流更重要的手段之一。

　　可以把字体划分为不同的等级。首先确定标题级别的字体：如h1.h2,h3,h4,h5,和h6。然后是正文字体，加粗字体和斜体字。另外还要确定在次级链接，导入语等地方使用的文字字体。对将要在设计中应用的文字的字型，字号，颜色等要有明确的界定。

　　3. 选择色彩

　　某种色彩居然能让人们联想到特定的商业品牌，这件事总是让我觉得惊奇不已。想想“可口可乐”，我敢保证你此时你眼前已经浮现出一片红色。

　　在制定设计风格指南时，涉及到色彩部分，应选用一级色作为网站的主色调，且网站主色不应超过三种。在某些案例中，你可能需要在界面中增添二级色甚至三级色，如何使用它们也需要在设计风格指南中明确地体现出来。在设计方案中还应包括白，灰，黑等中性色，以达到突出对比，强调主色的目的。

　　4. 找准腔调

　　这里的腔调指的是网站内容的语气。如果你在拟定设计风格指南之前已经研究过客户的品牌风格，并发现它是活力而时尚的,那么网站正文的腔调也应与之相配。如果正文没有明确的腔调和语气，那么就确立一个。例如在下面要举的这个例子中的用语就给人一种职业，风趣而友善的感觉。相对于平淡无奇的“您遇到了404错误”，你或许可以说“噢，天哪.......你冲破了互联网。404错误。”当然，如果网站的内容比较正式的话，就不能这么说了。这些细微之处更能闪现光芒。

　　5. 善用标识

　　符号已经存在了数千年，它的历史比字词更久远。设计中应充分发挥图标的优势，因为它可以使网站用户瞬间就能理解当下和即将发生的事件。如果使用得当，一个图标可以比色彩，文字和图画赋予网站内容更多的意义。当使用图标时，一定要认真考虑受众，宗教因素和历史因素，以免引起用户不必要的误解。另外还要了解客户品牌的定位和价值取向，否则你也许会把一张涂鸦作品放上跨国银行的主页!

　　6. 图像说话

　　俗话说:一图胜千言。使用与网站的风格相匹配的图片会为整个设计增色不少。在此我还是要提醒设计师一句，一定要考虑客户品牌的含义与价值观。例如，如果是与水资源有关的慈善网站，使用的图片应能唤起人们的感情，或能提醒人们拥有水，电，教育等生存要件是多么幸运的一件事。

　　7. 尊重表单

　　只有用户输入信息时，网站才能有效地引导和操控用户，因此表单是维持网站互动性与活跃度的重要手段。

　　表单一定要层次清晰且包含一切可能的反馈项目---如激活提示，悬停提示，添加错误，警告等等。除此之外还应该包含积极的指示信息，如“邮件已发送”等。

　　8. 定义按钮

　　按钮是颜色，表格和行文风格的综合体。设计按钮时，可以利用早前创建的文件。按钮应该在外观上保持一致，在功能上满足不同类型的设计需要。

　　9. 营造空间

　　在设计风格指南中如何处理空间问题?空间对网页设计而言极为重要。空间处理可以利用栅格式布局，也可以通过标题，按钮，图象和其他元素之间的大小，距离等体现出来。

　　空间是网页元素存在的前提，布局合理的空间会使网站看起来更有秩序，更专业。

　　10. 划分禁区

　　更后但并非不重要的一点：像列FAQ一样列出“可以做”和“禁止做”的事项，这样做的好处是对可能犯的错误一览无余，同时也能更清晰地展示事情如何开展才算顺利。

　　网页设计的注意事项

　　1.已访问过的内容用不同颜色显示

　　如果网站不能显示出用户已经察看过的内容，用户在浏览网页时便会多出很多麻烦。相反，如果用户访问过的内容都能被清晰出，他们便不会错误地多次点击同一个链接了。对用户来说，一个网页上往往存在不止一个链接，如果没有特殊的方式显示已访问过的内容的话，他们很难记住哪些链接是自己已经点击过的，哪些没有。针对这个问题，可以使用不同的颜色来区分已访问和未访问的内容。已访问内容的显示颜色与未访问内容的颜色应该接近但又略有不同。例如，用紫色来标注已访问的内容不失为一种可行的办法，因为与蓝黑色相比较，紫色给人一种“消退”的感觉，用户会有“这个链接我已经点击过了”的印象。

　　2.不必点击“关闭”按钮也能取消浮窗

　　在各个类型的网站中，弹出式窗口都是一个很常见的应用。大多数浮窗在右上角留有一个"X"号，用户可以通过点击它来关闭窗口。但是普通用户要想成功点击到这个小小的“X”号可没那么容易。当用户关闭浮窗时，他们点击到的往往是作为广告的背景。因此，当用户不得不费九牛二虎之力去关闭浮窗时，用户体验自然也大大降低了。浮窗中的“X”按钮往往格外地小，用户要花费许多额外的时间和力气才能成功关掉浮窗。如果在设计中能让用户点击背景或浮窗边缘就可以关掉浮窗的话，用户体验自然也会不一样。

　　3.填写表格时光标自动显示在输入区域

　　当用户看到在屏幕上出现的表格时，他们的更反应通常是“现在需要从鼠标切换到键盘了”。如果此时能将光标显示在更个需要填写的区域内，用户操作起来就会感到更加便利。这样的话，他们就省却了“移动鼠标--点击输入框”这一步骤，而可以直接在表格内填写内容了。谁不希望填写表格时更简便一些呢?

　　4.敲击“Enter”键提交表格

　　说到表格，另一个常被忽视的细节就是“允许用户敲击Enter键直接提交表格”。这样一来，用户便可以更快，更便捷地提交表单。这个细节在登录界面显得尤其实用，因为在很多网站中，用户在输入用户名和密码之后，还得用鼠标点击“登录”按钮。每次都强迫用户去锁定和点击登录按钮会令他们感到厌烦，同时也会降低他们对网站的热情。

　　5.为图标添加自动提示

　　在网站中，图标可以优雅而简洁地将某个特定的动作信息传达给用户。但是要牢记，不是所有用户都能立刻明白图标所代表的意义。因此，当用户将鼠标置于图标之上时，随即显示关于这一图标所代表的功能就显得尤为必要。有了这个细节，网站的新用户即便不明白图标的含义，也不会因胡乱点击而导致错误了。

　　6.为博客类页面设置“回到主页”选项

　　许多网站都有一个特定的博客页面。有时，网站会为某个具体化的WordPress博客设置一个次域名(如blog.website.com)。一个常被遗漏的小小细节便是在博客页面中添加一个“回到主页”的选项。如果没有这个选项，用户就只能清空地址栏，然后重新输入主页的地址，这将使他们不胜其烦。一个指向主页的链接设置起来十分容易，但许多网站却没有留意到这一点。

　　7.在“放大”选项下显示放大的图象

　　有的网站允许用户点击查看放大后的图象。但当用户点击“放大”按钮时，有些网站却错误地将同样大小的图象呈现给用户，尽管换了一个不同颜色的背景。当点击“放大”按钮时，用户期待看到的是一张大图，哪怕这张图只是比缩略图大那么一点点。如果图象大小依然没有变，在深色背景中显示它并不能使用户更愉快。

　　8.允许用户编辑评论内容

　　设置了评论区的网站设计者应该明白，用户并非完人，他们在发表评论时常会犯错。许多网站却不允许用户编辑自己已经发布的评论。当用户在发评论的过程中出现错误时---无论是发错了评论区，添加了错误的链接，或只是打字不正确---这样的设计都无疑会令他们无比沮丧。一个简单的“编辑”功能会使用户有机会修正自己的错误，从而更加享受发帖的过程，也会使他们发布的内容更为。

　　糟糕的用户体验与优越的用户体验，差异往往只在于细节之间。许多网站丝毫不重视细节，而用户却要承担这种疏忽的后果。对网站设计的细节精益求精也许并不能保证你的网站会大获成功，但却会使用户感觉到你有多用心，用户也会因此爱上你的网站。