终端视觉设计中的文字运用

   文字是人类用来记录语言的符号系统。随着社会的发展,文字已经摆脱了在纸张上,版面上的简单呈现模式,当下的数码产品中有着更为丰富的应用。

  大家都知道,界面效果虽然日趋拟物化和平面化,但现在往往很多细节还是脱离不了文字的显示,手机终端屏幕的限制和用户的学习成本也更深一步的决定了文字的不可缺少。

  只是在界面设计中,这些文字更加具有逻辑性,和类别性,看似与界面融为一体,实则有更多的考量标准,不单单是一个效果。自然界中任何一种景观奇迹也是有着他自己的科学规律。作为终端视觉设计师,也要对终端的文字规律作一定的梳理,这样才会从内涵上真正的提升设计品质,对用户更加体贴。

  设计离不开生活,从生活中提炼总是浅显易懂,我们先看看生活中的文字:

  1.几点?表盘数字


  2.什么菜?菜谱


  3.怎么走?路标


  4.多少钱?价格


  5.啥内容?报刊书籍


  由上面我们便可以把生活中的文字划分四个类别

  A指示性的:路标,表【对人的行为有明确的指导提示】

  B名称性的:菜谱,文章标题【对你所需要的或了解的事物做一个名称】

  C评价性的:价格,好,坏【物品的一种属性】

  D内容性的:书籍,报刊【偏内容的记录】

  虽然我们如此区分类别,但他们之间还是有交叉的,不同情境可能就不同。举个例子说,对一篇文章的评论,从自身角度讲它是内容性的,可针对文章它又是评价性的。由此可见,文字的相对性也是必须考虑。

  以上说了那么多,其实终端界面中的文字同样可以这样划分【当屏幕空间有限,降低学习成本,文字是最好的应用】比如symbian v3的手机软件管理,之前制作就有较多这方面的考虑:

  指示性的:确定,返回,安装,退出,类似于超链接的查看…

  名称性的:软件名称,列表…

  评价性的:文章评价,用户级别…

  内容性的:软件详情,常见问题,评价正文…

  可见,在一个客户端软件的生态系统里,这几个类别是必需的。

  我们在设计中一定要注意文字是处在同一个视觉系统里,功能性的不一样,对颜色,字体,都会有着一定意义的区别。他自身的逻辑性要求不仅仅是好看。

  从人的心理角度出发,整体可得出这样一个逻辑关系:

  指示性的要有一定的突出,一定要强于名称性和评价性的文字

  名称性的往往采取常规正常浏览,明确适中,清晰即可

  评价性的则是在清晰的基础上加一点对比

  内容性的由于文字稍微偏多,所以在行距和背景搭配上要明了清晰。

  可以得出整体逻辑强度:指示>名称>评价>内容

  整体的表现通常是靠文字的密集度和稀疏程度来表达,虽然【确定】,【返回】这类的色彩可能并没有列表里的名称更厚重,但他一定是在宽松的环境,来形成他的视觉焦点.可以看出整体逻辑强度是通过交互排布来完成的,与人的使用密切相关。


  那么视觉设计要做的是在整体逻辑强度下,去实现特指功能的强度区分,比如在内容页面里,文字行距的运用则更为重要,使得内容更易阅读,而弱化指示性的一些东西,使人可以专心的进行本页所呈现重点的操作与浏览。从视觉上讲,当下首要进行的总是最重要的。又比如在一个列表页里,显然列表的每一行的名称更加重要,视觉上要强于【确定】【返回】这类指示性的文字。


  这里所说的视觉厚度,可以包括:色彩,文字大小,描粗与否,底部button或背景的强度等,都一定意义影响我们使用的心情。

  以上两个方法,我觉得是在判断完成移动终端文字逻辑强度的情况下,设计者有效处理好文字之间关系的必要方法,用来提高设计的品质。字与界面能否在效果上融为一体,我个人认为很大程度上就是这两点是否处理的恰当。

时间: 2024-08-10 07:26:13

终端视觉设计中的文字运用的相关文章

移动终端设计中所注意的视线移动问题

文章描述:手机产品设计中的视觉引导. 在传统网站设计和平面设计中,大量信息的整理规划需要设计者用合理的排版,将信息顺畅的传达给用户,连贯的不间断的视线移动阅读会给人舒适的感觉,反之,视线被引导的满屏幕跳来跳去的,会让用户不知所措,给人乱无章法的感觉,无法更好的接收信息.    在阅读信息的时候,常常受到周围文字和图像的干扰,并不是那么顺畅,根据人眼视觉心理,会有几种容易引导或者说干扰到视觉移动方向的特点. 在上左图中,第一眼看到的是不是红色的色块?右图中,是不是感觉红色的色块向前突出,而灰色的色

