据说今年流行无框设计？-博鱼在线官网

本文摘要：什么是无框界面？

什么是无框界面？纵使几大设计风格已构成寡头独占（如苹果的圆角玻璃、谷歌的层级、微软公司的方块…），但界面设计的演化历程才刚刚开始。在这个新趋势中，界面上的内容更加最重要，比较的，一切与内容牵涉到的都被大大缩减。去一般化是一张十分模糊不清的全景图，在进化中一些新的设计风格渐渐明晰一起，例如——无框界面。

或许你早已找到了，今年来更加多的网站和应用于，特别是在是那些侧重设计的，都有这样的趋势。曾多次用来区分区域的边框和边线渐渐消失，然而在整洁的界面上，通过距离拆分，各区域的差异依旧明晰轮廓。△ 去形式样例那么卡片简化呢？如果你的设计思维还什么是无框界面？纵使几大设计风格已构成寡头独占（如苹果的圆角玻璃、谷歌的层级、微软公司的方块…），但界面设计的演化历程才刚刚开始。

在这个新趋势中，界面上的内容更加最重要，比较的，一切与内容牵涉到的都被大大缩减。去一般化是一张十分模糊不清的全景图，在进化中一些新的设计风格渐渐明晰一起，例如——无框界面。

或许你早已找到了，今年来更加多的网站和应用于，特别是在是那些侧重设计的，都有这样的趋势。曾多次用来区分区域的边框和边线渐渐消失，然而在整洁的界面上，通过距离拆分，各区域的差异依旧明晰轮廓。△ 去形式样例那么卡片简化呢？如果你的设计思维还逗留在卡片话，那就落伍了，因为无框界面的趋势下，卡片的概念被淡化。卡片与否有何最重要？当真用户甚至会察觉到，他们只关心自己来这里的最后目的，界面临他们来说只是搜索信息的手段之一罢了（如果有很好的搜寻功能能用的话，说不定显然不必洗一眼界面）。

到底，卡片简化的由来有它的合理性。几年前大家注意到显示屏的尺寸更加不能预期，设计师急需一种设计手段，来让设计出有的界面需要适应环境有所不同尺寸的屏幕。

卡片恰好需要解决问题这一点，因为它将内容PCB成相同的小区块，像水一样，可以放到任何比自己大的容器中。不但如此，卡片式界面还可以根据必须岁时删改卡片，以此灵活性掌控界面上的内容种类和数量。

由此号召式界面的大环境下，卡片化这个词被更加多地注意到。只不过无框界面与卡片化并不确实相冲，将内容填装成小区块的概念依旧还在，只是此时卡片早已几乎半透明，不必须看见卡片的样子了。无框的优势？用文字来辩论过于过抽象化，所以我用无框的概念优化了一个大家熟知的有框界面。

不要回答我是哪个网站，哈哈~△ 上面的是原版界面，下面的是我改动的无框版掌控注意力看右图的原版界面时，第一眼很有可能看见的是卡片中的边线，而不是内容。这是因为白色卡片和灰色背景的对比非常明显，而尺寸又相当大，所以十分更有注意力。而卡片中的内容，因为在卡片中挤作一团，所以很更容易被忽视。看上图中的无框版界面时，因为没边线，只有内容，所以用户第一眼的注意力认同是在内容上。

用户之于界面，最宝贵的要数注意力。因为一个产品想获取给用户的功能是越多越好，但是用户的注意力一直只有那么一丁点。所以，掌控用户的注意力是设计师的关键愿景。

如果界面上放置了过多色彩作见证、更有注意力的“装饰”，用户看见内容的几率逆上升了。当然，即便有边框，还是需要通过对边框的类似设计来掌控用户的注意力不集中，但是边框就越多，可玩性就越大。增加设计束缚设计是连贯、统一的。

一旦一个区域有了边框，其它很多地方都要再加边框与之交织。边框一多，束缚也多。因为这意味著从此以后，不论一项要在界面上加一点什么别的东西，都要思维一下，否必须再加边框，如果边框还分好几类，那么这时还要辨别一下此处的内容合适用于哪类边框。这样设计师不心态地给自己特了更加多的束缚，而这些束缚，用户只不过显然不care。

