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

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

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

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

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

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

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

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

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

1、遮前掩后

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

2、以小见大

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

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

3、山重水复

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

4、冰厚三尺

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

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

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

二、怎么优化NFT界面

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

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

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

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

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

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。
什么是游戏ui和游戏原画设计,UI设计主要是图形设计和交互设计
游戏Ui设计:是指游戏软件里面的人机交互、操作逻辑等整体设计,也可视为游戏的用户界面设计。以图形设计、交互设计为主,设计师需要设计游戏按键、背包图标等内容。游戏原画设计:原画师要设计角色、场景、画面等,根据文案策设计出角色形象、道具等内容的
设计字体的方法,笔画一定要有粗细变化
替换法:在保证字体识别度的前提下用适当的图形或符号来替换字体当中相应的部分。共用笔划法:即一个笔划同时被2个或2个以上的字体所使用,从而实现整体视觉连贯性。卷叶法:适合用于柔软女性产品,因视觉上有如叶片一般卷曲,可很好的表现出动感。断肢法:
平面设计中刻画信息的方法,常见的有大小对比、长短对比等
平面设计中刻画信息的方法包括大小对比、长短对比、权重对比、添加图形、徽标形设计、错位处理、添加装饰线、提取数字等。大小对比:同层级运用大小对比的手法时,不要影响信息关系和识别。长短对比:如果是短一点的信息以及英文,一般采用长短变化,可以增强