• Hello!欢迎来到网页设计学!
当前位置: 首页 > 设计理论 > 网页设计理论 > 方形和菱形在网页设计中的应用

方形和菱形在网页设计中的应用

.................................................................................................................................................................

如果你在网上搜索“方形在网页设计中的应用”,结果会显示一般这样的网站会用网格布局。网格布局并不是网页设计的发展趋势,但是把方形旋转45°的菱形在目前看来却很流行。

在这篇文章中,我们会看到一些在网页设计中运用方形和菱形元素的优秀网站,你可以把这些网站收藏起来,以供参考或者从中获得一些灵感。

 1. 方形在网页设计中的应用

KLM – Flat or Not

1-KLM
这个网站不是使用的网格布局,而是使用了几个不同色彩的方形小格子作为导航元素。

Kenji Endo

2-KenjiEndo
这个网站是一个日本音乐家的网站,整体使用黑色,只在网站左下角使用了一个小的方形幻灯片展示图片。

Rogue Society

3-RogueSociety
简约的设计中使用了许多不同形状如方形、圆形、椭圆、五边形,并在首页上只有一个方形。鼠标向下滚动你会看到更多的方形元素。

AYR Editions

4-AYREditions
AYR是牛仔布和牛仔服装生产商,他们的logo是空心的方形中间排列了四个黑色的文字 ,他们用标志作为其主页的核心。

Wellness Sport Club

6-WellnessSportClub
这是法国体育俱乐部的网站,后面的“照片墙”使用了方形元素并设计出一种立体感,点击左右箭头会显示更多的内容。

Winnica Chodorowa

7-WinnicaChodorowa
这是波兰葡萄园的网站,幻灯片显示的是黑白图像,直到你把鼠标停留在照片上才能变为全彩色。每张图片的右边都有一个空心的方形,里面展示了公司名称和葡萄园的所在区域。

Mash Web Design

9-MashWebDesign
该网页设计公司已经在他们的网站上使用了诸多流行元素(全宽背景、视差效果的幻灯片、扁平化设计 、网格布局等),网站中使用了大小不一颜色不一的各种方形元素。

Manzalab

13-Manzalab

Manzalab是一个法国游戏创作公司,他们的logo是由9个小方格组成,右上方的小格子被打破。中间的由一排红色小方格组成的路径会指引访客向下滚动该网站。

2. 菱形元素在网页设计中的应用

AXA Annual Report

15-AXA
这是AXA网站的2013年度报告,他们在主页上利用由多个不同色彩的菱形组成网格效果作为导航菜单。

Iron to Iron

18-IronToIron
这个网站是由一个设计师和一个开发人员所共同拥有。他们在其网站上利用了很多的菱形形状,通过菱形照片、菱形块的不同透明度等在主页上显示出一系列环环相扣的感觉。

Wit Code

19-WitCode
这个网站在其整体设计中使用了菱形。通过改变菱形的各种属性,进行各种组合。

Forbi

20-Forbi
该网站开发公司的设计非常讨人喜欢。在照片上使用黑色菱形覆盖并降低不透明度,并且只显示菱形形状的一部分,这种不规则的图形使网站显得更加时尚有活力。

Perspective Woodworks

22-Perspective
这个木制家具制造商在整个网站中几乎所有元素都是菱形,而主页上的各个形状仅供装饰用途,没有任何联系。

延伸阅读:圆形在网页设计中的应用
网页设计中的留白
网页设计中的斜线

本文链接:方形和菱形在网页设计中的应用

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流