减少界面利用率所有的边框，可以不要边线，但是最少得要有两个边距，即内边距和外边距，这样才能确保视觉效果的舒适性。然而如果去除边框，用距离拆分内容区块，那么两个内容区块之间就只必须一个间距就好了。

就算为了区分要拉大这个间距，也一般来说会多达有边框情况下内外边距之和。这样算数来，无框界面的界面利用率不会更高，需要在受限的空间里，放置更好的内容。提高设计效率前面提到的增加设计束缚，可看做是一种对设计思维效率的提高。除了思维之外，无框界面临画图效率的提高更为显著。

在画图过程中，给内容再加边框意味著每减少一块内容都要先画出有边框；每改动以此内容，边框都要悉数改动一次。特别是在是在很多工具中，圆角、双线等类似边框画一起非常繁复。有何争议视觉手段增加为了区分、引人注目、弱化某些东西，视觉上可以用N中方法解决问题。

但是如果固守无框，这些能用的手段就增加了。但本人指出，较少点套路多些诚恳是这个时代的精神执着，所以大部分情况下，视觉上朴素些也挺好。但是在类似情况下，几乎不必须固守任何教条，却是规矩就是为了在少数情况被超越而不存在的。视觉与交互的分歧纵使无框界面有再行多易用性的有点，视觉设计师依旧有可能回应无感。

因为凡是特别强调某种风格，都视觉来说都是一种容许。而如果将无框看做对视觉设计的容许，其结果获益于易用性，视觉设计有可能无法拒绝接受。

很多事情无以的不是减少而是增加，这种改变必须像当前乔布斯除去手机键盘一样，有一个具备全局观的决策者。同质化这是个坦率的课题，可以下降至哲学境界，这里不能不算不能抛掷些砖角。

在除去多余“装饰”之后，界面只只剩内容，这不会让有所不同产品之间更加相近，回头到淋漓尽致，甚至有可能大家看上去几乎一模一样都有可能。一方面对于用户来说，这显然不是个问题。虽然用户也很享用产品获取的可选价值，但是他们并不确信产品获取观赏性和趣味性，却是大家平时有的是娱乐手段，用于非娱乐性产品时除了较慢超过自己的目的之外别无他欲。

另一方面对于产品本身来说，都想竖立自己的风格，反映自己的品牌识别性，施展浑身解数想取得用户的额外青睐。在这两个方面要如何权衡？未来认同是用户的。

但界面的必要蛮横不一定与识别性几乎冲突，即便操作界面的识别性为零，也可以通过Logo、文字等手段来竖立品牌形象。从另一个角度来思维，在知道多近的未来，人类和机器之间，很有可能早已仍然必须界面来交流了。荐个最接地气的例子，如果Siri可以代替iOS的一切界面，那么不要说道无框界面，所有界面都就让，这是不是代表iOS这整个产品的品牌形象就失去了？当然不是，语音的音色、语气、问方式……有过于多的东西都能让用户产生印象了。

一个来世作为一个有全局观的人，我又要托一下历史了。只不过最先的人机界面是无框的——命令行，还忘记吗？△命令行界面但是，图像界面完全一问世就是有框的，而且早期的图形界面完全满屏都是框。因为那时大家还只不会用线来区分区块。△ 早期的图形界面发展了好久，再一在一两年前，咱们学会了用色块代替边线。

△ Instagram 2015不要多久，更好的人会找到连色块都不必须就可以将内容区分开，那就确实是无框界面的时代了。△ 无框界面先驱们总结无框界面只不过不过是界面风格的一种罢了，并不是包治百病的神药。差劲的设计师，什么风格都解救布料；而能合为一派的杰出设计师并不需要接到任何风格的局限。即便在今天，全键盘的黑莓手机依旧在欧洲市场占有最重要方位。

我从来不指出有板与无框之间又是非之分，只是此处做到个应验，未来的世界会朝无框迈向。

本文来源：博鱼在线官网-www.purpleacesfans.com