您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
改善网站的页面设计和用户体验从这7点入手
梦松2024-02-28DedeCMS教程已有人查阅
导读你是否会经常搜索一些网页,但是发现无法找到所需要的信息时便随即退出?你是否会经常睁大眼睛去读取一些网站很小的字?
你是否会经常搜索一些网页,但是发现无法找到所需要的信息时便随即退出?你是否会经常睁大眼睛去读取一些网站很小的字?当一个网页需要让你拖动水平滚动条才能阅读完文字时,你有多沮丧?
设计网页要记住:访问者很忙、没有耐心,还会开很多其他网页进行对比。因此如果不能在你的网页迅速找到他们需要的东西,他们就会迅速离开你的网页!
良好的网页设计和用户体验是吸引和留住访客的关键因素!本文提供几个简单的步骤,帮助你轻松改善你网站的网页设计何用户体验。
1.“首页”要放在网页关键的地方
一个很多初学网页设计的人容易犯的错误是忘记添加一个显眼的返回首页的超链接到各个页面上。
添加这个链接可以帮助访问者迅速返回网站首页,否则,有可能会造成访问者访问障碍,进而离开你的网站,并且很有可能日后不再访问。下图的是一个好的导航栏设计:
2.对网页内容进行恰当简洁的文字描述
很多数人所想象的相反,访问者进入一个新的网页,会先注意文字部分,然后才注意图像和网页设计。
好的网页设计固然重要,但是用简洁明了的文字传达内容也是非常重要的,而且过多的图片可能会分散访客的注意力。点击这个设计学习。
3.注意网页的尺寸问题 (最基本的文字大小)
当设计网页时有很多内容,又不想使用太多的页面怎么办?
记住:永远不要通过让字体变小来解决这个问题!不要使你的网页正文字体小于10px或者大于14px。(注:中文宋体字小于12px难以阅读)。
初学网页设计的人会使用一些书法字、斜体风格,这样同样是很难阅读的,正文字体建议用最普通的字体(中文只有宋体可用)。而且不要使用多种字体,保持字体的统一性。
保持网页文字的可读性:有大段文字的时候,较好按照内容分门别类,拆分成几个段落,加上相应的标题和子标题,这样可以很方便读者阅读。
4.网页设计的背景颜色和文字颜色搭配
一些糟糕的网页设计,背景颜色和文字颜色搭配得很不好,例如:
黑色的背景,很多很长的白色字体;蓝色的背景,红色的文字;或者使用一些闪烁的背景。这些在网页设计时,都是要避免的。
5.安排好分享按钮的位置
随着Web2.0的兴起,出现了很多的社交网络,极大的方便了大家分享互联网的好东西。
但是在网页设计时要恰当地安排好设计分享到设计网络这些按钮的位置,不要喧宾夺主。记住网站内容才是主要的,访问者如果觉得文章好的话,会自己去寻找分享按钮。
6.正确使用滚动条
不要使用水平滚动条,这是不好的用户体验。尽量使用垂直滚动条,而且要把重要的内容放在上面,因为有些访问者根本不喜欢滚动。
7.从朋友那里获取一些建议
在你遵循上面的一些建议之后,你的网页设计和用户体验会得到改善。但是在正式发布之前,让几个朋友帮你访问,给你一些忠实有用的反馈。因为在设计网页的过程中,就失去了新鲜感,所以需要一些初次访问的印象。
设计网页要记住:访问者很忙、没有耐心,还会开很多其他网页进行对比。因此如果不能在你的网页迅速找到他们需要的东西,他们就会迅速离开你的网页!
良好的网页设计和用户体验是吸引和留住访客的关键因素!本文提供几个简单的步骤,帮助你轻松改善你网站的网页设计何用户体验。
1.“首页”要放在网页关键的地方
一个很多初学网页设计的人容易犯的错误是忘记添加一个显眼的返回首页的超链接到各个页面上。
添加这个链接可以帮助访问者迅速返回网站首页,否则,有可能会造成访问者访问障碍,进而离开你的网站,并且很有可能日后不再访问。下图的是一个好的导航栏设计:
2.对网页内容进行恰当简洁的文字描述
很多数人所想象的相反,访问者进入一个新的网页,会先注意文字部分,然后才注意图像和网页设计。
好的网页设计固然重要,但是用简洁明了的文字传达内容也是非常重要的,而且过多的图片可能会分散访客的注意力。点击这个设计学习。
3.注意网页的尺寸问题 (最基本的文字大小)
当设计网页时有很多内容,又不想使用太多的页面怎么办?
记住:永远不要通过让字体变小来解决这个问题!不要使你的网页正文字体小于10px或者大于14px。(注:中文宋体字小于12px难以阅读)。
初学网页设计的人会使用一些书法字、斜体风格,这样同样是很难阅读的,正文字体建议用最普通的字体(中文只有宋体可用)。而且不要使用多种字体,保持字体的统一性。
保持网页文字的可读性:有大段文字的时候,较好按照内容分门别类,拆分成几个段落,加上相应的标题和子标题,这样可以很方便读者阅读。
4.网页设计的背景颜色和文字颜色搭配
一些糟糕的网页设计,背景颜色和文字颜色搭配得很不好,例如:
黑色的背景,很多很长的白色字体;蓝色的背景,红色的文字;或者使用一些闪烁的背景。这些在网页设计时,都是要避免的。
5.安排好分享按钮的位置
随着Web2.0的兴起,出现了很多的社交网络,极大的方便了大家分享互联网的好东西。
但是在网页设计时要恰当地安排好设计分享到设计网络这些按钮的位置,不要喧宾夺主。记住网站内容才是主要的,访问者如果觉得文章好的话,会自己去寻找分享按钮。
6.正确使用滚动条
不要使用水平滚动条,这是不好的用户体验。尽量使用垂直滚动条,而且要把重要的内容放在上面,因为有些访问者根本不喜欢滚动。
7.从朋友那里获取一些建议
在你遵循上面的一些建议之后,你的网页设计和用户体验会得到改善。但是在正式发布之前,让几个朋友帮你访问,给你一些忠实有用的反馈。因为在设计网页的过程中,就失去了新鲜感,所以需要一些初次访问的印象。
本文标签:
很赞哦! ()
相关教程
图文教程
dedecms织梦后台验证码图片不显示的多种解决方法
用ftp进入你的dedecms程序空间,把data/session目录下除index.htm外的其它session文件都删除,然后本地ie浏览器清除缓存。
dedecms列表页缩略图随机调用的实现方法代码分享
用过DEDECMS的朋友应该都知道,有些模板列表页面需要用到缩略图,调用内容中的缩略图可以使用系统自带的脚本调用第一张图片。但是,并不是我们所有的内容里都有图片
织梦dedecms的tag标签不支持大写字母的修改方法
今天发现dedecms中的tag标签点击无效,开始以为是自己标签弄错了,正了半天没搞明白,后来无意中发现是因为dedecms5.7版本tag标签不支持大写字母
织梦修改{dede:field.note/}标签的调用方法
织梦专题页面调用标签为{dede:field.note/},但是它默认产生的代码需要我们人工修改下自己想要的,今天我们就来介绍下{dede:field.note/}默认代码修改方法。
相关源码
-
(自适应)幽默笑话脑筋急转弯搞笑趣图博客pbootcms模板下载本模板基于PbootCMS系统开发,专为幽默笑话、搞笑趣图类网站设计。采用轻松活泼的布局风格,突出娱乐内容分享特色,适合各类笑话、段子、搞笑图片等内容展示。查看源码 -
(自适应)酒店民宿客房旅馆pbootcms模板下载基于PbootCMS内核开发的酒店民宿行业专用网站模板,专注于为住宿服务企业提供专业高效的在线展示平台。该模板采用响应式设计结构,确保在不同终端设备上均能呈现优质浏览体验。查看源码 -
帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发,采用帝国CMS内核构建,只需替换文字图片即可快速搭建专业网站。自适应手机端设计,数据实时同步,操作简单便捷。PHP程序确保安全稳定运行,帮助您以较低成本获取持续业务。查看源码 -
(自适应)绿色农业机械设备农场网站源码下载为现代农业机械领域打造的响应式网站模板,采用PbootCMS内核开发,数据实时同步后台管理。通过简洁大气的视觉设计,有效展示农机产品技术参数与应用场景,帮助客户快速建立专业数字化形象。查看源码 -
(自适应)中英双语配线器材扎带线卡网站pbootcms模板免费下载为线缆管理、电气配线领域打造的响应式网站模板,采用PbootCMS内核开发,可快速搭建企业级产品展示平台,数据实时同步管理。查看源码 -
(自适应)响应式文章博客互联网新闻pbootcms模板下载本模板基于PbootCMS开发,专为科技新闻、互联网资讯和文章博客类网站设计。采用响应式布局技术,确保在电脑、平板和手机上都能获得最佳浏览体验。适用于科技媒体、行业博客查看源码
| 分享笔记 (共有 篇笔记) |