• [织梦吧]仅有域名:www.tbea-hb.com,织梦DedeCMS学习渠道.

织梦吧 - m88明升网站模板,建站教程,图片素材免费下载

你了解风行网页规划范畴的「敞开式布局」嘛?

来历: www.tbea-hb.com 修改:织梦吧 时刻:2018-01-23点击:

 

QQ截图20180122093133.jpg

假如你看过《愿望改造家》这样的家装类的节目,会发现掌管人和室内规划师最常说到的概念或许便是“敞开式布局”了。其实这个概念不仅仅在家装范畴盛行,在网页规划范畴,也逐步开端盛行起来。

敞开式布局其实是一种风趣且功用强壮的视觉规划方式,可以协助用户更好地阅读网页,还能合理的躲避凌乱的信息。经过下面的 10 个网页规划典范,来了解一下怎样在网页规划的时分运用敞开式布局吧!

关于“敞开式布局”

在室内装饰傍边,敞开式布局一般指的是让功用不同的空间互相堆叠在一同,到达空间最大化的运用。比方将厨房和生活空间堆叠在一同,互相打通同享。

“视觉流关于用户而言应该是显着而明晰的,这样他们就能明晰的知道他们该做什么。”

在网页规划傍边,敞开式布局的概念是相似的。敞开式布局下不同的元素以一种明晰而通透的方法,构成极佳的视觉流程。这样的布局将最大极限地运用留白,使得元素和元素之间愈加和谐、平衡,发明出简略移动的视觉信息流。

这个进程中所运用的颜色可以斗胆,也可以精约,页面可长可短。

敞开式布局愈加合适那些有着具体计划、流程,而且终究以一个明晰的行为呼唤收尾的页面。企图混合和匹配太多的元素和区块,终究或许会让整个页面堕入紊乱。运用敞开式布局的要害点在于,打破固有的概念,运用视觉信息流将用户导向一个清楚明了而且可以轻松处理的交互。

GrowX

GrowX 这个网站将网站常见的区块的概念打破了,让白色的布景、洁净的图片和一个拱形的标题混合到一个同享的空间傍边。当你向下翻滚的时分,页面中的图片会天然地左右活动,这种作用可以很好地促进用户往下翻滚阅读,也能强化视觉信息流。

敞开式布局或许存在的问题在于,用户或许会迷失在页面傍边。不过想要处理这个问题也不难,只需求合理地分层就行了。

NooFlow

值得注意的是,留白并不一定是白色的,比方Nooflow 这个网站,留白和布景便是赤色的,不过这相同发明了令人惊叹的视觉作用。

尽管颜色饱和度很高,单是整个配色计划并不凌乱。敞开式的布局营造出精约高效的视觉流程,鼓舞用户翻滚阅读。

Open Wear

Open Wear 这个网站相同采用了分屏式的布局,不过两边内容的轻重特点均不相同,这样的不对称使得用户会更天然地阅读右侧的内容页。

由于图片素材的很多运用,整个规划显得愈加敞开。尽管页面中元素并不少,可是整个布局规划显得满足通透敞开。

Brightscout

Brightscout 这个网站的首屏采用了奇妙风趣的对角线式的布局。图片和文字阐明参差地散布在网站傍边,这种参差而规整的布局给人的感觉也较为敞开,翻滚的进程中,缩放式的动效会让人不由得不断翻滚阅读下去。而页面终究也的确导向到了一个CTA按钮,功用清楚明了。

Duotix

涉及到敞开式布局的时分,充沛运用留白是一个怎样都绕不过的论题。留白最能通知用户一个视觉元素的范畴,内容从哪里开端,在哪里完毕。

Duotix 在整个规划中运用留白来区别不同的内容块,而且每个内容块中都有各自的行为呼唤按钮。此外,在翻滚进程中,白色和五颜六色的布景不断改变,影响用户不断翻滚。

PopularPays

经过视差翻滚和简略的动效,PopularPays 这个网站让用户主动地向下翻滚,其间的图片内容依照主题划分为不同的区块,结合超卓的视觉规划,显得十分有吸引力。

这个网站的规划标明不同的趋势可以协同作业,发明出风格现代而且方式感十足的规划,经过合理的调配,它们并不会给用户形成压力。

Abel

和其他的几个事例相同,Abel 这个网站借用敞开式的布局和分层结构,让用户在阅读的时分,天然地从一个项目切换到另一个项目上。

敞开式的布局让视觉元素在空间中相对自由地移动,看似凌乱的运动却有着全体感十足的体会,这恐怕只要敞开式布局可以做到。

Hampshire Light

Hampshire Light 这个网站的美好之处在于,它运用了敞开式布局的网页来展现敞开式布局的家居!

不对称的空间布局之下,艳丽的颜色、美丽的图片和奇妙的动效结合在一同,让整个网站显得通透天然。

能让这种通透感觉显得满足显着的别的一个要素应该是标题字体和正文字体的选取,粗细巨细比照都无比显着的两种字体组合到一同,其间行距也操控得满足“透气”,让整个规划从里到外都坚持了共同。

Walking Men

奇妙的动画和柔软的颜色,在有着充沛留白的空间布局之下,呈现出一种简略的美感。这个网站中每一个页面都包含着不同的主题,敞开式布局之下让网站宽恕地接收着各种不相同式的内容,这也正是这个网站杰出的当地。

Crux

Crux 更是敞开式布局的网站典型。主页上各种元素围绕着中心平铺在页面的周围,跟着翻滚整个布局被重置,网站导航被至于底部,好像视频剪辑东西中的进度条相同为用户阐明所在的方位。想要让网站风趣随性到这个程度,恐怕只要敞开式布局才行。

结语

作为一种规划趋势,敞开式布局现已盛行了一阵子了。比较于传统的网页布局,敞开式布局带来了更多的或许性,它不仅仅是盛行趋势的游乐场,更是需求规划师和前端通力协作才干发明出满足杰出的规划,可以说敞开式布局的网站是整个规划和开发团队的试金石。敞开式布局有着强壮的生命力,它应该还会盛行很长时刻。

标签:

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流渠道
  • 仅有网址 www.tbea-hb.com 网站地图
  • 联络咱们 tom@tiptop.cn ,