浅谈设计中的文字使用

2016-02-17 03:27 3 1 收藏

下面图老师小编要向大家介绍下浅谈设计中的文字使用,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - 平面设计 】

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

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

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

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

1.几点?表盘数字

浅谈设计中的文字使用,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

2.什么菜?菜谱

浅谈设计中的文字使用,PS教程,图老师教程网

3.怎么走?路标

浅谈设计中的文字使用,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

4.多少钱?价格

浅谈设计中的文字使用,PS教程,图老师教程网

5.啥内容?报刊书籍

浅谈设计中的文字使用,PS教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

浅谈设计中的文字使用,PS教程,图老师教程网

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

浅谈设计中的文字使用,PS教程,图老师教程网

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

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

交作业

来源:http://www.tulaoshi.com/n/20160217/1578065.html

延伸阅读
很多网友在论坛里说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。 色彩的层次是指当我们把作品去色之后,作品中所表现出来的从黑到灰到白的存在比例。如果一个作品的黑色比较多那么整体的效果就会显得很...
GRUNGE 原意是摇滚乐的一种风格形式,描述音乐里那种嘈杂而失真的感觉,但在设计行业里,它有特别的含义,表现为不规则颓废邋遢垃圾等特殊的视觉效果,而这样反而会营造出另类的美感。今天飞屋睿UIdesign写了一系列教程,从认识GRUNGE到如何运用在作品设计中,都有教程,赶紧学起来。 一、认识GRUNGE GRUNGE,从英文单词的字面意义解释为:蹩...
texture在设计中应用已经越发完善了。它将形成一种趋势,简单而有效的为web页面设计添加几分深度感。 充分发挥texture的威力是一份伟大的职责。它不仅能够很好增强web设计的表现效果,对于设计师来说还是一个质量上乘的好工具。它的美妙作用是可以引导浏览者的视线,强调关键元素的重要性。 然而,长期以往texture似乎总和脏乱或者低劣设计为...
在网站优化中,如果图片优化得好,不但可以提高页面的加载速度,提升网站的用户体验,而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片,既能保证UI的还原度,又使图片最精简呢?下面我就个人经验,来简单介绍一下图片优化的方法,首先我们了解一些图片方面的知识: 1. 矢量图与位图。 矢量图:...
作为未来网页设计的热点趋势之一的滚动视差在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》等一系列的视差滚动的文章,不过赏析的居多,真正指导设计师如何去设计,如何去实现的实用型文章却很少。于是萌发了自己写一篇...

经验教程

394

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部