如果你是一个“家装达人”,并比较关注相关的电视节目的话,你可能会经常听到“开放式概念布局”这一概念,不过,你知道你也可以在网站设计中使用开放式的概念布局吗?这种设计趋势不仅仅只是家装理念。
开放式概念是一种有趣的、功能直观的模式,可以帮助用户浏览网站,同时控制过多的干扰。下面是10个案例,希望对你可以有所启发!
什么是开放式概念布局?
在家居设计中,开放的概念设计指的是一种将多个空间整合在一起,形成一个流量最大化空间的设计概念,如将厨房和生活区域融合在一个空间的一个大的平面图。
在网页设计中,这个概念非常相似。一个开放的概念布局创造了各种元素之间的流动。该设计理念将最大限度地利用白色空间和使用简单的元素来创建大量和谐,平衡和简单的视觉流程。
颜色的使用可以是大胆或偏向柔和的,页面的布局可以是长页面或者短页面。
这些布局通常对设计中较为详细计划和流程最为有效,因为设计强调的是在同一个空间中的统一,所以试图混合和匹配太多的元素会导致设计上的混乱。当使用开放概念设计趋势时要记住的关键是,视觉流必须对用户来说是显而易见的,这样他们才知道如何处理设计以及如何在各个页面中切换。
1.GrowX
GrowX在其网站的设计中使用了一个巧妙的结合,通过将白色空间、干净的图像和文本混合放置在同一个开放的空间,拱形的标题成为了页面一个有趣的特点。
这里所使用的文本和图像的分层效果是一种常见的开放概念设计技巧。使用分层可以帮助用户从一个元素过渡到下一个元素,并保持视觉流移动。
开放式概念设计的细节之处在于,用户不会在空间中迷失方向,通过这些聪明的“伎俩”和分层元素,用户知道在这个网站上该怎么来查看。
2.NooFlow
最放的观念可能让你马上想到的回事白色空间,NooFlow证明了使用不一样的颜色同样可以达到惊人的效果。
该设计将各个元素、文字和图像平衡的混合在一个几乎分裂的屏幕中。但是通过明亮,简单的调色板又将它们关联和组合在一起。通过消除其他不必要的干扰色,开放式设计给人一种简单、舒服的感觉,这同时鼓励用户在设计中继续移动。
3.Open Wear
Open Wear使用了一个完整的开放式设计概念,通过定向图像将用户推向内容的方向。
由于对照片的选择,是的这个设计看起来更加开放了。这里的内容于白色背景中的图像达到了一种平衡,总的来说,即使页面中有很多元素和视觉入口点,但是在整体上给人的感觉却很清新。
同一个设计发挥你的想象,若果左边的照片大多是黑色的呢?这将改变整个设计理念和流程。
4.Brightscout
brightscout创建了一个从logo到导航到文本元素再到图像的完整的形成对角的视觉流。
这里的开放式概念在视觉上以及实际的作用上都非常类似于家装设计——有明确的切入点与假想的线告诉用户下一步应该去哪里。
而行动呼吁的口号与一个大且鲜艳的按钮在这个页面上变得显而易见。
5.Duotix
对于开放式概念,夸张地使用空间是一个常见的技巧。空间可以给用户传递一个信息:这是摸个事件(或内容)的结束,以及另一事件(或内容)的开始。
Duotix使用这个模式在同一个空间中创建内容块与视觉设计之间的区别,使得每个元素或内容都用自己的行动。此外,在滚动页面的时候,白色和彩色背景交替,以帮助保持用户移动。