无框界面时代或将到来:无框界面优劣浅谈

无框界面时代或将到来:无框界面优劣浅谈,第1张

无框界面时代或将到来:无框界面优劣浅谈

什么叫无框界面

即使几大设计理念造就了垄断竞争市场(比如iPhone的圆形夹层玻璃、Google的grade、微软的grid……),界面设计方案的进化过程才刚刚开始。

曾经在之前的书里看过关于流于形式的话题讨论【翻译】去形式化——移动设计新趋势。在这种新的发展趋势下,界面上的内容变得越来越关键,一切与内容无关的东西都大大减少。

流于形式是一幅非常模糊的全景图。在进化的过程中,一些新的设计理念逐渐清晰,比如无框界面。

或许你已经注意到,2020年,越来越多的网站和应用,尤其是重视设计方案的网站和应用,会有这样的发展趋势。用来划分地区的边界和边界线逐渐消失。但是在整齐的界面上,根据间距,不同区域的差异还是清晰可辨的。

那麼卡片化呢?

如果你的设计思路还停留在卡片上,那就过时了。因为无框界面的发展趋势,卡片的定义已经被淘汰。这张卡有钥匙吗?简而言之,用户甚至不容易被发现。他们在这里只关注自己的最终目的地,界面只是他们寻找信息内容的途径之一(如果有非常好的检索功能,可能根本不需要看界面一眼)。

不,卡的起源有其合理性。两年前,大家注意到显示器的规格越来越不可预测,室内设计师急需一个设计方案,让设计方案的界面可以融入不同规格的显示器。这种卡正好可以处理这一点,因为它将内容封装到一个固定的住宅区,就像水一样,可以放入任何比它自身更大的容器中。不仅如此,卡片式界面还可以根据需要随时随地对界面上的内容类型和总数进行 *** 控。因此,在响应式网站界面的背景下,“卡”这个词越来越受到人们的关注。

事实上,无框界面和类卡并不真正令人反感,批量内容到住宅区的定义仍然存在。只是这个时候卡片已经完全透明了,不需要看卡片的外观。

无边框的优点?

用文字来讨论太抽象了,所以我用无边框的定义来推广一个众所周知的框架式界面。别问我是哪个网站,呵呵~

下图:上面是正版界面,下面是我换的无边框版。这个改动的重点只是去掉了边框。然后,为了更好的配合无框设计风格,我对关键点做了一些改动。目的只是为了更好的比较同一个界面有无框架的区别。

*** 控注意力

看图中正版界面时,很可能第一眼看到的是卡片中的边框线,而不是内容。这是因为白色卡片和灰色背景的对比突出,规格很大,所以引人注意。但是,卡片的内容很容易被忽略,因为它们在卡片中挤在一起。

看图中的无边框界面时,因为没有边框线,只有内容,所以用户的第一注意力无疑在内容上。

对于用户界面来说,最珍贵的就是注意力。作为一个产品可以呈现给用户的,越多越好,但是用户的关注自始至终只有一点点。因此, *** 纵用户的注意力是室内设计师的重要任务。如果在界面上放置的颜色明显、吸引眼球的“装饰性设计”太少,用户看到内容的概率就会降低。自然,即使有边框,也可以根据边框独特的设计方案来 *** 控用户的注意力,但是边框越多,难度系数越大。

降低设计方案拘束

设计方案一致统一。一旦一个区域有了边界,其他许多区域必须与之匹配。多一个边界,多一个约束。因为这意味着从现在开始,无论你想在界面上添加什么其他的项目,你都要想好是否要添加边框。如果有几种边框的话,那么你就要分清哪些边框适合这里的内容。那样室内设计师就不自觉的给自己加了越来越多的约束,而用户其实根本不在乎这个约束。

提升界面使用率

所有边框都可以不做边框线,但至少要有两个线高,即内边距和外边距,这样才能保证视觉冲击的舒适性。众所周知,如果去掉边框,用间距分割内容区块链,那么两个内容区块链之间只需要一个间距。即使为了更好的区分需要放大这个区间,但在有边框的情况下,一般也不容易超过内外边距之和。

