建站常识
浅谈终端视觉设计中的文字运用
2010-12-15 08:59:00

文字是人类用来记录语言的符号系统。随着社会的发展,文字已经摆脱了在纸张上,版面上的简单呈现模式,当下的数码产品中有着更为丰富的应用。
大家都知道,界面效果虽然日趋拟物化和平面化,但现在往往很多细节还是脱离不了文字的显示,手机终端屏幕的限制和用户的学习成本也更深一步的决定了文字的不可缺少。
只是在界面设计中,这些文字更加具有逻辑性,和类别性,看似与界面融为一体,实则有更多的考量标准,不单单是一个效果。自然界中任何一种景观奇迹也是有着他自己的科学规律。作为终端视觉设计师,也要对终端的文字规律作一定的梳理,这样才会从内涵上真正的提升设计品质,对用户更加体贴。
设计离不开生活,从生活中提炼总是浅显易懂,我们先看看生活中的文字:
1.几点?表盘数字

2.什么菜?菜谱

3.怎么走?路标

4.多少钱?价格

5.啥内容?报刊书籍

由上面我们便可以把生活中的文字划分四个类别
A指示性的:路标,表【对人的行为有明确的指导提示】
B名称性的:菜谱,文章标题【对你所需要的或了解的事物做一个名称】
C评价性的:价格,好,坏【物品的一种属性】
D内容性的:书籍,报刊【偏内容的记录】
虽然我们如此区分类别,但他们之间还是有交叉的,不同情境可能就不同。举个例子说,对一篇文章的评论,从自身角度讲它是内容性的,可针对文章它又是评价性的。由此可见,文字的相对性也是必须考虑。
以上说了那么多,其实终端界面中的文字同样可以这样划分【当屏幕空间有限,降低学习成本,文字是最好的应用】比如symbian v3的手机软件管理,之前制作就有较多这方面的考虑:
指示性的:确定,返回,安装,退出,类似于超链接的查看…
名称性的:软件名称,列表…
评价性的:文章评价,用户级别…
内容性的:软件详情,常见问题,评价正文…
可见,在一个客户端软件的生态系统里,这几个类别是必需的。
我们在设计中一定要注意文字是处在同一个视觉系统里,功能性的不一样,对颜色,字体,都会有着一定意义的区别。他自身的逻辑性要求不仅仅是好看。
从人的心理角度出发,整体可得出这样一个逻辑关系:
指示性的要有一定的突出,一定要强于名称性和评价性的文字
名称性的往往采取常规正常浏览,明确适中,清晰即可
评价性的则是在清晰的基础上加一点对比
内容性的由于文字稍微偏多,所以在行距和背景搭配上要明了清晰。
可以得出整体逻辑强度:指示>名称>评价>内容
整体的表现通常是靠文字的密集度和稀疏程度来表达,虽然【确定】,【返回】这类的色彩可能并没有列表里的名称更厚重,但他一定是在宽松的环境,来形成他的视觉焦点.可以看出整体逻辑强度是通过交互排布来完成的,与人的使用密切相关。

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

这里所说的视觉厚度,可以包括:色彩,文字大小,描粗与否,底部button或背景的强度等,都一定意义影响我们使用的心情。
以上两个方法,我觉得是在判断完成移动终端文字逻辑强度的情况下,设计者有效处理好文字之间关系的必要方法,用来提高设计的品质。字与界面能否在效果上融为一体,我个人认为很大程度上就是这两点是否处理的恰当。
原文:http://wsd.tencent.com/2010/12/words_in_design.html
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2009-10-27 22:34:00] 女装类网页视觉设计分享
- [2010-03-23 15:43:00] 视觉设计前瞻实用性研究(PNVD) 第五期
- [2010-09-25 15:08:00] 浅淡BANNER设计
- [2009-05-17 10:00:00] 艺术与视觉设计批判——用户
- [2009-06-10 09:03:00] 以情感为中心的设计(1)
- [2010-06-24 08:15:00] 视觉设计师成长的三个阶段
- [2011-01-06 22:06:00] 制定设计的原则
- [2010-07-20 11:39:00] 把设计放进一小时的盒子
- [2010-06-23 16:53:00] Less is more—对素材处理的思考
- [2006-06-30 09:02:00] 如何引导自已成为一名网页视觉设计师
- [2010-07-09 16:18:00] 科幻风格的多样性及探索历程
- [2009-12-05 22:53:00] 视觉设计前瞻实用性研究(PNVD)第二期
