• Hello!欢迎来到网页设计学!
当前位置: 首页 > 设计理论 > 网页设计理论 > 个性独特的网页布局:非对称

个性独特的网页布局:非对称

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

相比中规中矩的网站布局,非对称的设计显得比较另类,当用户在互联网上习惯了简单一致的网站风格,一个独特的网站布局便会给人耳目一新的感觉。虽然大部分人喜欢使用网站模板,这样非常省事,但是没有自己的特点,不管是企业网站还是个人网站想要吸引更多的访客就要设计个性独特的网站页面,在布局上非对称是一个不错的选择。

非对称设计的用途范围非常广泛,不管是用在建筑、产品、等还是网站上,我们都要注意一个最关键因素,那就是平衡。怎么让网页整体看起来是平衡的,就要学会控制各个元素的大小、比重以及距离,必须让两个相邻的元素之间保持和谐的感觉,比如说你在画布上花一个小圆,要让他看起来并不失去平衡,你可以用很多不同的方法,你可以在他的旁边画一个更大的圆,还可以使用留白、纹理、色彩等等。

以下是我收集的一些优秀的不对称设计网站,一起来欣赏下:

Andrzej Capinski Studio

Asymmetrical Layout in Web Design1

老实说,第一次看到这个网站的时候会觉得怪异 ,但同时也因为其独特让人耳目一新。这个网站利用右边的留白以及左边的内容达到整体平衡。

Sjobygda Kunstnarhus

Asymmetrical Layout in Web Design2

第一印象就是网站中有很多偏离中心的三角形以及对角线和垂直线,布局比较简单,填充了色彩的不规则图形与图片叠加在一起,纵深感和立体感更加明显。

Alcyon Communication

Asymmetrical Layout in Web Design3

这个网站采用非传统布局,大屏幕图片加上白色文字,感觉像是一个Flash网站,网页中间白色的半圆导航与矩形文本使整体画面保持平衡。

Start Up Giraffe

Asymmetrical Layout in Web Design4

一个可爱的网站, 布局简单清爽,主要用色彩和文字的搭配,比较明显的是中间的logo色彩与右下方的三角色块形。

Start Up Giraffe

Asymmetrical Layout in Web Design5

大多数网站主页会使用幻灯片展示产品,而这个网站一个页面展示了三种不同的轮胎。

Case3D

Asymmetrical Layout in Web Design6

本身的灰色图片看起来没什么新意,特别单调,而加上蓝色色块,就不一样了,不仅打破了宁静感而且平衡了画面。

The Wood

Asymmetrical Layout in Web Design7
就像一个欢迎页面,文字居左,背景图片是一片森林中间一条小路,好像在说欢迎进入本站。

本文链接:个性独特的网页布局:非对称

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

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


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

相关文章

发表评论

友情链接:

  • 网页设计

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