优秀的用户体验网页设计需要遵守的10种准则

作者:网站建设公司  来源:佛山网站建设 日期:2019-11-17    浏览:

网站建设 > 建站教程 > 网页设计 > 优秀的用户体验网页设计需要遵守的10种准则

网页设计和APP软件中,一个好的排版不仅仅要拥有漂亮的字体。更要有高度的可读性——易于浏览——同时能让用户专注它的内容。

这是一个相当艰巨的任务,但是大多数设计师可以通过练习达到这种效果。

今天我们将去看看优秀的用户体验需要遵守的10个 “准则”,同时你也可以学习以便帮助你设计出非常棒的设计。(每个规则都配有一个网站的例子)

可读性

必须使用无衬线体的想法是过时的,但是你要去了解为什么必须使用无衬线体的想法是过时的深层次原因:文字必须是易于阅读的。

你需要避免难以阅读的字体,然而就是这些难以阅读的字体存在于脚本当中,比如新奇的字体或者哥特风的字体。(除了那些特别需要装饰的艺术字体以外。)

绝大多数可读性字体都能够被轻松阅读的,它不会花费用户太多时间去注意字体本身。这就是可读性准则的原理。

给行间距留足够的空间

关键就是设计一个用户都喜爱的行间距。适宜的行间距有利于阅读,这在移动端尤其的重要。

造成行之间变化的因素有以下这些:

文本大小 文本数量 字体样式 屏幕宽度

这里没有什么明文的规则去告诉你应该怎么做–但是这里有一些规则你可以去遵循:

对于大多数网站,设置行间距的文本大小约125% 对于移动设备,设置行距的文本大小约150% 使用一个松散的段落间距——等于“回归”——使段落容易阅读 使用你的双眼去测试,看文本在屏幕上是松的还是紧的。(感受即可) 使用大而圆的字母

大又圆的字更易阅读。所以字母有大的圆弧-这个弧度在字体里面就像一个循环的“o”。

紧凑和压缩的字体是很难阅读的。宽松的风格,比如上图这个例子就容易阅读,因为每一个字母都容易区分。

给字体设置大小

毫无疑问,使用大点的文字会让用户感觉舒服。大或者小的文字取决于你需要放置多少文字在你的页面里;尤其注意大段文字。

不同的设计师对使用多少文本有不同的想法,大多数认为每行使用45-60个字是理想的。这样缩小了手机的排版,同时大多数用户能接受的。

寻找字母高度

字母高度——尤其是小写字母——让用户轻松的浏览你的内容有很大的影响。

小写字母“x”不管多高它仍然是小写”x”. 用更高的“x”小写字体更容易阅读,这就是说小写字母的高度更接近大写字母。查找字符集,其中x的高度是三分之二是大写字母高度的四分之三。

学会表现文本的字间距

好的字间距意味着好的排版。

你不会有时间,你也不需要,回到字间距这里。但当展示字体的时候。你希望每一个字母都是组合在一起的,就像它们原本如此。这个细节将会帮助你去如何展示,防止用户忘记重要的部分。

考虑比例

比例能够帮助你去为一个项目创造样式。虽然这听起来像是在做数学题,但是它能让你的工作更加轻松。

回到行间距;那就是比例。考虑着文本的大小、文本主干、小标题、标题和大面积的复制。把他们连成一片,从视觉上看起来是一片和谐,同时你也知道是用怎样的比例更好。一开始可能有些复杂,但是 TutsPlus有个很酷的教程帮助你去理解它。

统一风格

当谈到字母的形式,粗体是很重要的。由于超细的字母缺乏对比,所以很难阅读。同样,细体和粗体有强烈的反差也会存在同样的问题。

解决方法:坚持相对统一的字体形式。这种风格是很容易被使用,不管你是使用哪种背景都有可读性。

限制字体的使用

两个字体。再说一次:两个字体。

所有设计都应该遵从这个准则。太多的字体会让你的用户发疯。眼睛会非常痛苦,可读性很差。同时也让用户很痛苦。

学会使用两种字体——你可以有一种艺术字体,如果需要——保持这样的习惯。标出每个字体应该如何使用。包括颜色、大小和相应放置的位置。对于每一个设备,不同的页面也应该是一致性的。

对比度

在一些少数流行的设计里面,背景和字体只有很小的区别。它看起来很酷炫,但是并没有那么友好,可读性也差。

内容才是让你的网站特别和重要的关键。让背景和字体有更大的区别,它能让用户轻松的阅读。(这就是为什么白色或者浅色背景使用黑色或者深色背景非常流行的原因。)

网站文本越多,这些准则就越发重要。当你眯着眼睛看文本时,对比可能就会减弱(或字母太小)。Color Safe是一个强大的颜色工具,它能帮助你去组合接近对比度的颜色。(它会让你的网站看起来更加酷!)

排版设计能帮助你设计出非常好的设计体验。


企业网站建设一条龙
找零度飞易网络公司-fslingdu所做php网站建设方案网站设计网站制作北京 上海 深圳 龙岗 衢州 兰州 常州 东营 南通 济宁 桂林 淮安 烟台 长春 无锡 天津 昆山 苏州 合肥 贵阳 洛阳 昆明 天津 唐山 泉州 惠州 万州 新乡 商丘 台州 哈尔滨 太原 摄影 海口 随州 学校 商丘 广东 湖南 广西 江西 海南 广州企业 中小企业 武汉 南山 罗湖 福田 虎门 肇庆 汕尾 汕头 广州 佛山 成都 杭州 济南 重庆 福州 西安 厦门 昆山 沈阳 青岛 徐州 郑州 南京 宁波 南宁 长沙 大连 淄博 石家庄 南昌 温州 珠海 番禺 顺德 南海 三水 高明 中山 东莞 合肥 江门 嘉兴 西宁 大良 容桂 伦教 勒流 陈村 均安 杏坛 龙江 乐从 北滘 祖庙 石湾 南庄 等地区企业网站建设(广告)公司提供专业做网站价格规划书及营销型网站制作,网站建设基础知识
标签: 网页设计

上一篇:如何提升你的移动网站权重

下一篇:如何正确认识新媒体中的活动运营?

网页设计

建站经验   建站经验

教育网站设计方案
建材网站设计方案
机械网站设计方案
广告网站设计方案
家居照明网站设计方案
环保设备网站设计方案
五金网站设计方案
电器网站设计方案
家具网站设计方案
机械网站设计方案

网站建设费用

网站制作电话:137 1543 1176

网站开发QQ:  378780108

E-mail:  sale@fslingdu.com 如何制作网站QQ :378780108

网站建设服务

网站建设公司 零度飞易是一家专业网站设计,网站制作、seo优化,网站推广,网站建设的佛山网络运营公司。 零度飞易在家具网站建设小家电网站建设服装网站建设电器网站建设机械网站建设等行业的网站设计、网络运营都得到行业认可,在上海深圳北京广州佛山中山东莞地区有着良好的口碑品牌的网站建设公司。我们的使命是打造创新型的网站建设企业,能轻易地开展“互联网+”业务、实现“互联网+企业”的企业愿景。

Hi,Are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

零度飞易 互联网整合营销

地址:佛山市顺德区大良凤翔商业广场二座670

业务QQ:378780108

策划专线:13715431176

E-mail:sale@fslingdu.com

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

价格预算

1-3万 3-5万 5-8万 8-10万 10万以上 大型项目需要招标

业务QQ 13715431176 提交需求 网站建设