当前位置 :主页 > 商品展示 >

文章查看

26个精彩的网格布局网站欣赏
* 来源 :http://www.skywallnet.com * 作者 : * 发表时间 : 2017-10-03 20:47 * 浏览 :

  现在大量网页设计基于网格布局。虽说人们通常注意不到它,但杂乱无章的布局时代确实已经过去了,现在是整齐结构化的天下。无论从理论、美学和整齐来说,这样的布局都很好平衡。网格结构是所有现代网站的基础,它总能给最终用户完美无暇的设计。

  尽管通常网格设计仅仅是在的间隔下用没有任何多余修饰的水平线和垂直线的交叉,但很多设计师们也会用一些明显突出的几何图形来修饰网格。通常我 们会在展示类、博客和新闻相关的网站看到清晰的网格,但有时也有一些个人网站或其他创意网站通过巧妙的处理网格吸引用户目光。不奇怪,它除了功能上的基本 优势外还有:

  在下面这些案例中你会发现那些引人注目的网站设计都技巧性地使用了能一眼察觉的网格。

  三列布局,每一列有自己的图片流用来展示不同明度图片。此外,当你滚动下拉网站其他图片的红色圆形链接会交替出现。

  利用大小不一但相对平衡的网格来突出以前的项目,不同大小代表不同的强调程度,尺寸越大代表它的复杂程度越高。

  是用黑色蒙版的绝好案例,每个单元格都有自己单独的蒙版。这样的变化加上色彩使用给主页一种棋盘的感觉。

  是一个完全动态的网站,它用时间线在基于网格的”画廊”上展示了不同时期的艺术家的杰作,这些图片占据了整个首页。

  把每个单元分成两半——一半图片,一半文字。而且设计师们增加个几个大方块幻灯效果让网格看起来很不一样。

  首页整版的缩略图形成了一个完美而详细的网格,尽管对一个网站来说有点笨重和混乱。

  大量留白让用户呼吸。设计师们把页面协调地分成4列,给每个单元格加上一个大标题和图片描叙。

  网格是一个一秒钟变混乱为整洁的整体设计工具,在网页设计领域这样的技能尤为重要。大部分普通用户想简单快速的获取信息,提供良好结构化的数据是首 选。但这样并不意味着网站展示就该平淡无趣。即使是再简单的几何图形也能在色彩、图片图形的配合下绚丽夺目。而且,清晰的网格设计能完美地融入各种类型的 网站不论你是在线还是创意展示。

  那么,你是怎样看这些基于网格的网站设计的?这些精心设计的单元块能够吸引你吗?它只是适合创意设计,还是更适合博客、在线或者资讯类网站?

  Axure 原型设计:从一个简单的H5活动页面,窥探 Axure 设计中的“支纷节解”

  面试11家,获得 3 个 offer 后,我总结了转行求职产品岗的一点经验

  【每日一问】第198期:如何利用产品和运营思维,帮助菜市场猪肉小贩将生意“抢”回来?