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

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

作者:王秋霜 发布时间:2024-08-06 17:39:42 来源:艺考网

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

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

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

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

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

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

1、遮前掩后

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

2、以小见大

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

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

3、山重水复

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

4、冰厚三尺

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

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

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

二、怎么优化NFT界面

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

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

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

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

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

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。
游戏原画设计行业对学历有没有要求,能力才是王道
在游戏原画设计行业中,大部分游戏公司对学历都没有严格要求,少数公司会要求达到本科学历以上,或专业具有关联。游戏原画行业更看重能力,比如能否用绘图软件独立创作原画作品,设计的作品能不能符合大众审美、达到客户的条件。
如何利用元素做出丰富的网页效果,可以尝试以下5种方式
用气泡营造视觉焦点:背景比较简洁时,用鲜艳、自然随性的气泡元素创造视觉焦点,让气泡与图片素材相结合,这样能让用户关注关键元素。用简约线性的气泡动画来驱动交互:让动画随着用户的滚动页面而有趋向地发生变化,用户被吸引后会持续向下滑动,从而看到更
高级视觉设计证书有没有用,具有一定权威性、能增加面试成功率
高级视觉设计证书有用。高级视觉设计证书可以体现出一个人的专业能力,无论是面试还是与客户交流时,均可向对方证明自己在视觉设计这一领域的能力及水平。高级视觉设计证书可以提高面试时的竞争力,从而在众多求职者中脱颖而出。高级视觉设计证书可使你更容易
网页设计如何排版,选择合适的字体并使用正确的字体样式
推荐选择简单的无衬线字体或伪衬线字体,提高读者的阅读体验。正确使用字体样式,比如粗体、斜体和下划线,可增强网页设计的视觉效果。注意文本的对比度,比如浅色背景+深色字体,或深色背景+浅色字体。合理使用空白间距,于行间或段落中添加适当的空白间距
制做创意logo的方法,有以下5种方式
直接组合:将两种图形简单、直接组合在一起。提取亮点组合:将两个图形中的亮点提取出来并进行融合。相似形体组合:若两个图形的外轮廓相似度高达90%以上,可直接将二者组合起来。正负形设计:以某个图形作为主形,然后将另外一个图形作为负形嵌入到前者中
svg是不是矢量图格式,属于矢量图格式
svg是矢量图格式,其主要用于保存网页设置和动画作品。矢量图格式常用于打印、出版、印刷等行业,常见的矢量图格式有ai、cdr、eps、bw、col、pcd、pcx、pict等,其优势在于不易失真,无论是放大还是缩小,图片依旧很清晰。
矢量图的格式有哪些,关键在于所使用的软件
常见矢量图格式有cdr、dwg、BR、mac、col、wmf、emf、dxb、msk、mpt等。矢量图,也称为面向对象的图像或绘图图像,在数学上定义为一系列由点连接的线。矢量文件中的图形元素称为对象,每个对象都是一个自成一体的实体,它具有颜
酸性设计的应用有哪些,可应用到平面设计和UI设计
酸性设计可应用于平面设计、UI设计。平面设计:通常是设计音乐、时尚、艺术圈的海报。UI设计:加入酸性设计的元素可让人耳目一新,各种混搭的金属材质让界面更具观赏性,也让设计充满可能性。
UI设计中重复效果的作用,色彩的重复在版面设计中尤为重要
配色方案的重复:使用重复的颜色,有利于控制色彩种类、让纯度和明度保持一致、让版面看起来更加和谐统一。文字样式的重复:重要程度相同的文字信息,需使用一样的文字形式,让字体、字号等方面保持一致。图片重复的使用:让图片的大小、色调、比例等方面保持
黄金分割logo法是什么,以下2种方法均可
方法一:黄金比例即1:0.618。首先画圆,然后双击比例缩放工具将比例值设为61.85,然后点击复制,按住快捷键ctrl+d重复复制,即可得到多个黄金比例的正圆。方法二:画一个正方形,原地复制一个并拉圆形,然后按照一个大的方形等于两者之和的