湖南中医药大学论坛

 找回密码
 注册
搜索
查看: 637|回复: 0

如何提高UI设计界面可读性

[复制链接]
发表于 2020-3-11 09:59:00 | 显示全部楼层 |阅读模式
可读性是UI设计师经常提到的话题,我们在做设计的时候也常常会反问:这个页面如何才能更吸引用户的注意力,提升浏览量呢?其实就是让界面内容以更加顺畅、更符合逻辑的形式呈现在用户面前,让用户顺畅的解读设计师想要表达的内容。

一个优秀的设计是具有可读性的,如果信息都无法正确的传达,其实就失去了设计的意义了。

一、首先需要理解什么是可读性?

内容的可读性:是用户理解某一内容的难易程度。
可读性涉及到用户对文本内容的理解问题,而不是仅仅停留在用户查看内容和识别内容的层面上。基于此,要解决内容的可读性问题,就要思考更多,诸如,语言是否简单易懂?思维是否清晰?信息是否有用?结构是否合理?不管你怎么理解可读性,总归:用户如何轻松愉悦的查看并理解设计内容。

二、如何提高界面设计的可读性?

1. 色彩对比
前景的文字需要和背景有着明显的对比,它需要能够吸引用户的眼球。

创建色彩对比的方法有很多,最流行的做法是在白色或者浅色的背景上使用黑色或者深色的文字。这种设计由来已久,经久不衰的理由是它确实非常有用。当然,将两种颜色倒置过来,也一样有用。

但是,在实际的设计过程中,情形复杂多变。文字和背景的配色往往受到多种因素的影响,这个时候需要多加尝试,反思文字在背景的映衬下是否能够被用户清晰的看到,尤其是在视频和图片之上追加文字排版的时候。

为了降低背景多变的色彩对于文字的视觉影响,一个比较靠谱的方案是在图片和视频上覆盖上一个半透明的有色图层,来“统一”色调,让文本的可读性更好。设计师可以通过调整这个有色图层的透明度、明度和色调来控制和文字的对比度,这样一来,背景图片和视频中的内容对于文字的影响可以降到最低。

另外一个方案,是将文字和图片、视频分开排布,这样就不会牺牲两者的信息表现力,唯一的问题是需要提供双倍的展示空间,并且需要选取合理的排版布局。

2. 分屏显示

分屏显示不同的内容现在已经非常流行了,基本的原理就是采用深色背景和浅色背景两种方案来展示不同的内容。通常使用浅色背景来展示文本居多的页面或者核心数据块,深色则展示图片或少文字的内容,这不仅确保了可读性,还形成了页面对比,一举两得。

3. 一个段落一个重点

前面已经说过了,现在用户的阅读习惯就是浏览内容。因此,为了方便用户可以快速浏览重要信息,切勿使用大篇幅段落。

建议使用小段落,比如3到5行字就是一段,这样用户不仅可以浏览,还可以快速过滤掉自己不感兴趣的内容。更重要的是,用户不会错过自己真正需要的内容,因为每个段落都有专门的主题和重点。

4. 使用数字

NielsenNorman曾在博客中分享过一个有趣的现实:根据用户在扫描网页时进行的眼动跟踪研究,人的视线在遇到数字时通常会停滞不前,并驻足观察,即使这些数字夹杂在大片文字中间。
人在潜意识中会将数字与某种事实、统计数据、物体大小以及空间距离等信息关联起来,而这类信息通常也就是他们想要的内容。因此,写文案时直接使用阿拉伯数字是一个不可忽视的小技巧。

5. 突出重点信息

使用加粗、斜体、文字颜色等手法来突出显示某些内容,这已经是非常广泛的做法,却始终受用。当你的文本内容中有某一点需要读者特别注意,就可以突出显示。此外,锚文本也要突出显示,告知用户这个内容是可以点击的。常见的做法有加下划线、设置文字颜色或者加粗。

6. 利用对比

对比可以直接区分文本元素,并帮助读者快速浏览。但要把握好度,对比度太低会导致文本元素混在一起,难以辨认;对比度太高会导致视觉疲劳。要合理地运用对比,前提是要掌握色彩理论知识,其次,在不同的界面上做尝试,不断测试,直到找到最佳方案。

7. 使用常规字体

选择字体时,设计师们总想尝试一些原创又精美的字体。这个想法是对的,好看确实很重要,但是保证可读性更加重要!但这两者的关系倒不是鱼与熊掌那样不可兼得,如果既想使用一些特别的字体,又要保证可读性,排版就显得愈发重要了。

