设计网页的问题
根据一些眼球追踪的数据表明，阅读者在看一个网页的路径，像一个字母"F"。这表明浏览者最先注重的地方有，头部，三分之一处，和左侧。下面介绍设计网页的问题，希望可以为您带来帮助。
1、要记住你只有4秒的时间
在整个internet中日均页面访问只有4秒。这就意味着你没有足够的时间来让浏览者加深对网站的印象和互动。所以你要尽可能精确的来说明你这个网站最主要的功能是什么。如果一个网站打开的时间超过了浏览者等待的时间，那么浏览者将会失去兴趣，最终的结果是浏览者去别的网站。(这就意味着:我们在设计首页时尽可能的简化，并加速打开网站的速度。)
2、引导浏览者的目光
当你走进一个房间的时候，你不可能看到房间里所有的东西。你第一眼注意的是房间里有没有人，然后再去注意能吸引你眼球的东西。当浏览者第一次访问网站也是这样子的。当浏览者第一次访问你的网站时，需要你来引导他们来访问网站。比如说一个登陆按扭，一个"more"按扭，新闻
3、网站的左上侧是"黄金地段"
众所周知，网站的左上侧是浏览者最先注意的地方。这是因为人们阅读的习惯造成的(从左上角开始阅读)。再加上早期的网站也是按这个方式设计的。所以我们常常把LOGO放在左上角。那么我们来想想能不能再加入些什么东西来引导浏览者呢?(登陆链接，搜索框，网站的口号等)
4、"F"阅读模式
根据一些眼球追踪的数据表明，阅读者在看一个网页的路径，像一个字母"F"。这表明浏览者最先注重的地方有，头部，三分之一处，和左侧。所以我们要想一下如何把网站最重要的部分放在这几个地方。
5、浏览者忽视有哪些
浏览者会忽视广告。他们会忽视横幅广告或文字广告。因此要避免网页的设计看起来像广告似的。还有浏览者也会忽视大块的文本。没有人会有很多的时间去看那一大部分的文本只为获得一个网站的主要内容。(我也没有耐心去看)所以我们要尽量的简化文本，或者是增加一些图像装饰来吸引眼球。
6、文本VS图片
这是一个有趣的事实。文字比任何静态图形更加吸引浏览者的眼球。如果你想给浏览者传递一个信息，那么我建议你使用文字来代替静态的图形。
7、吸引眼球的设计元素
我们来看一下哪些元素可以吸引浏览者的眼球:有煽动性的口号和按扭(通常使用明亮颜色)，有步骤的列表如:1-2-3。
如果你要写一篇文章，那么你首先要确定好文章的标题。好的标题可以吸引浏览者的目光。一个好的标题可以让浏览者更好的抓住文章的重点。
8、文本格式
如果使用正确的文本格式，那么文本将有更多的机会被读取。不要害怕使用段落，粗体，斜体，引用文字，下划线或者大字字母。任何可以让你的文本更加受吸引的方式。当然有时你需要使用引导语句，来引导读者的目光。
9、使用清爽而干净的图形
上面说过，浏览者会忽视广告。当你在设计图形的时候要确保它们不是太过于繁杂和混乱不理解。人们会觉得繁杂的图形和色彩丰富的图形会很难看。所以你要避免这种事的发生。
在设计图形的时候要找出一个"point"让浏览者来注意。
10、留白
不要把设计元素推杂在一起，要留空白。让它们之间有呼吸的空间。特别是适用于文本。
网页导航设计的注意事项
在具有前后连续顺序的文件里提供必要的连结
将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性，但在导览按钮与超连结的配置上，Webpage设计者则要更细心周全地安排，使得读者不论身处您站台的哪一阶层，依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶
1.提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超链结在一系列具前后连续顺序的文件里，每篇Webpage都至少应提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超连结，可使读者能够立即得知自己所在的页面，是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页，而是依循别的站台的某个link跳跃连结至此)。并且可以借由这些links随时参考连结“上一页”、“下一页”与本页的连贯内容;直接点取“回子目录页”查寻其他相关的标题;或直接跳跃至homepage，浏览其他不同项目的信息。
2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概。
在一系列具有前后连续顺序的文件里，每篇Webpage都应加上一个具有说明性的标题，使读者一目了然，马上抓住这一页的重点。而完善的导览系统除了提供“上一页”、“下一页”的导览按钮或超连结外，更添加精简达意的上一页与下一页标题、内容提要，使读者即使尚未点取这些Webpages时，亦能先梗概地了解自己将连结至什么样的Webpage。
3.提醒读者某一系列文件已到尽头。
当读者已达某一系列文件的最后一页时，Webpage设计者应提供一小段告示提醒读者，同时不再提供“下一页”的导览按钮或超连结。但基于Webpage界面设计的一致性，或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的“下一页”导览按钮(尤其是精心设计过的图形化导览按钮)。为达此目的，可考虑将最后一页的“下一页”导览按钮颜色暗沉下来，且不赋予超连结的功能，并提供一小段告示提醒读者，此系列文件已到尽头，不再有“下一页”的内容。
在较长的Webpage内提供目录表与大标题
理想的Webpage长度以不超过三、四个荧幕页面为佳。但是如果基于某些特殊理由，您的Webpage一定要做得很长，那么不要忘了在此长篇的Webpage最上头，提供一个目录表，Webpage的内容也标上大小标题，以利清楚阅读。尤其重要的是，在这些标题与目录表的HTMLsource里分别设置锚点，并链接到锚点，以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。
暂时不提供超连结到尚未完成的Webpage
超连结或导览按钮应该引导读者到一篇真正“有料”的Webpage，而不是以“挂羊头卖狗肉”的方式，事先将某一超连结描述得超级精彩、超级诱人，结果读者兴致勃勃地连结过去，却根本看不到任何精彩、诱人的内容，唯一所见的，只是一张无聊的告示牌“施工中”。
如果您急欲在网络上推出您的站台、展现您Homepage，但仍有少数几页Webpage尚未完成，建议您先暂时别让这些“施工中”的Webpage正式露面。(即先暂时别让这些连往“施工中”的Webpage的“超连结”，拥有真正的超连结功能。)等到您“几乎”完工之后(Webpage永远没有“真正”完工之时，总是需要不断地修改、增添、翻新)，再正式开放连结也不迟。
倘若您急欲告诉读者，您即将提供一页超级精彩、超级诱人的Webpage在此站台，只是目前仍在努力赶制中，您大可直接摆一段告示在即将是“超连结”的文字旁(但目前仍不具超连结的功能)，明白昭示世人，以节省读者徒然点取、徒然往返的时间;也免得读者满怀希望，却又落得失望而归。
不要在一篇短文里提供太多的超连结
适当、有效率地使用超连结，是一个优良的导览系统不可或缺的条件之一。但过份滥用超连结，造成短短的一篇文章里却处处是links，反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里，很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了“施工中”的招牌的link。在一篇长短适中的Webpage里(三、四个荧幕页面)，文章里提供的文字式超连结最好不要超过10个以上，以使全页行文能够顺畅，而读者也不至于眼见一大堆超连结，反而不知从何点取才好。况且，连续、肩并肩地出现两三个文字式超连结，很容易被误认为只是一个长度较长的超连结，于是被读者忽略掉，便也失去了这些超连结的原本功能。
HTML网页设计有什么原则
网页设计师需要学习HTML网站整体设计基本流程知识，也需要知道一些HTML网页设计原则。
代码原则
有些设计师觉得不会写代码无所谓，但也有的人坚定认为了解如何写代码是作为合格网页设计师所必须的。HTML是所有网页的最基本构成框架，所以设计师务必要有所认识。了解HTML，就能让设计更具有目的性，同时更注重实用性。如果能了解基本的代码，就能为自己所设计的网站创建模型，相比其他不懂代码的设计师在推销服务时就更具优势，同时也能对自己设计能力的边界有着更深入的掌握。
颜色原则
颜色是网页设计的核心，其有助于设计主题和主旨的构建。另外，其还具有心理层面的作用，也就是说颜色能够影响网站访客看待网站用户体验的方式。
走向原则
走向是指网站访客在体验网站时的视觉移动方向。走向涉及到对深度、颜色、层级、形状和线条的恰当使用。走向具包括视角、间距和面朝方向等。
平衡与比例原则
这一点是指视觉的稳定性与均衡性。比例可以分为两种：对称与不对称。比例通常用来强调重要元素，进而完善信息的走向。
编写文案原则
作为一名网页设计师，要做的不仅仅局限于设计，有时候还需要编写网站文案。一名同时具有优秀文案撰写能力的设计师对客户来说会更具有吸引力，同时也能要到更高的价格。会写好文案是能让你在推销自己时立于不败之地的一项关键资产。
间距原则
它是指不同元素之间的距离。网站要有优秀的用户体验就必须具有妥当的间距安排。间距的大小应该要保证不同的元素具有足够的呼吸空间，同时又不能太大以免影响阅读。
网页界面设计的重要规范
一.用户导向原则
设计网页首先要明确网页的使用者，要站在用户体验立场上来考虑和设计。要做到这一点，就必须要和用户沟通，了解他们的需求、目标、期望以及偏好等。网页的设计者要清楚，用户之间是有差别的，他们的能力也各有不同。比如有的用户可能会在视觉方面有所欠缺(如色盲)，对很多的颜色分辨不清;有的用户的听觉也可能会有些障碍，对于网站的语音提示反应比较迟钝;而且相当一部分用户的计算机使用经验还很初级，对于复杂一点的操作就会感觉到很费力。另外，用户使用的计算机机器配置是千差万别的，如显卡、声卡、内存、网速、操作系统以及浏览器等都会有所不同。设计者如果忽视了这些差别，设计出的网页在不同的机器上显示就会造成错乱。
二.简洁和易于操作原则
简洁和易于操作是网页设计的最重要的原则。网站主要是用于普通网民来查阅信息的网络服务。没必要在网页上设置过多的操作，堆积很多复杂和花哨的图片。此原则的要求如下：
1、网页的下载不要超过6秒钟(普通的家庭宽带为2M的，速度一般在220kb/s);
2、网页尽量使用文本链接，尽量减少大幅图片和动画的使用，加快网页的打开时间;
3、操作设计尽量简单，并且要有明确的操作提示;
4、网站所有的内容和服务都尽量在显眼处向用户予以说明等。
三.布局控制
在网页排版布局方面，很多网页设计者还不够重视，网页界面设计排版过于死板，甚至照抄他人。如果网页的布局凌乱，仅把大量的信息堆集在页面上，就会干扰浏览者的阅读。一般在网页界面的版式设计上所要遵循的原则有：
1、7±2的Miller公式。
根据心理学家George A.Miller的研究表明，人一次性接受的信息量在7个比特左右为宜。总结一个公式为：一个人一次所接受的信息量为 7±2 比特。这一原理被广泛应用于网站建设中，一般网页上面的栏目选择最佳在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。例如Aol.com的栏目设置：Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。Msn.com的栏目设置：MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项。然而很多国内的网站在栏目的设置远远超出这个区间。
2、分组处理。
上面提到，对于信息或栏目的分类，不能超过9个。但如果你的内容实在是太多，超出9个，就需要进行分组处理。如果，你的网页上有几十篇文章的链接，需要每隔7篇加一个空行或平行线做以分组。如果你的网站内容栏目超出9个，如腾讯公司的网站或其它几个比较知名的门户，有很多个栏目，超过了9个。为了不破坏7±2的Miller公式，在设计时把比较有代表性的分类加粗，然后再按性质分组，最终如下图分成了6列大的栏目。
四.视觉平衡
网页设计时，各种元素(如图形、文字、空白)都要有视觉平衡作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，设计网页时需要以更多的文字来平衡一张图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个原则。例如，你的很多的文字是采用左对齐〈Align=left〉，需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。
通常情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分通常放置一些Banner广告或导航条及网站LOGO，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值;网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该网站的形象。在网页设计上，适当的地方增加一些留白，精炼和升华你的网页的形象及美感，使得页面变得简洁。
五.色彩的搭配及文字的可阅读性
颜色是影响网页的重要因素之一，不同的颜色对人的感觉有不同的影响，比如：红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光，是一种快活的颜色;黑色显得比较庄重，考虑到你希望对浏览者产生什么影响，为网页设计选择最恰当的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。
为了方便阅读网站上的信息资讯，可以借鉴参考报纸及杂志的编排方式将网页的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。另外一种能够提高文字可读性的因素是字体的选择，通用的字体(Arial，Courier New，Garamond，Times New Roman，中文宋体)最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体(如Cloister，Gothic，Script，Westminster，华文彩云，华文行楷)，这样读者阅读起来感觉一定很糟糕。这类特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移到其他页面。
六.和谐与一致性
通过对网站的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，网站的众多独立网页看起来更像一个整体。网站界面设计上要保持一致性，这是很重要的一点。一致的网站结构设计，可以让浏览者对网站的形象有深刻的记忆与印象;一致的导航设计，可以让浏览者迅速而又有效的进入在网站中自己所需要的部分;一致的操作设计，可以让浏览者快速学会在整个网站的各种功能操作。如果破坏这一原则，就会误导浏览者，并且让整个网站显得杂乱无章，给人留下不良的印象。
当然，网站设计的一致性并不意味着刻板和一成不变，有的网站在不同栏目使用不同的风格，或者随着时间的推移不断的改版网站，会给浏览者带来新鲜的感觉。
七.个性化
1、符合网络文化
企业网站不同于传统的企业商务活动，要符合Internet网络文化的要求。首先，网络最早为非正式性、非商业化的，只是科研人员用来交流信息的。其次，网络信息是只在计算机屏幕上显示而没有打印出来阅读，网络上的交流具备隐蔽性，谁都不知道对方的真实身份和信息。此外，许多人在上网的时候是在家中或网吧等一些比较休闲，比较随意的环境下。此时访客的使用环境所蕴涵的思维模式与坐在办公室里西装革履的时候是截然不同的。因此，整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在网站上使用幽默的网络语言，创造一种休闲的、轻松愉快、非正式的氛围就会使网站的访问量大增。
2、塑造网站个性
另外，网站的整体风格和整体气氛表达要同企业形象相符合并且应该很好的体现企业CI。
