产品设计

什么是用户体验界面版式设计?版式设计的核心方法论是什么?

2020-09-04 17:28:43 | 来源:中培企业IT培训网

很多人都知道设计师分为很多不同的类型,比如UI设计、界面设计、用户体验界面版式设计等。不同类型的设计师,所从事的工作也是不同的。今天我们就来说说其中一种:用户体验界面版式设计。那么什么是用户体验界面版式设计?版式设计的核心方法论是什么呢?其实关于用户用户体验界面版式设计以及版式设计的核心方法论是非常好理解的,想知道请看下文。

  什么是用户体验界面版式设计?

版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段。表面上看,它是一种关于编排的学问,实际上,它不仅是一种技能,更实现了技术与艺术的高度统一,版式设计是现代设计者所必备的基本功之一。

通俗点解释,我们在做设计时需要有条理性的思维指导,因为人的眼睛或者大脑在短时间内无法处理大量扑面而来的信息,设计师需要把这些信息通过视觉化的手段,把这些信息处理成有条理的且具有引导性的视觉走势或者说叫视觉引导,让读者在短时间内可获得你想要表达的信息,最终形成预期收益。

  版式设计的核心方法论是什么?

  第一:了解字体字形

字体的版式设计中,需要了解字体基本结构和字体的空间结构在实际工作运用的时候,你会发现字体上下部分是有一个留白空间的,其实际的高度要比可视的高度要高。

  第二:了解行高与行间距

设计师提供的设计稿与开发出来的文字高度有所不同比如,实际开发出来的会更高一些;iOS 设备与Android 设备也有所不同,比如可以看到同样是显示20号的字体,安卓的行高会偏高一些。在不同的 Android 设备上使用的字体不一样,可能还会出现更多的差别。如果不想办法抹平这差别,就不能真正意义上实现双端一致了。

所以设计师在视觉走查时要特别注意,我的习惯是同时用2个不一样的手机,一个手机放效果图一个手机安装实际测试程序,2者进行对比,才能更好的看出区别来。

  第三:字体文字段排版

  行间距

我们不难发现,左侧的文章行间距过小,而右侧的行间距看起来更明确和更舒适;大段文字排版时,建议使用左对齐的方式,可读性更高;

  避免符号行首及右侧过多锯齿形

文字的编排时,如果行首与行尾有标点符号时,阅读起来很不友好,为了更加便于阅读我们需要进行避头尾的处理,甚至为了整齐我们需要对文字区块进行强制对齐;实际运用中可以发现不论是今日头条的新闻详情页还是网易新闻的新闻详情页都是比较整齐的文字排列形式。

  第四:版心/虚拟边框

在版式设计中,不论是平面海报还是UI界面设计,我们都需要有一个版心的概念把所有需要展现的内容,都放置在此容器中,让内容更加有条理,具有更好的透气性;实际工作中这样的好处是多页面改版会节省很多的工作量,且效果更加统一美观。

  第五:网格系统/栅格化

网格系统是提升页面条理性的有效设计方法,通过网格的设定,让排版更加有参考的标准,去设计时有迹可循;在不同设计师配合过程中,也能够避免不同设计师设定的间距不同等造成的效果不一致。

  第六:重量比/张弛度对比

调整画面中的文字或者线条粗细度以及内容明度来增加页面的张弛度,或者叫重量比画面中文字越粗重量感越重,反之越轻线条选择时越粗则越重,越能表现其重要性的分隔色块或者图片越深越鲜艳的则较重,反之越浅越淡的越轻。

  第七:细节点缀与变化

在界面设计中,需要突出层次的同时,也需要注意辅助文字或者解释文字的排版,亦或者是元素的打破常规;合理的排列这些信息起到展示其功能入口的目的,同时也能够起到点缀和增加画面细节的作用,让画面更加的精致。不论是线条、还是留白还是细小的icon、文字等都可以很好的起到破解画面单调的作用。

  第八:节奏/重复

重复性的元素可以是图案、文字、色彩、空间格式等,重复能增强条理性和界面的统一感,节奏和韵律也需要重复来实现。实际工作中经常能够看到很多类似的版式设计。

  第九:亲密性/贴近度

亲密性的关系可以让画面形成独立的内容区域或者呈现空间,让产品能够很好的呈现相对独立的信息,减少用户的识别难度,提高效率;不论是常用的线条或者水槽分割的形式;还是Google引领的去线式设计,亦或者是卡片式设计的绝对亲密特制的形式都可以给人创造出亲密贴近的版式设计感受。

以上就是关于什么是用户体验界面版式设计?版式设计的核心方法论是什么的全部内容,想了解更多关于用户体验界面版式设计的信息,请继续关注中培伟业。