IT技术互动交流平台

蓝蓝设计 巧用色块布局,让你的网站与众不同!

作者:lanlanwork的专栏  发布日期:2013-12-05 22:42:19

朋友们大家好,今天蓝蓝设计和大家一起分享一下如何让你的网站设计与众不同的方法:巧用色块布局。下面请朋友们欣赏一下,下面的素材吧!

ux-lx.com

每一个导航都有一种鲜明的颜色,而且对应的子页面中也会有不同的背景颜色,瞬间能感受到一种扑面而来的时尚和热情了,你怎么看?

ux-lx.com

piccsy.com

#E02E42和不同灰度的黑白色彩,简单的icon图标,营造出了一种优雅、愉悦的气氛,flatUI、自然排列的圆角二级导航菜单,清新明快,有没有想再停留一会儿的赶脚呢?有时候,管理复杂比简约设计更重要哦~:)

httppiccsy.com

kippt.com

这个网站告诉你神马叫做一目了然!有时候,捉迷藏会令人感到很烦…

kippt.com

ryanfait.com

在这个全屏、居中、甚至居左的页面都满天飞的web时代,这个页面是不是很别致?是不是很空灵?是不是很…美?看header上文字的巧妙排版,有木有拍自己脑袋的冲动?

height=380

gathercontent.com

这种…最近风头挺旺的,暗含内容被虚化的大背景图片,上面摆放文字、半透明的div块,有些页面中会将图片加上一层暗纹,不多做介绍~

gathercontent.com

honghaihaotian.com

之前有提到过这个网页,flash做的,那些小方块立体翻滚,烟雾缭绕,建议去感受下,
如果不提动态,背景图片加上色块导航,也是挺不错的一款设计方案~

QQ截图20130428163954

smashingmagazine.com

这个页面其实没有很多的色块元素,但是…信息量很大。把它列在这里的原因是:我发现它最上方的导航做成了tab样式,整个页面有层次感,很有特色~~有没有发现搜索显得很亮?

QQ截图20130428162446

shejidaren.com

关于这个页面,我只想说两点:1、底纹往往决定一个网页的气场和品位;2、繁体字的大标题是不是显得更加饱满和惊艳?3、我绝对没看出来这是用wordpress搭建的…

显然…这个跟我们标题讨论的色块也没有关系…但是,我觉得很有必要分享…

height=380

nicolasgallagher.com

为了让这个懒洋洋的页面更全面地显示出来,小编省略了中间更多的内容,特意为两幅添加了border,拼接起来供大家赏玩…你看到过这样的网页么?至简啊有木有…

nicolasgallagher.comQQ截图20130428161428

意犹未尽的最后

其实,不管什么风格的页面,看久了都会视觉疲劳,所以,当你看到最后一幅的时候,你可能会感觉到很舒服…我们的眼睛需要休息,多元可定制的风格才是王道,期待web带给我们越来越美妙的体验。

Tag标签: 设计   巧用   布局  
  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规