2019年流行的UI风格，可能是你从未听过的「无框界面」
2019-11-17
什么是无框架界面？你凭什么认为它会成为2017年的主流用户界面设计风格？什么是无框架界面？
尽管几种主要的设计风格已经形成寡头(例如苹果的圆形玻璃，谷歌的等级制度，微软的立方体...)，界面设计的进化才刚刚开始。
我在之前的“设计新趋势！平面设计之外，“简化复杂性”的亮点是什么？写了关于形式化的主题。在这种新趋势下，界面上的内容变得越来越重要。相比之下，与内容无关的一切都大大减少了。
去形式化是一个非常模糊的全景图，一些新的设计风格在进化中逐渐变得清晰，比如无框架界面。
也许你已经发现，今年越来越多的网站和应用程序，尤其是那些专注于设计的网站和应用程序，都有这种趋势。用于划分该区域的边界和边缘逐渐消失。然而，在一个干净的界面上，通过距离划分，区域之间的差异仍然清晰可见。
卡片呢？
如果你的设计思想仍然停留在卡片上，那它就过时了，因为卡片的概念已经在无框架界面的趋势下被淡化了。卡片的重要性是什么？无论如何，用户甚至不会注意到，他们只关心他们在这里的最终目的，界面只是他们搜索信息的手段之一(如果有一个好的搜索功能可用，也许根本就没有必要浏览界面)。
是的，卡片的起源有其合理性。几年前，人们注意到显示屏的尺寸变得越来越不可预测。设计师迫切需要一种设计方法来使设计的界面适应不同尺寸的屏幕。卡片可以解决这个问题，因为它把内容物封装成固定的块，像水一样，可以放在任何比它大的容器里。不仅如此，卡式界面还可以在需要时删除卡片，从而灵活控制界面上内容的类型和数量。因此，在响应界面的上下文中，“卡”这个词已经越来越被注意。
事实上，无框架接口并不真正与卡格式冲突。将内容分成小块的概念仍然存在，但此时卡是完全透明的，不需要看到卡的外观。
无框架的优势？
用文字来讨论太抽象了，所以我用无框架的概念优化了一个熟悉的框架界面。别问我是哪个网站，哈哈~8jt北京网站开发，北京网站建设，网站设计，网站制作——中国企业崛起网站开发公司
△以上是原始界面，以下是我修改后的无框架版本8jt北京网站开发，北京网站建设，网站设计，网站制作——中国企业崛起网站开发公司
控制注意力
当查看图片的原始界面时，很可能第一眼看到的是卡片上的边界线，而不是内容。这是因为白色卡片和灰色背景之间的对比非常明显，而且尺寸非常大，所以非常有吸引力。卡片中的内容很容易被忽略，因为它们被包装在卡片中。
当查看图片中的无框架界面时，因为没有边框，只有内容，所以用户的第一注意力必须放在内容上。
用户的注意力对界面很重要。因为一个产品想给用户提供的功能越多越好，但是用户的注意力总是只有一点点。因此，控制用户的注意力是设计师的关键任务。如果界面上放置太多彩色“装饰品”来吸引注意力，用户看到内容的概率就会降低。当然，即使有边界，也有可能控制用户的注意力不被边界的特殊设计分散，但是边界越多，难度越大。
减少设计约束
设计连贯统一。一旦一个地区有了边界，许多其他地方需要添加边界来呼应它。边界越多，约束就越多。因为这意味着从现在开始，无论接口中还需要添加什么，都必须考虑是否需要边界。如果边界被分成几个类别，那么人们还必须判断哪种边界适合这里的内容。这样，设计师不知不觉地对自己施加了越来越多的限制，而这些限制，用户其实并不在乎。
提高界面利用率8jt北京网站开发、北京网站建设、网站设计、网站制作——中国企业崛起网站开发公司
所有边界都可以是无边界的，但为了确保视觉舒适，必须至少有两个边界，即内边界和外边界。但是，如果去掉边框并且内容块按距离划分，则两个内容块之间只需要一个空间。即使要增加间距来区分，它通常也不会超过带边框的内外边距之和。
这样，无框架接口的利用率将会更高，并且可以在有限的空间中放置更多的内容。
提高设计效率8jt北京网站开发，北京网站建设，网站设计，网站制作——中国企业崛起网站开发公司
前面提到的设计约束的减少可以被看作是设计思维效率的提高。除了思考之外，无框架界面更明显地提高了绘图效率。
在绘制过程中，为内容添加边框意味着对于添加的每一条内容，必须首先绘制边框。对于每次修改，必须同时修改边框。尤其是在许多工具中，圆角、双线和其他特殊的边界绘制起来相当复杂。
有什么争议8jt北京网站开发，北京网站建设，网站设计，网站制作——中国企业崛起网站开发公司
视觉手段减少8jt北京网站开发，北京网站建设，网站设计，网站制作——中国企业崛起网站开发公司
为了区分、突出和弱化一些事物，我们可以用n的方法直观地解决它们。但是如果你不坚持框架，这些可用的方法将会减少。然而，我认为少例行公事，多真诚是这个时代的精神追求，所以在大多数情况下，视觉简单也是好的。然而，在特殊情况下，没有必要坚持任何教条。毕竟，有些情况下规则是会被打破的。
视觉与互动的差异8jt北京网站开发，北京网站建设，网站设计，网站制作——中国企业崛起网站开发公司
尽管无框架界面更加用户友好，视觉设计者可能仍然对它们毫无感觉。因为对某种风格的任何强调都是视觉上的限制。然而，如果无框架被视为对视觉设计的一种限制，其结果将受益于易用性，视觉设计可能难以接受。许多事情不是增加而是减少是困难的。这种变化需要一个具有全球视野的决策者，就像乔布斯取下手机键盘时所做的那样。
这是一个严肃的话题，可以提升到哲学层面。这里最多只能扔几块砖。删除多余的“装饰”后，界面将只有内容，这将使不同的产品越来越相似，到了极点，甚至有可能让每个人看起来完全一样。
一方面，这对用户来说根本不是问题。虽然用户也享受产品带来的附加值，但他们并不期望产品带来乐趣和兴趣。毕竟，人们通常有娱乐手段。当使用非娱乐产品时，他们别无选择，只能快速实现自己的目标。
另一方面，对于产品本身，他们都想建立自己的风格，体现自己的品牌识别，并尽最大努力获得用户的额外喜爱。
如何在这两个方面之间进行选择？未来绝对属于用户。然而，接口的直接粗鲁不一定与可识别性完全冲突。即使操作界面的可识别性为零，品牌形象也可以通过标识、文字等方式建立。
从另一个角度来看，我曾经在《图形界面的终结？谈论未来可能流行的“会话式交互”(Conversational Interaction)表明，在未来，很可能不再需要界面来进行人与机器之间的通信。例如，如果Siri可以替换iOS的所有接口，那么不要说无框架接口，所有接口都消失了。这是否意味着iOS作为一个整体产品的品牌形象已经丧失？当然不是，语气颜色、语气、回答风格的声音...有太多的东西会让用户印象深刻。
说到这里，如果你仍然担心同质化，在另一篇文章中再见。
作为一个具有全球视野的人，我想再次提及历史。
事实上，早期的人机界面是无框架命令行，记得吗？
△命令行界面
然而，图像界面几乎一诞生就被框起来，早期的图形界面几乎充满了框架。因为那时每个人都只会用线来划分区块。
△早期图形界面8jt北京网站开发，北京网站建设，网站设计，网站制作——中国企业崛起网站开发公司
经过长时间的发展，我们终于在一两年前学会用色板代替边线。
用不了多久，越来越多的人会发现他们甚至不用颜色块就能区分内容，这真是一个无框架界面的时代。
无框架界面实际上只是一种界面风格，并不是治疗各种疾病的灵丹妙药。没有哪种风格能拯救一个糟糕的设计师。然而，能够形成自己风格的优秀设计师不需要受到任何风格限制。
即使在今天，全键盘黑莓手机仍在欧洲市场占据重要地位。我从不认为有框和无框之间有对错之分。我只是在这里预测未来世界将走向无框架。