设计网页的问题
当前位置:贝知网>知识分享>设计开发>设计网页的问题
设计网页的问题
时间:2022-12-05 设计开发

设计网页的问题

设计网页的问题

根据一些眼球追踪的数据表明,阅读者在看一个网页的路径,像一个字母"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,就能让设计更具有目的性,同时更注重实用性。如果能了解基本的代码,就能为自己所设计的网站创建模型,相比其他不懂代码的设计师在推销服务时就更具优势,同时也能对自己设计能力的边界有着更深入的掌握。

颜色原则

颜色是网页设计的核心,其有助于设计主题和主旨的构建。另外,其还具有心理层面的作用,也就是说颜色能够影响网站访客看待网站用户体验的方式。

走向原则

走向是指网站访客在体验网站时的视觉移动方向。走向涉及到对深度、颜色、层级、形状和线条的恰当使用。走向具包括视角、间距和面朝方向等。

平衡与比例原则

这一点是指视觉的稳定性与均衡性。比例可以分为两种:对称与不对称。比例通常用来强调重要元素,进而完善信息的走向。

编写文案原则

作为一名网页设计师,要做的不仅仅局限于设计,有时候还需要编写网站文案。一名同时具有优秀文案撰写能力的设计师对客户来说会更具有吸引力,同时也能要到更高的价格。会写好文案是能让你在推销自己时立于不败之地的一项关键资产。

间距原则

它是指不同元素之间的距离。网站要有优秀的用户体验就必须具有妥当的间距安排。间距的大小应该要保证不同的元素具有足够的呼吸空间,同时又不能太大以免影响阅读。