商企云微信公众号
咨询热线:400-089-0780
?#26412;?#33829;销型网站建设 网站优化 seo优化 网络营销 就选商企云
我们的优势: 10年SEO经验,专业优化师量身定制 6000+新闻媒体资源,5800家企业合作 企业保证,正规流程,正规合作?#20449;?4小时快速解决问题
网页设计使用文字需要了解什么技巧?
发表日期:2019-12-25    文章编辑:sqy    浏?#26469;问?161

  网页中的信息主要是通过文字来传达的,纯文本文字或是?#35745;?#20013;的文字,都是在传达信息,?#35745;?#20316;为辅助让网页更加精致美观。网页设计使用文字的注意点有很多,比如文字的字体、大小、颜色、排版等等都是有技巧的,要合理有效的组织起来。

  接下来跟着网页设计一起来看使用文字的技巧。

  1、不要使用过多的字体

  网站排版中建议最多不要超过3种字体类型,不然会使网站看起来松散和不专业,不仅太多的字体类型会造成这种问题,太多的字体尺寸?#19981;?#30772;坏网页布局。?#27604;?#22312;?#35745;?#20013;可以使用一些创意性字体如?#20013;?#23383;体,让页面更加鲜活。

  而在中英文排版中,建议大家中文使用标准中文字体,而英文、数字和字符使用标准的英文字体。以?#26053;?#30340;图为例,是否可以对比处那个美观一些。

  2、使用标准字体

  网页设计时使用标准字体,一是这些字体是用户熟悉的字体、方便更好的阅读,二是确保各个设备都支持这些字体。中文网站常用的标准字体有微软雅黑、宋体,英文网站常用的标准字体有Arial、Calibri,尽可能选择标准字体,不是每位用户都可以在自己的设备上看到同一个字体,如果用户设备上没有适合的字体,用户有可能看不到。


网页设计使用文字需要了解什么技巧?


  3、限制一行文字的长度

  限制一行文字的长度,方便用户阅读的同时也让网页更加规范。保证每一行文字的字符数量是文本可读的关键。不是设计师来定义文本的宽度,而是根据用户的可读性来定义。

  太宽-会使得单行文字太长,读者的眼睛会难于专注文字。因为长时间阅读容易串行,大段的文本中很?#39068;业?#27491;确的?#23567;?/p>

  太短-会使得用户的眼睛经常回到下一行文本,会打破读者的阅读节奏,长时间阅读造成视觉疲劳。太短?#19981;?#20542;向于向读者发出一?#20013;?#21495;,使得读者没有读完当前这行就去跳到下一?#24615;?#35835;,可能会忽略潜在的重要词句。

  4.选择用有多个字重并显示良好的字体

  用户将通过不同屏幕分辨率的终端设备访问你的网站,大多数用户界面需要各种大小尺寸的文本(标题、?#21271;?#39064;、文本、标注等等)。选择一款能够在不同屏幕分辨率的设备上运行良好的字体以保证它的不同尺寸的字体都具有极高可读性和可用性也是非常重要的。

  注意,为了保证在屏幕上清晰可辨,尽量避免使用衬线体,尽管他们很漂亮。

  5、使用识别度高的字体

  在选择英文体的时候,有些字体的个别字母极易混淆,特别是“i”和“L”(如下图所示);以及文字之间的间距。许多中文字体在使用较小字体的时候笔画会粘到一起(上图),不容易辨别;所以在选择字体类型的时候,请检查你选择使用的字体,确保不会为用户和产品造成不必要的损失。

  6、避免在界面中大段的使用大写字母

  不要所有文本使用大写字母,强制用户阅读大写字母,首字母大写,具有特殊含义的缩写等情况除外,与小写字母相比,大量的使用大写字母会严重降低用户的阅读效率和愉悦?#23567;?/p>

  7、将行间距控制在字体的1.5-2倍之间

  在文字文字排版中,我们又一个特殊的术语,用于表示行与行之间的距离:行间距(或行高)。为了保证文本的可读性和易读性,使文本形成线性的阅读感受,将行间距控制在字体大小的1.5-2倍之间(中文字体)。英文字体推荐使用默认行间距,或根据默认行间距微调。

  8、适当的颜色对比度

  通常情况下,文本和背景尽量避免使用相同或相似的颜色。文本越明显,用户能够扫描和阅读的速度越快。?#27604;唬?#23398;会通过文本颜色、大小和背景的颜色关系来控制视觉层级也是必要的。

  与背景相比,小文本和背景的对比度至少为4.5:1

  大文本(14px/18px以上)应该保持与背景3:1以上的对比度

  灰色通常作为辅助色使用,根据之前的项目经验,给大家分享一套我自己一直在使用的灰色,灰的有层次,清晰的区?#20013;?#24687;层级是必要的

  9、避免将文字着色为红色或绿色

  色盲和色弱是必须要照顾到的一部分用户,特别是在男性中(8%的男性?#24039;?#30450;)建议使用处颜色以外的其他方式来区?#31181;?#35201;的信息(如下划线,加粗等)。避免使用红色和绿色单?#26469;?#36798;信息。因为红绿色盲是最常见的色盲?#38382;健?/p>

  虽然在日常生活中我们总是用这种方式告知用户绿色是表示正确的操作,红色表示错误的操作,反思一下我们是否有去考?#24039;?#30450;用户的操作和体验。或许我们是不是可以考虑换一个方式去表达正确或错误?

  10、避免文字?#20102;?/strong>

  ?#20102;?#30340;文字或内容可能会让?#25215;?#29992;户感到不适,对于一般用户而言,这可能分散他们的注意力或者使他们感到烦躁。

  总之,文字是网页重要的部分,在文字设计、文字排版的时候,要考虑目标用户群体的阅读习惯,就好比网站用户群体主要是老年人的时候字体、间距就要大一些,否则他们阅读不方便。

免责声明:本站部分资源?#35745;?#21450;文字信息来自网络,如侵犯到您的权益,请及时通知我们:Email: [email protected]
营销分类

为您推荐相关资讯MORE

为您推荐相关建站案例

关于我们

商企云专注网站建设,SEO优化,网络品牌塑造,我们以雄厚的技术实力,打造各行业品牌。公司的服务宗旨是:"用诚心做好服务,用实力做好质量!"

联系我们

  • 地址: ?#26412;?#24066;大兴区CDD嘉悦广场5号楼1012
  • 电话: 400-089-0780
  • Email: [email protected]
扫描二维码 关注我们官方微信 解决SEO建站问题
咨询热线

400-089-0780

周一至周六9:00-18:00

售后服务 / ?#31471;?#22788;理

Powered by 1558 © 2014-2018 1558.cn .  品创天下(?#26412;?科技发展有限公司 版权所有    | 京ICP备14049210号-1

法律顾问:候?#28865;?#24459;师

幸运日投注
上海哈灵麻将官网下载 意甲足球联赛况积分榜 七乐彩开奖近300期 手机棋牌捕鱼游戏下载 山西十一选五开奖 浙江体彩6十1开奖结果手机版 400元二手麻将机 福彩3d近500期开奖结果 东北麻将电脑版下载 腾讯nba比分 福建22选5技巧 辉煌棋牌手机版下载 青海十一选五今天开奖结果 qq游戏四川麻将怎么开大牌 pk10 二人麻将免费下载赢钱的