什么是无框UI设计和卡片设计风格?

设计营销   2021-03-26

现在世界的一些主要的设计风格已经形成,尤其是像诸如:苹果的圆角、谷歌的扁平层次,微软的卡片设计…等,但是UI界面设计的发展过程才刚刚起步,每一年都有新的Ui界面趋势设计的变化

以前我做过“设计新潮”!「变繁为简」,超越扁平化设计有哪些亮点?就非形式化问题写了一些。这是一个新的趋势,UI界面作品案例上的内容越来越重要,而所有与内容无关的东西都被大幅削减。

非形式化是一个非常模糊的全景图,在演变过程中,一些新的设计风格逐渐变得清晰,比如无框界面。或许您已经发现,今年来越来越多的网站和应用程序,特别是设计导向的,都出现了这种趋势。一度被用于划分区域的边界和边线逐渐消失,但在干净的界面上,通过距离分割,各个区域之间的差异依然清晰可见。

什么是无框UI设计和卡片设计风格?


卡片设计?

假如您的设计思想仍然停留在卡片上,那么它将会过时,因为在无框界面的趋势下,卡片的概念会被淡化。牌或不牌有什么意义?不管怎么说,用户都不会感觉到,他们只关心他们来这里的最终目的,界面对他们来说只是搜索信息的一个途径,如果有很好的搜索功能的话,可能根本不用浏览界面。是的没错,卡片化的起源有其合理性。

大家都注意到,几年前显示屏的尺寸越来越难以预料,设计者迫切需要一种设计方法,使设计出来的界面能够适应不同尺寸的屏幕。卡正好能解决这个问题,因为它把内容包装成固定的小块,就像水一样,可以放在任何比它大的容器里。不仅如此,卡片式界面也可以根据需要随时删除卡片,从而灵活控制界面上的内容种类和数量。由于反应式界面的大环境,“卡片化”这个词越来越受到人们的关注。实际上,无框界面和卡片化并不真的冲突,将内容分割成小块的概念依然存在,只是现在卡片已经完全透明,不需要再去看卡片的样子。


注意力劫持

对于卡片的界面设计而言,很可能第一眼看到的是卡片的边线,而非内容,因为白卡和灰色背景的对比非常明显,而且尺寸也很大,所以非常吸引人。而且贺卡上的内容,由于挤在贺卡里,所以很容易被忽略。

因为没有边线,只有内容,所以用户第一眼的注意力肯定是内容。

对于界面来说,没有比关注更有价值的了。由于产品希望向用户提供的功能越多越好,但用户对产品的关注总是有限的。因此,控制用户的注意力是设计者的主要任务。假如在界面上放置的“装饰”色彩太多,引起人们的注意,用户看到内容的机会就会减少。虽然有边框,也可以通过特别的边框设计来控制用户的分心,但边框越多,难度就越大。

降低设计约束

这个设计连贯一致。一处有边框,其他许多地方就会加一处来呼应它。有很多边界,有很多束缚。那就意味着从现在起,无论你想在界面上添加什么内容,都要考虑一下,是否需要添加边框,如果边框有几个类别,那么此时也要考虑,这里的内容应该属于哪种类型。如此设计者就会不自觉地给自己添加更多的束缚,而这些束缚,用户实际上根本不在意。

提高设计利用率

一切边框,都可以不加边线,但至少必须有两个边距,即内外边距,这样才能保证视觉效果的舒适度。但是,如果去掉边框,按照距离分割内容块,则只需在两个内容块之间留一个空格。即使是为了区分要拉大的间隔,一般也不会超过有边框的情况下内外间隔的总和。如此计算,无框界面的利用率将会更高,能够在有限的空间,放置更多的内容。


提高设计效率

减少先前提到的设计束缚,可以被视为设计思维效率的一个提高。除思维外,无框界面更显著地提高了绘图效率。

绘画时,给内容加边框就意味着每增加一个内容就首先画出一个边框;每次修改这样的内容时,边框就会一起修改。特别是在许多工具中,画圆角、双线等特殊边框是相当麻烦的。

容易视力指标下降

为区别、突出和弱化某些事物,视觉上的问题可以以N中方法解决。但如果死守不动,这些可用的手段就会减少。但是我认为,少走弯路多真诚是这个时代的精神追求,所以大多数情况下,在视觉上朴素一些也是不错的。但在特殊情况下,完全没有必要死守任何教条,毕竟只有在少数情况下,才会有破例的规定。


可视和互动的分歧

即使是无框界面也常被应用,但是视觉设计师仍然可能对此毫无感觉。对于任何对某种风格的强调,都是视觉上的一种限制。但是把无框看成是对视觉设计的限制,其结果有利于易于使用,视觉设计可能难以接受。要想使问题变小而解决问题并不容易,这就要求决策者具备全局观,就像当前乔布斯取消了手机键盘一样。

而对产品本身而言,则希望建立自己的风格,体现自己的品牌认同感,从而使全身解数多得用户的青睐,无框的界面只是界面风格中的一种而已,并非万能贴,全键盘的黑莓手机曾在西方市场占有一定的使用率,但是我们从来不认为有框和无框有对有错,甚至对立之分,但是未来世界设计的趋势将走向无框甚至是一种上升到哲理层面的悬空设计。


维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码