您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
改善网站的页面设计和用户体验从这7点入手
梦松2024-02-28 00:02:37dedecms教程已有人查阅
导读你是否会经常搜索一些网页,但是发现无法找到所需要的信息时便随即退出?你是否会经常睁大眼睛去读取一些网站很小的字?
你是否会经常搜索一些网页,但是发现无法找到所需要的信息时便随即退出?你是否会经常睁大眼睛去读取一些网站很小的字?当一个网页需要让你拖动水平滚动条才能阅读完文字时,你有多沮丧?
设计网页要记住:访问者很忙、没有耐心,还会开很多其他网页进行对比。因此如果不能在你的网页迅速找到他们需要的东西,他们就会迅速离开你的网页!
良好的网页设计和用户体验是吸引和留住访客的关键因素!本文提供几个简单的步骤,帮助你轻松改善你网站的网页设计何用户体验。
1.“首页”要放在网页关键的地方
一个很多初学网页设计的人容易犯的错误是忘记添加一个显眼的返回首页的超链接到各个页面上。
添加这个链接可以帮助访问者迅速返回网站首页,否则,有可能会造成访问者访问障碍,进而离开你的网站,并且很有可能日后不再访问。下图的是一个好的导航栏设计:
2.对网页内容进行恰当简洁的文字描述
很多数人所想象的相反,访问者进入一个新的网页,会先注意文字部分,然后才注意图像和网页设计。
好的网页设计固然重要,但是用简洁明了的文字传达内容也是非常重要的,而且过多的图片可能会分散访客的注意力。点击这个设计学习。
3.注意网页的尺寸问题 (最基本的文字大小)
当设计网页时有很多内容,又不想使用太多的页面怎么办?
记住:永远不要通过让字体变小来解决这个问题!不要使你的网页正文字体小于10px或者大于14px。(注:中文宋体字小于12px难以阅读)。
初学网页设计的人会使用一些书法字、斜体风格,这样同样是很难阅读的,正文字体建议用最普通的字体(中文只有宋体可用)。而且不要使用多种字体,保持字体的统一性。
保持网页文字的可读性:有大段文字的时候,较好按照内容分门别类,拆分成几个段落,加上相应的标题和子标题,这样可以很方便读者阅读。
4.网页设计的背景颜色和文字颜色搭配
一些糟糕的网页设计,背景颜色和文字颜色搭配得很不好,例如:
黑色的背景,很多很长的白色字体;蓝色的背景,红色的文字;或者使用一些闪烁的背景。这些在网页设计时,都是要避免的。
5.安排好分享按钮的位置
随着Web2.0的兴起,出现了很多的社交网络,极大的方便了大家分享互联网的好东西。
但是在网页设计时要恰当地安排好设计分享到设计网络这些按钮的位置,不要喧宾夺主。记住网站内容才是主要的,访问者如果觉得文章好的话,会自己去寻找分享按钮。
6.正确使用滚动条
不要使用水平滚动条,这是不好的用户体验。尽量使用垂直滚动条,而且要把重要的内容放在上面,因为有些访问者根本不喜欢滚动。
7.从朋友那里获取一些建议
在你遵循上面的一些建议之后,你的网页设计和用户体验会得到改善。但是在正式发布之前,让几个朋友帮你访问,给你一些忠实有用的反馈。因为在设计网页的过程中,就失去了新鲜感,所以需要一些初次访问的印象。
设计网页要记住:访问者很忙、没有耐心,还会开很多其他网页进行对比。因此如果不能在你的网页迅速找到他们需要的东西,他们就会迅速离开你的网页!
良好的网页设计和用户体验是吸引和留住访客的关键因素!本文提供几个简单的步骤,帮助你轻松改善你网站的网页设计何用户体验。
1.“首页”要放在网页关键的地方
一个很多初学网页设计的人容易犯的错误是忘记添加一个显眼的返回首页的超链接到各个页面上。
添加这个链接可以帮助访问者迅速返回网站首页,否则,有可能会造成访问者访问障碍,进而离开你的网站,并且很有可能日后不再访问。下图的是一个好的导航栏设计:
2.对网页内容进行恰当简洁的文字描述
很多数人所想象的相反,访问者进入一个新的网页,会先注意文字部分,然后才注意图像和网页设计。
好的网页设计固然重要,但是用简洁明了的文字传达内容也是非常重要的,而且过多的图片可能会分散访客的注意力。点击这个设计学习。
3.注意网页的尺寸问题 (最基本的文字大小)
当设计网页时有很多内容,又不想使用太多的页面怎么办?
记住:永远不要通过让字体变小来解决这个问题!不要使你的网页正文字体小于10px或者大于14px。(注:中文宋体字小于12px难以阅读)。
初学网页设计的人会使用一些书法字、斜体风格,这样同样是很难阅读的,正文字体建议用最普通的字体(中文只有宋体可用)。而且不要使用多种字体,保持字体的统一性。
保持网页文字的可读性:有大段文字的时候,较好按照内容分门别类,拆分成几个段落,加上相应的标题和子标题,这样可以很方便读者阅读。
4.网页设计的背景颜色和文字颜色搭配
一些糟糕的网页设计,背景颜色和文字颜色搭配得很不好,例如:
黑色的背景,很多很长的白色字体;蓝色的背景,红色的文字;或者使用一些闪烁的背景。这些在网页设计时,都是要避免的。
5.安排好分享按钮的位置
随着Web2.0的兴起,出现了很多的社交网络,极大的方便了大家分享互联网的好东西。
但是在网页设计时要恰当地安排好设计分享到设计网络这些按钮的位置,不要喧宾夺主。记住网站内容才是主要的,访问者如果觉得文章好的话,会自己去寻找分享按钮。
6.正确使用滚动条
不要使用水平滚动条,这是不好的用户体验。尽量使用垂直滚动条,而且要把重要的内容放在上面,因为有些访问者根本不喜欢滚动。
7.从朋友那里获取一些建议
在你遵循上面的一些建议之后,你的网页设计和用户体验会得到改善。但是在正式发布之前,让几个朋友帮你访问,给你一些忠实有用的反馈。因为在设计网页的过程中,就失去了新鲜感,所以需要一些初次访问的印象。
本文标签:
很赞哦! ()
相关文章
随机图文
-
织梦cms5.7问答伪静态的实现方法
这两天逛了下织梦论坛,发现很多站长朋友对DedeCMS 5.7问答模块的伪静态问题比较关心,普遍反映之前DedeCMS 5.5、5.6的问答伪静态规则不能用了。 -
织梦采集规则使用方法介绍
首先注意的是:1、代码的唯一性2、采集完成 较好把采集的内容导入之后把采集完的内容删除 在进行下次采集 -
织梦dede首页幻灯片显示问题帮助教程代码实例
修改代码Dedecms新版出来,幻灯片一向是令人头疼的问题,本帖天涯对幻灯显示做一个总结。 -
织梦程序搬家后出现DedeTag Engine Create File False的解决方案
织梦程序搬家后,更新的时候会出现:DedeTag Engine Create File False?解决办法:更新缓存,然后再更新主页,更新栏目,更新文档即可。
留言与评论 (共有 条评论) |
本栏推荐
相关标签
大家喜欢
- dedecms图集中缩略图不能显示的解决方法
- 织梦搜索提示:empty (sub)expression in \plus\search.php on line 44
- dede织梦怎么调用所有顶级栏目下最新的文章
- 织梦dedecsm列表页标题优化方法
- 织梦cms列表模板中怎么增加推荐与特荐文字或图标
- 织梦cms把数据保存到数据库附加表 `dede_addonarticle` 时出错 Duplicate entry ’3′ for
- 织梦DedeCMS首页列表页调用会员信息的SQL标签
- dede织梦channelartlist下autoindex失效怎么办
- 织梦cms内容模型修改和管理介绍
- 织梦dedecms时间标签调用归总分享