偷偷的告诉你如何设计网页的10个小秘诀
2009-12-06 13:37
447 查看
在这篇文章中说了几个在设计中常遇到的问题.希望你看完之后,在你设计网页的时候想想要如何解决这些问题.那么我写这篇的文章目地也达到了.
1.要记住你只有4秒的时间
在整个internet中日均页面访问只有4秒.这就意味着你没有足够的时间来让浏览者加深对网站的印象和互动.所以你要尽可能精确的来说明你这个网站最主要的功能是什么.如果一个网站打开的时间超过了浏览者等待的时间,那么浏览者将会失去兴趣,最终的结果是浏览者去别的网站.(木木:这就意味着:我们在设计首页时尽可能的简化,并加速打开网站的速度.)
2.引导浏览者的目光
当你走进一个房间的时候,你不可能看到房间里所有的东西.你第一眼注意的是房间里有没有人,然后再去注意能吸引你眼球的东西.当浏览者第一次访问网站也是这样子的.当浏览者第一次访问你的网站时,需要你来引导他们来访问网站.比如说一个登陆按扭,一个"more"按扭,新闻......
3.网站的左上侧是"黄金地段".
众所周知,网站的左上侧是浏览者最先注意的地方.这是因为人们阅读的习惯造成的(从左上角开始阅读).再加上早期的网站也是按这个方式设计的.所以我们常常把LOGO放在左上角.那么我们来想想能不能再加入些什么东西来引导浏览者呢?(登陆链接,搜索框,网站的口号......)
4."F"阅读模式
跟据一些眼球追踪的数据表明,阅读者在看一个网页的路径,像一个字母"F".这表明浏览者最先注重的地方有,头部,三分之一处,和左侧.所以我们要想一下如何把网站最重要的部分放在这几个地方.
5.浏览者忽视有哪些?
浏览者会忽视广告.他们会忽视横幅广告或文字广告.因此要避免网页的设计看起来像广告似的.还有浏览者也会忽视大块的文本.没有人会有很多的时间去看那一大部分的文本只为获得一个网站的主要内容.(我也没有耐心去看)所以我们要尽量的简化文本,或者是增加一些图像装饰来吸引眼球.
6.文本VS图片
这是一个有趣的事实.文字比任何静态图形更加吸引浏览者的眼球.如果你想给浏览者传递一个信息,那么我建议你使用文字来代替静态的图形.
7.吸引眼球的设计元素
我们来看一下哪些元素可以吸引浏览者的眼球:有煽动性的口号和按扭(通常使用明亮颜色),有步骤的列表如:1-2-3.
如果你要写一篇文章,那么你首先要确定好文章的标题.好的标题可以吸引浏览者的目光.一个好的标题可以让浏览者更好的抓住文章的重点.
8.文本格式
如果使用正确的文本格式,那么文本将有更多的机会被读取.不要害怕使用段落,粗体,斜体,引用文字,下划线或者大字字母......任何可以让你的文本更加受吸引的方式.当然有时你需要使用引导语句,来引导读者的目光.
9.使用清爽而干净的图形
上面说过,浏览者会忽视广告.当你在设计图形的时候要确保它们不是太过于繁杂和混乱不理解.人们会觉得繁杂的图形和色彩丰富的图形会很难看.所以你要避免这种事的发生.
在设计图形的时候要找出一个"point"让浏览者来注意.
10.留白
不要把设计元素推杂在一起,要留空白.让它们之间有呼吸的空间.特别是适用于文本.
-----------------------------华丽的分割线-------------------------------------
这里有一些文章,木木建议大家收藏起来好好的看.
4.网站设计的七宗罪
www.ximumu.cn--专注国外网页教程,PS教程,CSS教程
1.要记住你只有4秒的时间
在整个internet中日均页面访问只有4秒.这就意味着你没有足够的时间来让浏览者加深对网站的印象和互动.所以你要尽可能精确的来说明你这个网站最主要的功能是什么.如果一个网站打开的时间超过了浏览者等待的时间,那么浏览者将会失去兴趣,最终的结果是浏览者去别的网站.(木木:这就意味着:我们在设计首页时尽可能的简化,并加速打开网站的速度.)
2.引导浏览者的目光
当你走进一个房间的时候,你不可能看到房间里所有的东西.你第一眼注意的是房间里有没有人,然后再去注意能吸引你眼球的东西.当浏览者第一次访问网站也是这样子的.当浏览者第一次访问你的网站时,需要你来引导他们来访问网站.比如说一个登陆按扭,一个"more"按扭,新闻......
3.网站的左上侧是"黄金地段".
众所周知,网站的左上侧是浏览者最先注意的地方.这是因为人们阅读的习惯造成的(从左上角开始阅读).再加上早期的网站也是按这个方式设计的.所以我们常常把LOGO放在左上角.那么我们来想想能不能再加入些什么东西来引导浏览者呢?(登陆链接,搜索框,网站的口号......)
4."F"阅读模式
跟据一些眼球追踪的数据表明,阅读者在看一个网页的路径,像一个字母"F".这表明浏览者最先注重的地方有,头部,三分之一处,和左侧.所以我们要想一下如何把网站最重要的部分放在这几个地方.
5.浏览者忽视有哪些?
浏览者会忽视广告.他们会忽视横幅广告或文字广告.因此要避免网页的设计看起来像广告似的.还有浏览者也会忽视大块的文本.没有人会有很多的时间去看那一大部分的文本只为获得一个网站的主要内容.(我也没有耐心去看)所以我们要尽量的简化文本,或者是增加一些图像装饰来吸引眼球.
6.文本VS图片
这是一个有趣的事实.文字比任何静态图形更加吸引浏览者的眼球.如果你想给浏览者传递一个信息,那么我建议你使用文字来代替静态的图形.
7.吸引眼球的设计元素
我们来看一下哪些元素可以吸引浏览者的眼球:有煽动性的口号和按扭(通常使用明亮颜色),有步骤的列表如:1-2-3.
如果你要写一篇文章,那么你首先要确定好文章的标题.好的标题可以吸引浏览者的目光.一个好的标题可以让浏览者更好的抓住文章的重点.
8.文本格式
如果使用正确的文本格式,那么文本将有更多的机会被读取.不要害怕使用段落,粗体,斜体,引用文字,下划线或者大字字母......任何可以让你的文本更加受吸引的方式.当然有时你需要使用引导语句,来引导读者的目光.
9.使用清爽而干净的图形
上面说过,浏览者会忽视广告.当你在设计图形的时候要确保它们不是太过于繁杂和混乱不理解.人们会觉得繁杂的图形和色彩丰富的图形会很难看.所以你要避免这种事的发生.
在设计图形的时候要找出一个"point"让浏览者来注意.
10.留白
不要把设计元素推杂在一起,要留空白.让它们之间有呼吸的空间.特别是适用于文本.
-----------------------------华丽的分割线-------------------------------------
呵呵下面附送一个测试:你能成为一个网页设计师吗?(测试一下)
-------------------------再一次分割线--------------------------------这里有一些文章,木木建议大家收藏起来好好的看.
1.十个简单好用的设计技巧
2.五招加速网页响应时间
3.网站设计的简洁之道(优势和方法)
4.网站设计的七宗罪
5.十大网站设计错误(看你中了几个)
6.用户到底读了多少(你的网站到底怎么改进)
=====================================www.ximumu.cn--专注国外网页教程,PS教程,CSS教程
相关文章推荐
- 网页设计制作必须知道的10个秘诀
- 如何做网页设计的10个小窍门—互联网行业的本质11
- 如何做网页设计的10个小窍门
- 如何做网页设计的10个小窍门—互联网行业的本质
- 如何设计网页?快速制作网页秘诀!
- 网页设计制作必须知道的10个秘诀
- 干货 : 10个案例告诉你,数据如何驱动产品设计。
- 如何衡量网页设计的有效性
- 用jsp设计网页的时候如何跟后台数据库相连
- 扁平化设计是否已经失宠?10个案例告诉你答案
- 如何去设计一个自适应的网页设计或HTMl5
- 如何设计自适应屏幕大小的网页
- 国外酷站欣赏:10个使用图像的网页设计作品
- 网页设计可用性指导-如何成功地使用图片
- [网页设计]10个最常见的 HTML5 面试题及答案
- 如何设计自适应网页
- 如何设计网页横幅
- 网页设计中如何选择吸引人的配色方案
- 如何设计自适应屏幕大小的网页