网站建设-网页设计时一些实用的小技巧
网站设计的用户体验非常的重要,设计师需要注意的点也有很多,网站建设小编来告诉你一些比较实用的网页设计小技巧,主要有以下几点:
1、网站的左上角是最明显的位置
这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始),另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角,这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。
2、了解“F”结构
一些视觉跟踪调查研究证明,用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到,中间区域仅有一半被看到,再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候,你可以去考虑一下这一因素。
3、了解用户忽略什么
用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告,同时,用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字,他们仅仅是了解页面文章的大意。
4、文字和图片
一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息,我建议你使用大的标语文字来代替那些很炫的头部图片……
5、用设计元素来吸引注意
来吸引注意的好的元素是文字口号,行动纲领的按钮(通常用亮色调),分成1-2-3级,或者就是一个普通的列表……
如果你在写一篇很长的文章,很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题,通过这简单的步骤向用户阐述这篇文章的主题。
6、文字格式
恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然,你也需要用格式化强调一些你认为很重要的文字或者句子,这些能够引导你的读者阅读完全文。
7、使用简洁图片
我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时,要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。
你使用人的脸部图片更容易引起用户的注意,尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。
8、使用留白
使用留白可以给某些元素更多的可视空间,如果某元素与边距或其它元素太近就容易被混淆,那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。
相关建站知识
- 05-14帝国cms在当前栏目页下面调用相关栏目别名的栏目
- 04-28帝国CMS二次开发列表页、内容页只调用年份
- 08-17帝国cms记录没有搜索到结果的搜索关键字入数据库
- 05-03帝国cms灵动标签多条件调用
- 07-22帝国CMS替换当前位置导航[!---newsnav--]标签
- 07-01帝国CMS灵动标签调用多表多模型调用文章
- 04-09帝国CMS几个函数RepPostVar,RepPostVar2,RepPostStr,RepPostStr2的用法
- 08-24帝国CMS调用移动端访问地址
- 01-20帝国cms列表页显示新闻或软件简介时
- 12-23帝国CMS灵动标签多表查询
- 10-28帝国CMS评论自定义字段调用方法
- 05-27自定义函数解决帝国cms简介截取字符出现html代码的问题
- 08-03帝国cms灵动标签任意调用的方法
- 03-17帝国cms模板如何自动生成文章缩略图?
- 08-12帝国CMS模板自定义JS 动态调用tags显示
- 10-31帝国cms用万能的灵动标签SQL语句调用一级栏目分类
- 02-15帝国CMS灵动标签调用上一篇,下一篇标题链接字数截取
- 07-21帝国cms灵动标签常用的变量
- 05-12帝国CMS变量过滤函数
- 06-23帝国cms搜索模板无缓存使用多个搜索模板