一般来讲,Sans-serif字体更易读,而衬线字体看起来会更优雅。对于一些标语而言,即使使用相对复杂的字体也不会破坏可读性,因为标语的内容是极简短的;但如果是一段话,使用非常规字体就可能是另一番体验了。

此外,配色的选择也是一个重要影响因素。例如,深色背景上的文字就需要更多的留白,因为深色会吸光,而浅色背景则没有这个问题存在。

8. 留白

如果元素之间没有足够的留白空间,可读性会变差。尽管许多用户无法明确意识到这个问题,但无合理留白的设计确实会对用户的眼睛和大脑造成压力。留白和音乐中的停顿有异曲同工之处,给出空间,给出缓冲和思考的时间,从而让内容更加易读。

9. 大小尺寸对比

当字体大到一定程度的时候,就能带来足够的视觉冲击,如果搭配上很小的字体构成对比,那么这种视觉冲击会显得更加引人瞩目。虽然超小的字体单独使用也能形成类似的效果,但是相比超大字体要困难的多。

字体的大小差异,很容易被用户注意到,超大的字体能够在你的整个设计当中形成视觉焦点。在文章排版中,正文字体使用正常大小,标题和副标题使用超大字体(副标题会相对小一些),这样的设计会让文章排版的轻重缓急清晰地呈现出来。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

