2018-01-24
4886
如果你在电视上观看任何家装节目,最重复的一句话可能就是“开放式的概念设计”。你知道吗?你也可以DIY自己的方式进入网站设计的开放式布局吗?这种设计趋势不仅仅是一个家居装修的想法。
开放的概念是一个有趣的,功能强大的视觉模式,可以帮助用户浏览您的网站,同时控制数字杂波。以下是您如何使用10个小型案例研究和示例进行的操作!
打开概念入门
在家庭设计中,一个开放的概念布局就是将多个空间聚集在一起,使空间最大化,例如一个厨房和生活空间的大型平面布局。
“视觉流向对用户来说必须是显而易见的,所以他们确切地知道该怎么做”
在网页设计中,这个概念非常相似。一个开放的概念布局以明亮而通透的方式在元素之间创造出极佳的流程。该设计将最大限度地利用空白,并使用简单的元素与大量的和谐,平衡和简单的流程。
颜色的使用可以大胆或精简,页面可以包括短或长卷轴。
这些布局通常最适合设计的详细计划和流程,最终以一个行动号召结束。试图混合和匹配太多元素和块可能会导致混乱的设计。使用开放式概念设计趋势时要记住的关键是,视觉流向对用户来说必须是显而易见的,所以他们确切知道如何处理设计以及如何操作。
GrowX
GrowX使用白色空间,干净的图像和文本的一个伟大的组合和与拱形标题的一个有趣的特点在开放空间混合元素。
这里使用的文本和图像的分层效果是开放式设计的常用技术。使用图层可以帮助用户从一个元素到下一个元素,并保持视觉流动。
开放式设计的谨慎之处在于用户可能会迷失在空间中。由于一个聪明的“窍门”和分层元素,用户知道在这个网站上看什么。
NooFlow
虽然大多数开放的概念理念让你立即想到白色的空间,但NooFlow证明颜色可以同样令人惊叹。
该设计将元素与均衡的文字与图像设计融合在一个几乎分屏的美学中。所有这一切的共同点是,虽然明亮,调色板很简单。通过消除其他色彩,开放式设计具有简单的流程,并鼓励用户在设计中移动。
打开磨损
Open Wear采用了全分屏概念,但具有定向图像,可将用户推向内容方向。
由于照片的选择,这种设计看起来更加开放。这里的内容适合于在平衡白色背景的图像中充足的白色。总体而言,即使有很多元素和视觉入口点,视觉轮廓也会感到通风和清新。
想想这个相同的设计,左边的照片大都是黑色的。这将改变整个设计理念和流程。
Brightscout
Brightscout以对角方式从徽标和导航到文本元素创建流向图像(反之亦然,取决于您的眼睛先放在哪里)。
这里的开放式概念看起来和使用相同名称的设计技术的家庭平面图非常相似。有虚构的线条的不同点,告诉用户下一步要去哪里。
而行动号召则用一个大的按钮和颜色重音。功能显而易见。
当涉及到开放的概念时,夸大地使用空间是一个共同的主题。空间告诉用户一件事结束,另一件事开始。
Duotix在整个设计中使用这种空间模式来创建内容块之间的视觉差异,每个内容块都有自己的号召性用语。此外,在滚动,白色和彩色的背景交替,以帮助保持用户移动。(这就是开放概念流程的地方)
PopularPays
通过视差滚动,简单的动画和极度的边距,PopularPays在建立功能的同时为内容创建了多个空间。
图像和文字都很有吸引力,特别是与动画效果配对时。
这个设计的好处在于,它表明了多种趋势可以协同工作,创造出一种不是压倒性的东西,而是具有明显的现代感。它需要正确的内容来使用多种趋势进行设计,通常简单的内容计划效果最好。
阿贝尔
像其他一些例子一样,Abel对元素进行分层以保持眼睛从一个项目移动到另一个项目。这个版本的开放式概念计划的好处在于,大部分空间位于页面顶部,下方有较重的项目。
同样的视觉主题继续在元素上方和下方的空间上滚动,以在开放式概念设计中创建单独的空间。
这个例子表明,并不是所有的电子商务网站都必须有一个完整和杂乱的感觉是有效的。
汉普郡光
Hampshire Light设计的美妙之处在于它为家庭设计产品使用了开放概念的网页布局。(谈论从数字到物理领域的趋势!)
是什么让这个设计的工作是使用不对称的空间和鲜艳的色彩。一切有关设计意味着一个开放和通风的感觉,从黄色口音透明印刷形象到开放的“h”标志。
这种设计的另一个关键细节是夸张的行间距。较轻的无衬线字体可能是一个有风险的选择,但是由于文字和间距较短,它有助于开放式概念设计的整体感觉。
走的人
通过微妙的动画,柔和的色彩和充足的空间,“行走的人”可能会让你想到高高的天花板和可能性。简单的设计结构包括每个页面上的一个内容元素以及有趣的点击滚动功能。
审美是开放的,不变的,用户有一种从空间到空间的感觉,尽管它们(理论上)是以单页格式静止的。
症结
症结可能体现了我自己家的开放式概念平面图,最重的设计元素被推向外部边缘。
中心标志和号召性行动提供了一个明显的焦点,使其他元素不会出现混乱或不合适的地方。向下翻页导航把它们全部拉到一起,作为笔设计的路线图,对于一些用户来说,可能有点难以以几乎圆形的形状进行导航,而没有明显的进入点或退出点。
结论
很有可能你已经将一些开放概念融合到你的设计中。这是你喜欢的一种趋势吗?
我们将开放式设计的趋势看作是有一些持久力的东西,因为它源于设计理论。充分利用空间的布局永远不会过时(即使我们称之为随时间变化的趋势)。
本文来自广州品牌网站建设网站设计制作公司-纵天科技
标签:广州网站建设公司,广州网页设计公司,广州网站设计公司,网站建设 广州,广州 网站建设,广州企业网站建设,营销型网站建设,网站建设设计,广州网站开发,网站制作设计