UNIX(freebsd)如何对文本中的文字

  文本中的文字排序演示 登录终端执行"sort 文件全名"并确定. unix文本文字排序sort命令参数 sort命令参数 执行结果 -d telephone book(电话簿)排序法进行排序.该选项在执行排序时,将忽略除字母.数字和空格以外的其他字符. -b 执行时,将忽略前置的空格. -f 执行排序时,把小写字母转换为大写字母.适用于创建区分大小写的排序. -n 根据字段的数字值排序. -t 更改字母分隔符(sort用该分隔符来表明珍上字母结束,下一个字段开始).默认情况下,so

苹果Mac如何在快速查看中选择文字

  快速查看(QuickLook)是 OS X 中一项便捷的功能,它可以让我们在 Finder 中快速浏览文件,例如图片.视频.文本以及其它文件.不过遗憾的是,当我们对文本文件进行快速查看的时候,用户是无法对文本中的文字进行选定的.在这里小编就教大家如何在快速查看中选择文字并且可以复制使用. 在这里,我们就需要用到Mac的"终端"程序,终端似乎就是为突破界限而生的工具,只需要简单的终端指令,就可以让我们在快速查看中实现文本的选定.下面是具体操作步骤: 1.首先我们打开终端,并输入下列指

win8.1系统在程序或软件中输入文字变成问号怎么解决?

    win8.1系统在程序或软件中输入文字变成问号怎么解决?: 1.点击控制面板,然后将除自己使用的中文输入之外的其他语言.输入法等先全部删除; 2.然后再试一下,如果可以输入中文了,可适当添加一下"英语(美国)"即可. windows7教程 windows8教程 windows10教程

网页制作高手进阶:网页设计中的文字运用

设计|网页|网页设计  如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分.网络世界五彩缤纷,涌现出大量优秀精美的网页.大量网络信息的呈现,无非就是通过文本.图像.Flash动画等,其中, 文本是网页中最为重要的设计元素.对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见.     文字的格式化     1.字号.字体.行距字号大小可以用不同的方式来计算,例如磅(Point)或像素(Pixel).因为以像素技术为基础单位打印

Flash 中的文字绕排效果

我们见过许多文字绕排的效果,使用得当,会给作品增色不少,而且现在可以做这个效果的工具也非常多,例如 CorelDraw ; FreeHand 等,把这应用进 Flash 该如何做呢?通常我们都是使用外部绘画工具如 FreeHand 做好绕排效果,然后输出标准的 *.AI 格式文件,然后再导入 Flash 来实现目的.那如果我们没有这样的第三方工具怎么办?可以独立在 Flash 中做出这个效果吗?答案是肯定的,虽然现在 Macromedia 已经将最新的 FreeHand 9 和 Flash 4

别把设计想复杂——视觉设计中图形创意

引: 别把设计想复杂,一听到"设计"大家都觉得是多么深奥的一件事情.我们的生活确实离不开 设计,设计给我们带来了很多的便捷和美的享受.我想设计不是创造,而是发现.设计来源于生活,在点点滴 滴中发现美的,丑的,寻找大自然的规律,应用其中.只要我们掌握了规律,就能信手拈来,完成一个满意的 作品.那么在视觉设计中,有哪些表现手法(规律)呢? 视觉设计中图形创意 图形创意是视觉 设计中重要的一个部分,可以说找到好的图形创意就是成功的一半. 什么是图形创意? 采用一 定的形式来表达创造性的意念,

Coreldraw中的文字描边不能加轮廓线问题

问:Coreldraw中的文字描边不能加轮廓线怎么办?有时文字描边后文字还会变细? 答:中文版的CD都不支持直接文字加粗功能,我们要解决这个问题只有通过调节轮廓线的粗细来实现. 具体步骤是:按F12,调好你需要的轮廓线粗细,再上色即可. 利用这一特点,我们还可以做多层次的描边:从后到前依次排列不同粗细轮廓线和不同色彩的同字体,以实现多种色彩重叠的效果,这在广告及设计中常用. 合理利用好对齐中的快捷键:RL,CE,TB会大大提高此效率. 问:文字描边后文字变细怎么办? 答:其实解决方法很简单,右键

Word 2003中的文字也可以任意旋转

孙述亮先生的<金山WPS 2005中文字任意旋转的巧妙方法>的文章为我们讲述的在WPS 2005中文字任意旋转的方法确实很好,但文中提到的"WORD也能插入文本框,但是无法旋转",我认为说得稍微有点过,因为在Word 2003中文字也可以任意旋转,且方便程度并不比WPS差. 一.文本框变图像法: 1.插入文本框后,把文本框中的文字设置好格式,右键单击文本框的边框,在弹出的快捷菜单中选择"设置文本框格式",在设置"文本框格式"对话框中选