如何做网页设计的10个小窍门
作者:bishua 来源:译言 时间:2010-04-11 22:30:00
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。
1、记住:你能掌控的时间是有限的
我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的,他将放弃并离开。
2、记住:用户是略读页面
当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿,浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等
3、网站的左上角是最明显的位置
这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始),另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角,这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。
4、了解“F”结构
一些视觉跟踪调查研究证明,用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到,中间区域仅有一半被看到,再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候,你可以去考虑一下这一因素。
5、了解用户忽略什么
用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告,同时,用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字,他们仅仅是了解页面文章的大意。
6、文字和图片
一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息,我建议你使用大的标语文字来代替那些很炫的头部图片……
7、用设计元素来吸引注意
来吸引注意的好的元素是文字口号,行动纲领的按钮(通常用亮色调),分成1-2-3级,或者就是一个普通的列表……
如果你在写一篇很长的文章,很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题,通过这简单的步骤向用户阐述这篇文章的主题。
8、文字格式
恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然,你也需要用格式化强调一些你认为很重要的文字或者句子,这些能够引导你的读者阅读完全文。
9、使用简洁图片
我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时,要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。
你使用人的脸部图片更容易引起用户的注意,尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。
10、使用留白
使用留白可以给某些元素更多的可视空间,如果某元素与边距或其它元素太近就容易被混淆,那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。
中文原文:如何做网页设计的10个小窍门
英文原文:10 short ‘n’ sweet tips on how to design for web
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
比较SQL Server与Oracle、DB2三种数据库
JavaScript table的排序类
MySQL的添加用户的两种方法
SQL Server 2000安装图解教程
![](https://img.aspxhome.com/file/UploadPic/up/2009090920263675.gif)
当设计师遭遇HTML5
![](https://img.aspxhome.com/file/UploadPic/20118/5/01-13s.jpg)
ASP网站远程客户实现EXCEL打印功能
在ASP中连接使用数据库
将各种类型或对象都转变为数组
简单的XML操作:XML文件创建
经典SQL语句大全
默认Web字体样式
SQL Server性能的改进得益于逻辑数据库设计
SQL Select语句完整的执行顺序
SQL的小常识, 备忘之用, 慢慢补充.
实现文字放大效果Javascript源码
![](https://img.aspxhome.com/file/UploadPic/20103/17/2010317204821421s.jpg)
如何在页面中快捷地添加翻页按钮?
Javascript 闭包[翻译]
ASP如何操作Excel(读取,输出)
Web UI 设计(网页设计)命名规范
![](https://img.aspxhome.com/file/UploadPic/20095/13/web-ui-design-title1-57s.jpg)
天极网页版式设计的思考
![](https://img.aspxhome.com/file/UploadPic/20081/18/2008118124920764s.jpg)