这片文章大体概括了一些设计网页中的大问题。
希望能给
你做
下一个网页
时给予一些儿启发。
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
分享到:
相关推荐
网页设计是将创意、信息和功能融合到一个用户友好的界面中的艺术与技术结合体。在互联网日益发达的今天,良好的网页设计对于吸引用户、提升品牌形象至关重要。本篇将深入探讨"网页设计技巧及网页制作常见问题",帮助...
指导你熟练运用电脑技巧,帮助你真正掌握电脑技能...《网页设计典型实用技巧》特色:网页设计经典技巧宝库;网页设计高手的心得体会;大量鲜为人知的制作技巧;许多使网页充满活力的窍门;典型技巧在实例中充分体现。
网页制作常见问题解答[一] 网页制作常见问题解答 [二] 网页制作常见问题解答 [三] 网页制作常见问题解答 [四] 网页制作常见问题解答 [五] 网页制作常见问题解答 [六] ...一分钟网页设计技巧
网页制作工具CS5,全称为Adobe Dreamweaver CS5,是Adobe公司推出的一款专业级的网页设计和开发软件。这款工具以其强大的功能和友好的用户界面,深受网页设计师和开发者们的喜爱。它集成了视觉编辑和代码编辑,使得...
在网页设计中,正确的配色能够提升页面的吸引力,传达品牌信息,并帮助用户更容易地阅读和理解内容。以下是一些关于网页配色的知识点: 1. **同一色系搭配**:描述中提到的窍门是使用同一色系的色彩。同一色系指的...
7. **字号缩放**:考虑到视力问题,网页设计应考虑字体大小的可调节性。通过JavaScript,可以创建一个动态调整字体大小的功能。例如,定义一个函数`doZoom`,根据传入的参数改变指定元素(如`<span id="zoom">`)的...
网页设计是创建和维护网站的关键环节,涉及到许多专业术语。以下是一些网页设计中常见的英文单词及它们在中文中的对应概念: 1. **关于我们 (About Us)**:展示公司或个人基本信息的页面。 2. **作者 (Author)**:...
#### 四、提升网页设计效果的方法和诀窍 1. **色彩搭配**:选择合适的颜色组合可以增强网站的视觉吸引力。建议使用不超过三种主要颜色,并保持一致性和协调性。 2. **字体选择**:使用清晰易读的字体,字号大小适中...
1. **明确目标受众**:在设计每个网页之前,首先要确定目标受众是谁。了解他们的业务规模、市场定位以及需求,这将指导你如何设计页面以满足他们的期望。 2. **突出产品特点**:展示产品的细节和功能,让访客一眼就...
本压缩包"经典网页特效500例.rar"包含了多种类型的特效,涵盖了网页设计中的多个关键元素,如按钮、表格、窗口、导航菜单等,旨在帮助开发者和设计师实现各种创新效果。 1. **按钮特效**:在网页设计中,按钮是用户...
很多时候可能你会为我如何去布局一个页面而感到迷惘,以致无从下手。这个文档就是用于说明页面如何布局的。 包含 制作主页的五十个秘诀 制作网页十大诀窍 一分钟网页设计技巧 网页制作常见问题解答
在网页设计中,叙述故事是很常见的设计方式。利用文字和图片,引导浏览者从A到B地浏览网站已经被证明有利于转换浏览者的内容关注点。覆盖含有文字的高清大图元素和用户界面元素都能引起浏览者的注意,从而浏览内容和...
网页制作教程,内容还行挺多,...在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。(此文档为本人下载学习材料)
《XML 诀窍》是一本专注于XML技术的实践指南,旨在帮助网页开发者、系统管理员以及对XML感兴趣的程序员提升技能和效率。XML(可扩展标记语言)作为一种通用的数据交换格式,被广泛应用于网络数据传输、文档存储和...
标签 "生活" 表明该模板主要围绕日常生活主题,可能包括日常生活小窍门、健康饮食、家居装饰等内容。"资讯" 指出这个模板将用于发布新闻、事件或者趋势类的文章,帮助用户了解最新的欧美生活资讯。"网页模板" 则意味...
总之,"XML诀窍"这本书旨在通过一系列实用的技巧和案例,帮助读者熟练掌握XML的使用,无论是在网页开发、系统管理还是程序设计中,都能充分利用XML的强大功能,提高工作效率和代码质量。通过学习并实践书中提供的...
《Dreamweaver 手把手教程》是一份全面深入地介绍Adobe Dreamweaver这款强大网页设计与开发工具的教程。Dreamweaver是许多专业和业余网页设计师首选的软件,它提供了直观的界面和丰富的功能,使得网页创建变得既简单...
9. 实践活动:除了课堂教学,还包括实践活动,如分享购物经验、向家长汇报所学知识,编写购物小窍门,以促进知识的实际运用。 10. 教育目标:通过这些活动,旨在培养学生的消费者自我保护意识,养成良好的消费习惯...