网页制作必须知道的设计秘诀
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。下面是网页设计十个制作小秘诀,为大家提供参考。
4秒的时间
我们在设计首页时尽可能的简化,并加速打开网站的速度。
在整个internet中日均页面访问只有4秒。
这就意味着你没有足够的时间来让浏览者加深对网站的印象和互动。
你要尽可能精确的来说明你这个网站最主要的功能是什么。
如果一个网站打开的时间超过了浏览者等待的时间,那么浏览者将会失去兴趣,最终的结果是浏览者去别的网站。
留白
不要把设计元素推杂在一起,要留空白。让它们之间有呼吸的空间。特别是适用于文本。
文本格式
如果使用正确的文本格式,那么文本将有更多的机会被读取。
不要害怕使用段落,粗体,斜体,引用文字,下划线或者大字字母等任何可以让你的文本更加受吸引的方式。
当然有时你需要使用引导语句,来引导读者的目光。
“F”阅读模式
根据一些眼球追踪的数据表明,阅读者在看一个网页的路径,像一个字母“F”。
这表明浏览者最先注重的地方有,头部,三分之一处,和左侧。
所以我们要想一下如何把网站最重要的部分放在这几个地方。
浏览者忽视有哪些
他们会忽视横幅广告或文字广告。
因此要避免网页的设计看起来像广告似的。
还有浏览者也会忽视大块的文本。
没有人会有很多的时间去看那一大部分的文本只为获得一个网站的主要内容。(我也没有耐心去看)
所以我们要尽量的简化文本,或者是增加一些图像装饰来吸引眼球。
文本VS图片
文本和图片在表达和传递信息时各有千秋,你应该合理的选择文本或图片。
如果你想给浏览者传递一个信息,那么我建议你使用文字来代替静态的图形。
吸引眼球的设计元素
如果你要写一篇文章,那么你首先要确定好文章的标题。
好的标题可以吸引浏览者的目光。
一个好的标题可以让浏览者更好的抓住文章的重点。
网站的“黄金地段”(左上角)
网站的左上侧是浏览者最先注意的'地方。
这是因为人们阅读的习惯造成的(从左上角开始阅读)。
再加上早期的网站也是按这个方式设计的。
所以我们常常把LOGO放在左上角。
使用清爽而干净的图形
上面说过,浏览者会忽视广告。
当你在设计图形的时候要确保它们不是太过于繁杂和混乱不理解。
人们会觉得繁杂的图形和色彩丰富的图形会很难看。
所以在设计图形的时候要找出一个“point”让浏览者来注意。
引导浏览者的目光
当你走进一个房间的时候,你不可能看到房间里所有的东西。
你第一眼注意的是房间里有没有人,然后再去注意能吸引你眼球的东西。
当浏览者第一次访问网站也是这样子的。
当浏览者第一次访问你的网站时,需要你来引导他们来访问网站。
比如说一个登陆按扭,一个“more”按扭,新闻。
-
JavaScript数组去重的四种方法
javascript数组去重方法汇总ue1=function(){varn=[];//一个新的临时数组for(vari=0;i<th;i++)//遍历当前数组{//如果当前数组的第i已经保存进了临时数组,那么跳过,//否则把当前项push到临时数组里面if(xOf(this[i])==-1)(this[i]);}returnn;};ue2=function(){var...
-
javascript包装对象的用法
js对象是一种复合值:它是属性或已命名值得集合。参考以下代码:vars="helloworld";varlen=th;在该例子中,s是字符串,而字符串不是对象,但为何会有属性呢?其实只要引用了字符串s的属性,js就会将字符串通过调用newString(s)的方式转换为对象,该对象继承了字符串的方法,并被...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
关于HTML meat作用
meta标签用于网页的与中,meta标签的用处很多。meta的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是descrip...