全国大学论坛友情链接
北京高校排名 上海高校排名 天津高校排名 重庆高校排名 广东高校排名 江苏高校排名 山东高校排名
河南高校排名 浙江高校排名 河北高校排名 辽宁高校排名 四川高校排名 湖北高校排名 福建高校排名
广西高校排名 湖南高校排名 黑龙江高校排名 安徽高校排名 江西高校排名 吉林高校排名 云南高校排名
陕西高校排名 山西高校排名 内蒙古高校排名 新疆高校排名 贵州高校排名 甘肃高校排名 海南高校排名
青海高校排名 宁夏高校排名 西藏高校排名 香港高校排名 澳门高校排名 台湾高校排名 TOP100高校排名
安徽农业大学论坛
安徽建筑工程学院论坛
安徽医科大学论坛
安徽师范大学论坛
安徽工程大学论坛
安徽科技学院论坛
安徽大学论坛
安徽工业大学论坛
安徽中医药大学论坛
安庆师范大学论坛
安徽财经大学论坛
安徽理工大学论坛
合肥师范学院论坛
合肥学院论坛
合肥工业大学论坛
淮北师范大学论坛
中国科学技术大学论坛
北京农学院论坛
北京城市学院论坛
北京舞蹈学院论坛
北京电影学院论坛
北京吉利学院论坛
北京服装学院论坛
北京印刷学院论坛
北京信息科技大学论坛
北京第二外国语学院论坛
北京警察学院论坛
北京工业大学论坛
北京民族大学论坛
北京体育大学论坛
北京工商大学论坛
北京建筑工程学院论坛
北京中医药大学论坛
北京化工大学论坛
北京联合大学论坛
中央戏剧学院论坛
中央美术学院论坛
中国科学院大学论坛
中国农业大学论坛
中国音乐学院论坛
首都医科大学论坛
中央音乐学院论坛
中国信息大学论坛
现代音乐学院论坛
中国医科大学论坛
首都师范大学论坛
中国药科大学论坛
中国社会科学院论坛
首都经济贸易大学论坛
中央财经大学论坛
中国矿业大学论坛
中国政法大学论坛
中华女子学院论坛
中国青年政治学院论坛
外交学院论坛
中央民族大学论坛
华北电力大学论坛
北方工业大学论坛
北京交通大学论坛
北京大学论坛
清华大学论坛
国际关系学院论坛
中国石油大学论坛
北京科技大学论坛
北京林业大学论坛
北京理工大学论坛
北京师范大学论坛
北京邮电大学论坛
对外经济贸易大学论坛
北京外国语大学论坛
北京语言大学论坛
北京航空航天大学论坛
中国传媒大学论坛
中国人民大学论坛
福建农林大学论坛
福建医科大学论坛
福州师范大学论坛
福建工程学院论坛
福建中医药大学论坛
福州大学 论坛
华侨大学论坛
集美大学论坛
闽江大学论坛
闽南师范大学论坛
闽南理工学院论坛
莆田学院论坛
泉州师范学院论坛
厦门大学 论坛
厦门理工学院论坛
仰恩大学论坛
兰州工业学院论坛
兰州交通大学论坛
兰州大学论坛
兰州财经大学论坛
西北师范大学论坛
西北民族大学论坛
东莞理工学院论坛
广州美术学院论坛
广东女子职业技术学院论坛
广东技术师范学院论坛
广东医科大学论坛
广东海洋大学论坛
广东石油化工学院论坛
广东药学院论坛
广东金融学院论坛
广东财经大学论坛
广东外语外贸大学论坛
广东工业大学论坛
广州工商学院论坛
广州商学院论坛
广州医科大学论坛
广州体育学院论坛
广州中医药大学论坛
惠州学院论坛
岭南师范学院论坛
广东培正学院论坛
华南农业大学论坛
韶关学院论坛
南方医科大学论坛
南方科技大学论坛
广州大学论坛
暨南大学论坛
华南师范大学 论坛
华南理工大学 论坛
深圳大学 论坛
中山大学 论坛
汕头大学论坛
五邑大学论坛
星海音乐学院论坛
仲恺农业工程学院论坛
肇庆学院论坛
桂林理工大学论坛
桂林电子科技大学论坛
广西大学论坛
广西师范大学论坛
广西财经学院论坛
南宁职业学院论坛
贵州师范大学论坛
贵州大学论坛
海南职业技术学院论坛
海口经济学院论坛
海南外国语职业学院论坛
海南经贸学院论坛
海南科技职业学院论坛
海南医学院论坛
海南师范大学论坛
海南软件职业学院论坛
琼州学院论坛
海南大学论坛
河北大学论坛
河北农业大学论坛
河北工程大学论坛
河北医科大学论坛
河北师范大学论坛
河北科技大学论坛
河北工业大学论坛
河北经贸大学论坛
河北理工大学论坛
唐山大学论坛
石家庄经济学院论坛
唐山师范学院论坛
燕山大学论坛
河南科技大学论坛
河南农业大学论坛
河南师范大学论坛
河南大学论坛
黄河科技学院论坛
河南工程学院论坛
河南中医学院论坛
河南理工大学论坛
河南财经政法大学论坛
洛阳理工学院论坛
南阳师范学院论坛
郑州大学论坛
郑州轻工业学院论坛
哈尔滨商业大学论坛
黑龙江科技大学论坛
黑龙江中医药学院论坛
哈尔滨工程大学论坛
哈尔滨医科大学论坛
哈尔滨师范大学论坛
哈尔滨学院论坛
哈尔滨理工大学论坛
东北农业大学论坛
东北林业大学论坛
东北石油大学论坛
齐齐哈尔大学论坛
黑龙江大学论坛
哈尔滨工业大学 论坛
华中师范大学 论坛
中国地质大学 论坛
汉口学院论坛
湖北师范学院论坛
湖北经济学院论坛
湖北工业大学论坛
湖北中医药大学 论坛
湖北美术学院论坛
湖北汽车工业学院论坛
湖北大学论坛
湖北民族学院论坛
华中科技大学 论坛
华中农业大学论坛
江汉大学论坛
中南民族大学论坛
武汉音乐学院 论坛
武汉工业学院论坛
武汉大学论坛
武汉理工大学论坛
武汉体院学院论坛
武汉工程大学 论坛
武汉工商学院论坛
武汉纺织大学论坛
武汉科技大学论坛
武昌理工学院论坛
长江大学论坛
中南财经政法大学论坛
长沙学院论坛
中南大学论坛
中南林业科技大学论坛
长沙理工大学论坛
湖南农业大学论坛
湖南工程学院论坛
湖南师大论坛
湖南商学院论坛
湖南科技大学论坛
湖南文理学院论坛
湖南中医药大学论坛
湖南工业大学论坛
衡阳师范学院论坛
吉首大学论坛
国防科技大学论坛
南华大学论坛
湖南大学论坛
湘潭大学论坛
长春工程大学论坛
长春大学论坛
长春工业大学论坛
长春理工大学论坛
吉林农业大学论坛
吉林建筑工程学院论坛
吉林大学论坛
东北电力大学论坛
东北师范大学论坛
延边大学论坛
中国矿业大学(徐州)论坛
常州大学论坛
河海大学论坛
淮阴工学院论坛
淮阴师范学院论坛
江苏师范大学论坛
江苏科技大学论坛
南京审计学院论坛
南京体育学院论坛
南京农业大学论坛
南京林业大学论坛
南京工程学院论坛
南京医科大学论坛
南京师范大学论坛
南京财经大学论坛
南京邮电大学论坛
南京理工大学论坛
南京工业大学论坛
南京晓庄学院论坛
南京中医药大学论坛
南通大学论坛
南京艺术学院论坛
南京航空航天大学论坛
南京信息工程大学论坛
苏州工艺美术学院论坛
东南大学论坛
苏州工业学院论坛
苏州大学论坛
江南大学 论坛
江苏大学论坛
苏州科技学院论坛
南京大学论坛
盐城工业学院论坛
扬州职业大学论坛
扬州大学 论坛
东华理工大学论坛
华东交通大学论坛
景德镇陶瓷学院论坛
九江学院论坛
江西师范大学论坛
江西财经论坛
江西理工大学论坛
江西科技学院论坛
南昌航空大学论坛
南昌大学论坛
南昌理工学院论坛
井冈山大学论坛
新余学院论坛
宜春学院论坛
大连医科大学论坛
大连交通大学论坛
大连海事论坛
大连工业大学论坛
大连大学论坛
大连外国语学院论坛
大连理工大学论坛
大连职业技术学院论坛
东北财经大学论坛
鲁迅美术学院论坛
辽宁广告职业学院论坛
辽宁工业大学论坛
辽宁师范大学论坛
辽宁工程技术大学论坛
辽宁大学论坛
辽宁中医院大学论坛
辽宁对外经贸学院论坛
辽宁科技大学论坛
东北大学论坛
沈阳航空航天大学论坛
沈阳工程学院论坛
沈阳建筑大学论坛
沈阳工业大学论坛
沈阳农业大学论坛
沈阳音乐学院论坛
沈阳理工大学论坛
沈阳医学院论坛
沈阳师范大学论坛
沈阳药科大学论坛
沈阳大学论坛
沈阳化工大学论坛
内蒙古农业大学论坛
内蒙古电子信息学院论坛
内蒙古财经学院论坛
内蒙古化工职业学院论坛
内蒙古机电学院论坛
内蒙古医学院论坛
内蒙古师范大学论坛
内蒙古大学论坛
内蒙古工业大学论坛
内蒙古商贸职业学院论坛
北方民族大学论坛
宁夏大学论坛
聊城大学论坛
鲁东大学论坛
临沂大学论坛
中国海洋大学论坛
青岛农业大学论坛
青岛理工大学论坛
青岛大学论坛
曲阜师范大学论坛
青海师范大学论坛
齐鲁师范学院论坛
齐鲁工业大学论坛
青岛远洋船员学院论坛
青岛科技大学论坛
山东农业大学论坛
山东艺术学院论坛
山东城建学院论坛
山东交通学院论坛
山东建筑大学论坛
山东师范大学论坛
山东警察学院论坛
山东大学 论坛
山东财经大学论坛
山东科技大学论坛
山东理工大学论坛
山东政法学院论坛
山东中医药大学论坛
山东工商学院论坛
济南大学论坛
烟台大学论坛
中北大学论坛
山西建筑职业学院论坛
山西农业大学论坛
山西医科大学论坛
山西大学论坛
山西财经大学论坛
山西职业技术学院论坛
太原工业学院论坛
太原师范学院论坛
太原科技大学论坛
太原理工大学论坛
宝鸡文理学院论坛
西北农林科技大学论坛
西北工业大学 论坛
西北大学论坛
西北政法大学论坛
西安思源学院论坛
陕西师范大学论坛
陕西科技大学论坛
陕西中医药大学论坛
西安音乐学院论坛
西安美术学院论坛
长安大学论坛
西安外事学院论坛
西安工业大学论坛
西安财经学院论坛
西安理工大学论坛
西安电子科技大学论坛
西安欧亚学院论坛
西京学院论坛
西安外国语大学论坛
西安邮电学院论坛
西安建筑科技大学论坛
西安交通大学论坛
西安工程大学论坛
西安石油大学论坛
西安科技大学论坛
延安大学论坛
上海震旦学院论坛
东华大学论坛
华东师范大学论坛
华东政法大学论坛
华东理工大学论坛
上海东海学院论坛
上海建桥学院论坛
上海立信会计学院论坛
上海杉达学院论坛
上海商学院论坛
上海电机学院论坛
上海海关学院论坛
上海音乐学院论坛
上海金融学院论坛
上海电力学院论坛
上海外国语大学论坛
上海旅游专科学校论坛
上海海事大学论坛
上海师范大学论坛
上海海洋大学论坛
上海科技大学论坛
上海大学论坛
上海城建学院论坛
上海财经大学论坛
上海政法大学论坛
上海中医药大学论坛
上海应用技术学院论坛
上海视觉艺术学院论坛
上海第二工业大学论坛
上海戏剧学院论坛
上海工程技术大学论坛
上海对外经贸大学论坛
上海健康医学院论坛
上海体育学院论坛
天华学院论坛
上海理工大学论坛
复旦大学论坛
上海交通大学 论坛
同济大学论坛
成都艺术职业学院论坛
成都文理学院论坛
成都航空职业技术学院论坛
成都师范学院论坛
成都农业科技职业学院论坛
成都体育学院论坛
成都纺织专科学校论坛
成都工业学院论坛
成都学院论坛
成都理工大学论坛
成都医学院论坛
成都信息工程学院论坛
西华师范大学论坛
锦城学院论坛
乐山师范学院论坛
泸州医学院论坛
绵阳师范学院论坛
内江师范学院论坛
川北医学院论坛
四川建筑学院论坛
四川音乐学院论坛
四川美术学院论坛
四川传媒学院论坛
四川警察学院论坛
四川工商学院论坛
四川旅游学院论坛
锦江学院论坛
四川民族学院论坛
四川农业大学论坛
四川师范大学论坛
四川工业科技学院论坛
四川邮电学院论坛
四川文理学院论坛
四川文化艺术学院论坛
四川理工学院论坛
四川水利职业学院论坛
西南医科大学论坛
西南民族大学论坛
西南科技大学论坛
成都中医药大学论坛
电子科技大学论坛
西南财经大学论坛
西南石油大学论坛
西南交通大学论坛
四川大学论坛
西华大学论坛
宜宾职业学院论坛
宜宾学院论坛
四川影视学院论坛
中国民航大学论坛
天津美术学院论坛
天津农学院论坛
天津音乐学院论坛
天津商业大学论坛
天津外国语大学论坛
天津医科大学论坛
天津师范大学论坛
天津工业大学论坛
天津城市建设大学论坛
天津财经大学论坛
天津体育学院论坛
天津理工大学论坛
天津中医药大学论坛
天津科技大学论坛
南开大学 论坛
天津大学 论坛
香港大学论坛
石河子大学论坛
新疆医科大学论坛
新疆财经大学论坛
昆明医科大学论坛
昆明理工大学论坛
云南农业大学论坛
云南民族大学论坛
云南大学论坛
云南财经大学论坛
玉溪师范学院论坛
中国美术学院论坛
中国计量学院论坛
杭州电子科技大学论坛
杭州师范大学论坛
杭州职业技术学院论坛
宁波大学论坛
宁波理工学院论坛
温州大学论坛
浙江农林大学论坛
浙江中医药大学论坛
浙江工商大学论坛
浙江外国语学院论坛
浙江经贸学院论坛
浙江师范大学论坛
浙江海洋学院论坛
浙江树人大学论坛
浙江大学论坛
浙江工业大学论坛
浙江水利水电学院论坛
浙江理工大学论坛
浙江财经学院论坛
浙江传媒学院论坛
浙江科技学院论坛
重庆通信学院论坛
重庆电子工程职业技术学院论坛
重庆电力高专论坛
重庆工业职业学院论坛
重庆警察学院论坛
重庆房地产学院论坛
重庆工商大学融智学院论坛
重庆三峡学院论坛
重庆工商职业技术学院论坛
重庆大学城市科技学院论坛
重庆第二师范学院论坛
重庆科技学院论坛
重庆理工大学论坛
重庆工程职业技术学院论坛
重庆医药学院论坛
重庆城市管理职业学院论坛
重庆后勤工程学院论坛
四川外国语大学论坛
第三军医大学论坛
重庆交通大学论坛
重庆大学论坛
重庆师范大学论坛
重庆工商大学论坛
重庆邮电大学论坛
西南政法大学 论坛
重庆医科大学论坛
西南大学论坛
长江师范学院论坛
家庭车论坛
考研论坛论坛
论文网论坛
留学去论坛论坛
个个游论坛
觅优工作网论坛
大学综合信息网
手机访问本页请
扫描左边二维码
         本网站声明
本网站所有内容为网友上传,若存在版权问题或是相关责任请联系站长!
站长电话:0898-66661599    站长联系QQ:7123767   myubbs.com
         站长微信:7123767
请扫描右边二维码
www.myubbs.com

小黑屋|手机版|Archiver|湖南中医药大学论坛 ( 琼ICP备12002442号 )

GMT+8, 2020-3-30 03:03 , Processed in 0.084840 second(s), 15 queries .

Powered by 高考信息网 X3.3

© 2001-2013 大学排名

快速回复 返回顶部 返回列表