1

你知道如何建立视觉设计的层次感吗?视觉设计层次感的方法有什么?

 1 month ago
source link: http://www.chanpin100.com/article/127673
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
关闭
161381399460856551

你知道如何建立视觉设计的层次感吗?视觉设计层次感的方法有什么?

  • 发布于17小时前

阅读1136

视觉层次的搭建可以引导用户注意力的集中,帮助用户进行有效区分。而视觉层次的搭建与文字、图片、颜色等多个方面都有关系。今天,我们就来看看建立视觉设计层次感的方法都有哪些吧!

视觉层次的搭建可以引导用户注意力的集中,帮助用户进行有效区分。而视觉层次的搭建与文字、图片、颜色等多个方面都有关系。今天,我们就来看看建立视觉设计层次感的方法都有哪些吧!

你知道如何建立视觉设计的层次感吗?视觉设计层次感的方法有什么?

运用尺寸大小建立层次

大小是建立视觉层次非常重要的方式,这里的大小不仅仅是文字,还包括图形、插画、图片等等。作为设计师我们必须了解屏幕上每个元素的优先级,根据优先级来判断它的使用大小。

当我们谈到尺寸的时候,相信很多设计师有过被要求各种元素放大的经历。确实大的元素能更好地吸引用户,但是当元素越大,其实设计的复杂性也越高,所以在设计时候需要更注意整体节奏,把握好一个度。

一个好的设计一定是通过视觉手段让用户理解信息更加准确,在看完页面文字和图片后,很自然地引导到底部的按钮,这才能算是一个很引人注目的设计。

运用色彩建立层次

颜色在视觉层次中扮演着非常重要的角色,设计师可以通过颜色来传递信息内容,同时也可以引导页面内容。

色彩在心理学中有着很重要的作用,比如黑金给人尊贵感VIP感,糖果色给人小清新,甜蜜的感觉;红色能吸引人注意等等。用户在视觉情感上和颜色很容易联系在一起,作为设计师我们需要对不同的色调,不同色彩进行细致的组合搭配,以掌握对色彩的了解。

运用文字大小字重建立层次

丝芙兰App的设计,在引导页采用一个衬线体非常有品位,通过字体大小,和字重对比,再配合美妆护肤的行业属性,页面非常的简洁大气,有对比有细节。

无论是产品介绍,还是详情页,丝芙兰设计都是采用字重和字体大小对比,来打造层次、字重和大小,也是设计师常用建立层级的方式。

除了字重以外,还可以字体透明度来增加层级。一般是黑色搭配灰色使用,再加上字体大小和字重整个页面层次会更加清晰。如上图韩国APP页面,标题是黑色,辅助说明文字字号小4号,同时颜色改为浅灰色,这样设计页面层次增强了很多。

很多设计师在做界面时候,喜欢字体就一个颜色用到底,这样会显得界面粗糙,也没有层次感。但是运用好我上面说的字体大小,颜色、字重等对比其实节奏很容易就能做出来。

运用视觉重量建立层次

比如aaptiv这个产品的功能页面设计,就是运用了视觉重量的对比,线框按钮最弱,其次是黑色选中效果,最重的功能引导按钮,视觉重量的对比能很好让用户关注到功能内容。

以上内容就是“你知道如何建立视觉设计的层次感吗?视觉设计层次感的方法有什么?”的全部内容了,如果你还想了解更多视觉设计以及产品经理的相关内容,可以来产品壹佰官方网站获取。

产品壹佰网站所提供的内容均来源于用户提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK