页面视觉构成的五大要素,快来学习!(五)

在一个完整的页面的视觉设计当中,我们可以把其几个核心视觉点进行分解,单独罗列,我们可以理解为几大核心点『版,质,形,色,字』,这对提升视觉设计水平有很重要的作用,下面跟着环球青藤小编一起来学习。

第1个回答  2020-09-25

5. 字 – 字体的样式,字体,字号,衬线,内容识别性



像这些核心元素,我们可以进行进行刻意练习,来提升综合的视觉基础能力,不过首要,我们需要理解并进行梳理。


何为字


字,字体的形状及样式会直接影响到信息传递的速度。所以根据不同的场景,使用不同的字体样式也是极为重要的。因此对UI设计师而言,理解字体也是个必不可缺的技能。这里也给大家提供几个小技巧,帮助大家提升对字体的理解能力。


技巧一:合理的使用字体样式


在做界面设计时,永远要把内容的适当性放在首位,其次再去考虑其他样式。根据不同的业务模式,选择不同的字体,可以让页面更容易达到用户的心理预期。如衬线字与无衬线字,所传递出来的感觉也是存在截然不同的。


技巧二:合理的使用字重


在单色环境中,使用不同的字重能更好的加强内容之间的呼应对比。减少过渡色阶层级的使用,能使核心内容更为聚焦,减轻阅读负担。因此在界面设计中,使用较粗的字重来作为标题是较为合适的。在iOS11中,这样的设计手法尤为多见。下图我使用了不同的字重,很明显,左边的图会更利于信息阅读一些,因为层级的主次得到了很好的区分。因此大家在设计界面中,不妨把一些主标题加粗试试,或许有一些意想不到的效果。


技巧三:合理的控制字距及行高


标题的字距要紧密,正文大排字的字间距要稀疏一些。其他正文的行间距应该设置为字体大小的120%到150%之间。大家可以多进行一下尝试,直到信息较容易识别阅读为止。


以上就是小编关于页面视觉构成要素的分享,希望对你们有所帮助!想要了解更多相关内容,请关注本平台,小编将进行及时的整理并发布在本平台上,大家注意查看!

相似回答
大家正在搜