加入收藏 | 设为首页 | 会员中心 | 我要投稿 厦门网 (https://www.xiamenwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

UI中的文字设计总结与分析

发布时间:2017-09-05 18:18:17 所属栏目:运营 来源:woshipm
导读:对付计划师来说,笔墨是一个可以很好晋升产物用户体验的兵器,但愿这篇文章可以或许给列位计划师带来收成。 笔墨是UI计划中一个重要的构成元素,笔墨行使的优劣会极大影响产物的用户体验。想象一下用户打开你的app,发明界面中的笔墨都是统一个字体,同样大的

对付计划师来说,笔墨是一个可以很好晋升产物用户体验的兵器,但愿这篇文章可以或许给列位计划师带来收成。

UI中的笔墨计划总结与说明

笔墨是UI计划中一个重要的构成元素,笔墨行使的优劣会极大影响产物的用户体验。想象一下用户打开你的app,发明界面中的笔墨都是统一个字体,同样大的字号,连颜色都是一样的。这样的笔墨搭配用户读起来会很累,费时艰辛。用不了多久他们就也许会卸载你的产物,转而行使另一个界面计划越发友爱,笔墨搭配越发公道的产app。笔墨对界面计划的重要性可见一斑,可是笔墨常常会被我们忽视,这篇文章中我对UI计划中笔墨的行使做了一个简朴的说明和总结。

成立视觉层级

计划师的一个首要职责就是将页面中的元素整合起来,以一种清楚可见的情势泛起给用户。虽然我们都知道一个页面中差异元素的重要性是纷歧样的,有优先级之分。笔墨也是一样,有些笔墨较量重要,我们更但愿用户看到,有些笔墨较量鸡肋我们不但愿用户看到。为了到达这个目标,我们给界面的笔墨成立视觉层级,将笔墨大抵分为三类:主问题,次问题和正文。

主问题

主问题是对付整个页面内容的一个总结,及格的主问题用户看了一眼就应该知道这个页面的大抵内容。主问题是用户进入一个页面第一眼就应该看到的笔墨。主问题应该用字号要足够的大,要加粗,这样才可以更好的吸引用户的留意力。另外,为了更好的节省用户时刻,主问题应该简洁。按照Jacob Nielsen的一项研究表白,主问题5-6个单词(英文状态下)最吻合,最长不要到达一句话的长度。

UI中的笔墨计划总结与说明

我们夸大要突出主问题来吸引用户留意力,可是不要太过突出。由于用户对付具象元素(插画,icon,图像或拍照图等)的感知手段远比笔墨要强得多。假如我们想宣传一款产物,那么最好的方案就是直接给用户展示产物图片。笔墨和图片搭配行使的时辰,笔墨起到的只是帮助声名的浸染。我们不能太过放大主问题的尺寸造成对图片的掩饰,这样是舍本逐末的。

次问题

将全部的信息都塞进主问题是不太实际的,这也是我们必要次问题的缘故起因。次问题的要求和主问题相同,都要求笔墨简捷老到,归纳综合性强。和主问题一样,次问题也要举办加粗处理赏罚,虽然为了和主问题区分,字号要轻细小点。

UI中的笔墨计划总结与说明

正文

正文是提供具体声名息争释的笔墨,从页面层级的角度来说重要性要低于主问题和次问题。正文笔墨长度没有定论,有人以为长的文案可以给用户提供更为具体的信息,并且看起来越发正规严谨。可是也有人以为用户不喜畛啬读过长的笔墨。两种概念都有本身的原理,对付行使长文案照旧随笔案我做了以下总结:

装备

随笔案合用于移动端。移动端相对来说空间有限,笔墨太多会显得较量拥挤,影响页面雅观水平的同时也会低落用户的阅读体验。

UI中的笔墨计划总结与说明

长笔墨更合用于PC端,PC有足够的空间来展示特定内容的具体信息可能用户不太认识的内容(必要用户细心阅读)。

UI中的笔墨计划总结与说明

这是一个家禽百科全书网站,这内里固然包括了大量的笔墨,可是计划师将笔墨在逻辑上分为了很多简短而齐集的笔墨块。这些笔墨块配以突出的问题和引人入胜的插图就变得具有活力。这种计划模式冲破了传统教诲类网站沉闷的页面机关,更能吸引用户出格是青少年的留意力。

产物定位

产物的定位对付正文文案的选用是具有抉择性意义的。譬喻,你要计一律个念书,观光这类偏文艺小众的界面,正文文案要足够的短,页面中要有大量的留白,这样的页面会给用户一种透气、从容、开放、安静、自由的感受,而这些感受都是与产物的气魄威风凛凛相契合的。相反,假如这类页面中元素都挤在一路,就会导致视觉压力,激发用户求助。虽然并不是全部拥挤的页面计划城市激发求助情感,假如笔墨和页面中其他元素之间的空间处理赏罚的吻合,行间距留的足够大,那么也可以做到做保持内容的可读性的同时保存了页面的“呼吸感”。

UI中的笔墨计划总结与说明

PS:正文由于字体尺寸较量小,以是我提议行使无衬线字体。由于装备表现器的像素不敷以示意小字体上微小的衬线,会呈现锯齿结果,对易读性影响很大。以是我提议正文行使无衬线字体,假如非要行使衬线字体,必要在差异的装备上测试字体的实现结果。

UI中的笔墨计划总结与说明

举动呼叫元素

想让本身计划出来的界面不那么古板,具有可交互性,我们就要学会行使举动呼叫元素。虽然一些举动呼叫元素不必要笔墨也可以完成,好比我们的接电话按钮可能短信提醒,都是行使图标来完成。可是在一些特点环境下,内容过于抽象无法用图标来解释的时辰,我们应该行使笔墨。

UI中的笔墨计划总结与说明

举动呼叫元素对付笔墨长度的要求极其严苛,最好是一个单词可能2-4个单词构成的短语(英文状态下)。

轻型笔墨的趋势

从2016年开始,源于对干净美丽界面的追求,轻型笔墨越来越受到计划师的接待。归根结底,轻型笔墨是简约计划趋势的产品,字体越来越细长。可是我们要记着,这种过于狭长字体在节减页面空间的同时,捐躯的是笔墨的易读性,这是我们在衡量是否行使轻型笔墨时必要思量的题目。

UI中的笔墨计划总结与说明

不外iOS10的Apple Music界面中开始对字体加粗,以是将来字体是变得越来越粗照旧越来越细,我们拭目以待。

UI中的笔墨计划总结与说明

总结

总而言之,对付计划师来说,笔墨是一个可以很好晋升产物用户体验的兵器,但愿这篇文章可以或许给列位计划师带来收成。

#关于作者#

王M争,大家都是司理关于作者,资深互联网人。

本文未经容许,榨取转载。

(编辑:厦门网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读