大范文网 - 每天发现一点点
每天学习一点点!
  • 实习报告范文
  • 实习计划范文
  • 实习鉴定范文
  • 实习报告内容
  • 实习报告模板
  • 实习报告评语
  • 实习报告结尾
  • 实习报告题目
  • 实习协议书
  • 实习周记
  • 实习报告总结
  • 实习报告前言
  • 实习收获
  • 实习报告5000字
  • 实习报告4000字
  • 实习报告3000字
  • 实习报告2000字
  • 实习报告1000字
  • 大学生实习报告
  • 销售实习报告
  • 网页界面中文字设计的可用性研究|app界面的可用性分析

    分类:实习报告题目 时间:2019-05-05 本文已影响

      摘 要:在网页界面设计过程中,高度强调信息的交互过程,即一方面是信息传达,另一方面是用户(人)的接受与反馈,对信息地能动认识与把握。文字是网页信息传递的主要渠道,在网页界面中的作用至关重要,如何能够让用户快速准确地获取网站信息是文字设计的最终目的。从可读性和审美性两个方面对网站界面中文字设计的可用性进行研究,重点分析用户浏览行为和心理,探究如何使文字设计体现用户需求,成为“可用”的设计。
      关键词:可用性 网页界面 文字设计
      中图分类号:TP391    文献标识码:A     文章编号:1007-3973(2012)006-001-02
      在网页界面中,文字是获取信息最为直接、最为准确的视觉元素,在一个网页中,可以没有动画和视频,可以没有图形图像,也可以没有彩色,但是一般不会没有文字,甚至有许多纯粹以文字作为设计主体的页面。
      但是一谈到文字的设计,很多人就认为是形式美化的问题,以美观、醒目、吸引用户为设计目标,甚至为了视觉效果而设计。这种观点相当普及,如很多商业网站的设计,为了吸引用户的眼球,盲目追求设计感,忽视了文字的功能,导致信息模糊、阅读困难等问题。事实上,审美与功能之间并不矛盾,视觉效果也是为用户的使用服务的。网站界面设计设计中的文字应该兼具功能性与审美性,不仅美观大方,而是关注特定使用环境中用户的使用感受,这就是可用性的设计。
      在网页界面设计过程中,高度强调信息的交互过程,即一方面是信息传达,另一方面是用户(人)的接受与反馈,对信息地能动认识与把握。可用性设计的范围很广,对于文字设计而言,最重要的是可读性和审美性。
      1 可读性原则
      网页界面的设计不能把用户当成专家,用户浏览网站本应该是一个轻松的过程,设计繁杂、操作复杂的网站,无异于去考验用户的智商与耐心,势必迫使用户离开。文字的最基本的功能就是阅读,所以在设计中,能够准确方便地阅读信息是网页界面文字设计的最根本、最重要的原则,也就是“可读性原则”。
      1.1 遵循浏览习惯
      (1)视觉方向
      网站的最终使用者是用户,要尊重用户的视觉浏览习惯,用户的视觉具有一定的规律,一般的浏览习惯是从左向右、从上向下的顺序。文字信息的排列组合就要符合这个原则,有目的的引导人们的视线流动。
      (2)行距和字距
      人的视觉有就近原则,因此,行间距不宜过小,一定要大于字间距,否则很容易看错行。适当的加大行间距能有效改善段落中文字块的阅读,但也不能过大,会显得太分散。目前中文网站中的正文文字大小以12像素和14像素为主,字间距通常默认即可,行间距以1.5倍为宜。
      (3)对齐方式
      段落的常用对齐方式有三种:左对齐、右对齐、居中对齐。由于人的视觉习惯于从左向右的顺序,左对齐左侧边缘整齐,便于视觉判断分行,而右对齐和居中对齐左侧参差不齐,容易造成视觉干扰,对于大段文字而言,采用左对齐的方式更便于阅读。
      (4)段落宽度
      用户浏览网页信息通常不会细读,阅读太长的文字会造成用户视觉疲劳,不仅容易看错行,还由于视线移动轨迹太长而降低阅读效率。如果受布局空间限制,可以将信息分类,采用分栏的方式,将大段的文字分成小的文字块,使用户一目了然,快速阅读。
      1.2 控制文字颜色
      (1)把握明度对比
      文字颜色的设计不是孤立的,文字与背景颜色相互依托,白底黑字是最为常见的一种颜色搭配方式,黑色和白色清晰明了,识别性很强,是文字色彩搭配的最佳方案。但是并不是所有的设计都适合采用这种方式,根据设计风格的不同,网页的色彩设计也不能一概而论,无论是哪种色彩设计,关键是把握文字与背景色的对比,包括色相对比、明度对比、纯度对比。其中明度对比是最为重要的,深色的背景适宜浅色的文字,浅色的背景适宜深色的文字,尤其是在视觉不佳的环境中或者有视觉障碍的用户而言尤其重要,在设计时最好能够将设计稿去色后再观察。
      从视觉上看,浅底深字比深底浅字识别性更好,对于标题文字而言,采用深底浅字的形式可以形成提示,有效地将信息分类。而大段的正文采用反白的处理方式,容易造成视觉疲劳,需要慎重处理,适当的加强明度对比。
      (2)谨慎使用鲜艳底色
      适当采用鲜艳的颜色作为底色可以起到有效提示作用,但是不适合大面积使用。从色彩属性上看,鲜艳的颜色是前进色,对于视网膜的冲击比较大,大面积使用会给信息浏览造成干扰,不能专注于阅读信息,同时,长时间浏览会由于刺激太强产生视觉疲惫。
      1.3 文字链接易识别
      链接是网站中最为重要的元素之一,正是因为链接,才能把一个个孤立的网页串联起来形成网站。链接主要有两种形式:图片链接和文字链接。其中,文字链接由于简便易懂而应用最广泛,但是往往容易和其他文字混在一起不易识别。链接的目的是快速引导用户点击,所以,如何让文字链接能够易于被用户识别是设计师需要解决的主要问题。
      (1)使用默认链接形式
      蓝色带下划线的链接是默认的链接形式,因此也是最容易识别的形式。但是,由于设计风格的限制,这种形式有时候会破坏整体的设计感,而在蓝色或深色背景下,蓝色的文字链接也变得不可识别。
      导航链接由于在传统导航区域,即便没有下划线,也不会给用户带来误导,但是页内的文字链接由于和其他文字在一起极易分辨不清,单纯的采用颜色的区分可能会被用户误以为是强调,不能够形成有效点击引导,而下划线的形式更容易引导用户点击浏览。
      (2)使用装饰图标
      文字链接要区别于其他文字,在整个页面中醒目可见,除了使用不同于其他内容的颜色外,采用装饰性图标,也可以有效起到提示作用。
      (3)留出外部空间
      设置链接的目的是被点击,确保它们很容易点击才有意义。由于文字密集,链接区域较小,点击难度相对比较高,而可点击区域大,则点击起来非常方便。所以在设计中应该给文字链接一定的空间,即便是不大的文字链接,也可以轻松点击,同时也与周边文字形成对比。

    相关热词搜索:可用性 界面 文字 网页