漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章

编辑:小优 2020-07-16 16:55:42 互联网
浏览:373次
文章简介:UI 界面中,排版设计同样重要。如何将至关重要的信息,有效地传递给用户,这是界面本身的职责,而在绝大多数时候,这通常是靠文本来完成。这就是为什么有效的排版对于改善 UI 整体的用户体验如此的重要。而优

UI 界面中,排版设计同样重要。如何将至关重要的信息,有效地传递给用户,这是界面本身的职责,而在绝大多数时候,这通常是靠文本来完成。

这就是为什么有效的排版对于改善 UI 整体的用户体验如此的重要。而优化排版,本质上也是在优化 UI 和 UX。虽然在绝大多数时候,优化排版是在提升排版布局的可读性,提升课访问性,但是它最低的标准和最核心的要素,依然是要保证排版本身的可用性」。降低用户使用时的障碍和摩擦,减少认知负荷。出色的排版设计能够让用户注意到内容,而不是排版本身上。

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图1)

实际上, 排版本身并不是选择字体,也不是制作字体和布局,它是塑造文本的呈现形式,达到最佳体验的过程。—Oliver Reichenstein

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图2)

行高

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图3)

字间距

使用大写字母的时候,需要增加字间距

字号增加的时候,需要适当减小字间距

增大字体粗细的时候,需要适当减小字间距

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图4)

通常在排版的时候,软件会自动调整不同字母和字母之间的距离,而在进行视觉设计的时候,还需要注意字偶距的问题。

行长

行长本质上说的是文本段落的宽度,文本每行的长度。通常,在大屏幕上,比如 1440px 宽度的笔记本电脑屏幕上,使用每行 60~80 字符的长度(中文通常控制在每行 35~42 个字之间)但是,如果在是移动端的屏幕上,那么每行的字符数要缩短到 35~45 这个范畴(中文则可以控制在20~25个字即可)

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图5)

优秀的设计师将文本视作为内容,伟大的设计师将文本视作为 UI。—Cameron Moll

正确的字体选择,能够在信息和视觉两个层面给用户传递信息,错误的选择会导致误解和混乱的结果。

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图6)

4、使用同一字体家族如果你在不同字体的搭配上,并没有足够丰富的经验,那么使用同一字体族的字体来进行设计,总是最为安全的选择。通常,一个字体族是为一个明确的目标来设计的。它们有着更为统一的、富有凝聚力的外观,在设计使用过程中,会更加便捷。使用字体族的另外一个好处在于,它可以更快适配不同文本元素在排版上的需求,你可以更快地通过调整字体大小、粗细、文字大小、色彩来制造相应的对比,呈现不同的视觉效果。另外,同一字体族当中,通常会附带有相应的斜体、等宽字体等等,这可以应对一些相对特殊的需求,而不用手工去修改。

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图7)

漂亮很可贵,帮助大家迅速提升界面高级感,提高,UI,关于UI界面排版的文章(图8)

结语排版是数字时代每个设计师都需要学习和掌握的重要技能,无论你的设计项目是什么样的,这些基本的规则总能给你的设计带来更好的效果。不过这些排版技巧都还只是非常基础的部分,在实际的设计当中,还会涉及到很多更加复杂的排版布局—但是这些基础,始终是最重要的事情。

本文相关词条概念解析:

排版

排版是指将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小,使版面布局条理化的过程。按照稿本把铅字、图版等排在一起拼成书报的版子,以供印刷。

界面

“界面”是中国第一大报业集团上海报业,联手小米科技、360、海通证券、国泰君安、联想弘毅、卓尔传媒[1]推出的新一代财经商业新闻网站。它希望服务于独立思考的人群,并且为这群人在优质新闻体验之外提供社交、投资及职场服务等。 “界面”有一支实力强劲的原创报道团队,他们曾参与创办《经济观察报》和《第一财经周刊》,团队骨干还来自《华尔街日报》中文网、《财富》中文版、《21世纪经济报道》、《南方周末》、财新传媒等。 不同于以往任何一家网站,“界面”是一家全民参与的商业新闻网站,点击“界面”网站进入选题会,用户将和记者们一起讨论报道细节,报道哪家公司也将由用户来决定。它不仅愿意为内容的权威性和愉悦感负责,还致力于让用户深入参与到新闻生产的各个环节中,以此改变新闻生产的流程和效率。

网友评论