艺考网
当前位置:艺考网 > 经验技巧

如何提升界面的空间感,常见方法有遮前掩后、以小见大

作者:王秋霜 发布时间:2024-08-06 17:39:42

遮前掩后:通过画面相关元素之间的遮挡,产生一定空间感。

以小见大:利用近大远小、近疏远密的基本透视原理,使得观看者对平面景物图形产生空间意识感和立体凹凸感。

山重水复:利用近大远小的物理规律,再加上元素的无限重复来形成强烈的空间感。

冰厚三尺:通过给元素添加厚度来增强元素的立体感,从而提升真实感和空间感。

如何提升界面的空间感,常见方法有遮前掩后、以小见大

一、如何提升界面的空间感

1、遮前掩后

设计时为了保证信息的传递,大部分设计师会选择将文字信息完整的展示出来。通过画面相关元素之间的遮挡,将文字与图片更好的结合,从而产生一定的空间感。

2、以小见大

利用近大远小、近疏远密的基本透视原理使观者对平面景物图形产生空间意识感和立体凹凸感。在平面设计中,元素的面积大小变化越大,空间的纵深感就越强,通过控制元素之间的位置关系,可以使空间看起来平整或者曲折,塑造出表现力丰富的空间感。

如何提升界面的空间感,常见方法有遮前掩后、以小见大

3、山重水复

同样是利用近大远小的物理规律,不同的是,通过元素的无限重复,将元素按照一定的规律在画面中排列具有很强的冲击力形成强烈的空间感,重复的形式也是多种多样如字体、大小、颜色、形状、肌理、留白、对齐等等。强烈的空间感让观者仿佛在无限的跌落,使用这种版式一定要注意近疏远密的空间关系,否则会降低画面可信度。

4、冰厚三尺

(1)人和周围的物体是三维的存在,但是屏幕是二维的,缺少的那个维度意味着在页面上的视觉表现要比真实生活的视觉感差。通过给元素添加厚度来增强元素的立体感,展现更多的角度使画面更加灵动,从而提升真实感和空间感。

(2)最常见的2.5D风格依靠立体元素来营造空间感,可以使整个版面更加稳定和谐。

如何提升界面的空间感,常见方法有遮前掩后、以小见大

二、怎么优化NFT界面

1、首先要注意界面头部的设计,如果过于拥挤的话,会增加用户获得信息的成本。我们需要将信息进行归类分层展示,并且同时在分类标签中加入图标,来增加趣味性。

2、然后我们还需要看到我们的拍卖模块的指示器大小,如果太小大的话,给用户的滑动感知较弱,我们可以直接将右侧的卡片露出来,提升用户的滑动欲。

如何提升界面的空间感,常见方法有遮前掩后、以小见大

3、通常在下方会放置广告图,我们需要注意底图的颜色配合,颜色太过于丰富的话,会看不清文字要点,可以将底图倾斜,并且加一层与背景色相同的遮罩,来凸显我们的文字信息,同时别忘了加上cta按钮。

4、卡片的长度也需要我们来注意,卡片太长的话,会浪费屏幕空间,我们可以缩短卡片,采用一个四宫格的布局来提升屏幕效果和设计感。

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。
UI平面设计如何排版,页面排版一般将文字设置为左对齐
UI平面设计的排版方式有左对齐、使用一种字体、跳过一个字重、指数级增长设定字号、对齐到一个轴线。左对齐:将文字设置成左对齐,这样便于用户更快速地找到边缘和阅读。使用一种字体:避免使用2种以上的粗衬体、手写体等,使用一种字体能够更好地运用、掌
UI页面怎么做层级分割,需灵活使用分割线
分割线:分割线用于区分不同信息模块,提升信息的独立性,通常是贯穿整个页面,称为通栏分割线。卡片分割:卡片有通栏与非通栏的区别,可以根据产品的视觉风格选择类型,卡片分割区分信息强度强,使页面结构更加清晰。留白分割:增大间距利用依接近的原则进行
商业插画包装设计的基础流程,首先一定要和甲方详细沟通
在接到商业插画包装设计的商单时,首先需要与甲方进行沟通,详细了解甲方需求,然后再进行设计。明确设计方向后,从各个设计网站寻找设计灵感,然后开始绘制草图。草图绘制结束后,与甲方沟通询问是否符合要求,最后开始绘制线稿、上色。定稿后,还需要包装设