那样的话,无框界面的界面利用率会更高,可以在相对有限的室内空室内放置大量的内容。

提高设计方案高效率

上面提到的设计方案约束的减少,可以看作是设计方案思维效率的提高。除了思考,无框界面对画图效率的提升更为显著。

在整个绘制过程中,给内容添加边框意味着每一段内容都要先绘制;这个内容每改一次,边框都要改一次。尤其是在很多特殊的工具中,画出弧线、多线等独特的边框是非常复杂的。

有什么异议 视觉效果方式降低

为了更好的区分、突出和弱化某些物品,视觉效果可以采用N模式处理。但是,如果你坚持没有框架,这种可用的方式就会减少。不过我觉得少点花样,多点真诚才是这个时期的精神追求,所以大多数情况下,视觉效果简单一点就挺好的。但是,在特殊情况下,完全没有必要拘泥于一切教条主义。毕竟,法规的存在是为了在少数情况下更好地摆脱它们。

视觉效果与互动的矛盾

无论无框架界面多么方便,很可能视觉设计师对此毫无感觉。但是,任何强调某种设计风格,在视觉效果上是有限的。但如果把无框架作为视觉传达设计的局限,结果是受益于便捷,视觉传达设计未必会被接受。很多东西难的不是提升而是降低。这样的变革必须要有一个有大局观的领导者,就像今天乔布斯把手机键盘拆了一样。

单一化

这是一个严肃的研究项目,它可以上升到社会学生活的领域。这里除了扔几块砖什么都没有。在【翻译】去形式化——移动设计新趋势中也看到了同样的问题。去掉不必要的“装饰性设计”后,界面中只保留内容,会让不同的产品越来越相似,越来越完美,甚至很有可能每个人看起来都完全一样。

一方面,对于用户来说,这根本不是问题。用户虽然也享受商品额外的使用价值,但并不期待商品的观赏价值和挑战性。毕竟大家平时用的都是游戏和娱乐,应用非趣味商品除了快速达到自己的目的,别无所求。

另一方面,对于商品本身,要塑造自己的设计风格,体现自己的品牌认知度,尽一切努力获得用户的额外好感。

这里两个层次怎么选?以后一定是用户的。但是,界面的直接粗暴并不一定与辨识度完全矛盾。即使实际 *** 作界面的识别度为零,也可以根据Logo、文字等塑造企业形象。

换个角度,我曾经在《图形界面》的结尾写道?已经讨论过,在未知的未来,人和设备可能不再需要接口来相互通信。举个最有态度的例子,如果Siri能取代iOS的所有界面,那就别说没有无框界面了,所有界面都没了。这是否意味着iOS所有产品的企业形象缺失?自然不是。视频语音的音质、语调、回应方式……能让用户产生印象的项目太多了。

说到这里,如果你还在担心简化的问题,请看另一篇文章。

一个轮回

作为一个有大局观的人,不得不再次提到历史时间。

其实最早的人机界面是无边框的——CMD,你还记得吗?

但是图形界面基本上一出来就是框框,初始的图形界面基本上整个屏幕都是框框。那时候,大家总是纠结要不要分割区块链。

这种趋势已经发展了很长时间。终于在一两年前,我们学会了用图形代替边框线。

下图:Instagram2015

用不了多久,很大一部分人就会发现,他们甚至不用图形就能分辨出内容,所以这真的是一个无框架的界面时期。

汇总

其实无框界面只是一种界面设计风格,并不是万能的。蛋糕的室内设计师,哪个设计风格都救不了;但是,能独当一面的优秀室内设计师,并不一定会受到所有设计风格的局限。

即使在今天,全键盘黑莓仍然在欧洲销售市场占据关键地位。我从来不觉得有框和无框有对错之分。只是这里有一个猜测,我以后的生活会走向无框。

创作者:Z·韩愈

资料来源:https://zhuanlan.zhihu.com/p/24771017

注:阅读相关网站基本建设方法的文章,请移至网站建设教程频道栏目。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/767433.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-02
下一篇 2022-05-02

发表评论

登录后才能评论

评论列表(0条)

保存