在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

网站建设布局如何玩出创意?

  网站布局设计如何玩创意?
  一套原创且新颖的布局能够显着提升网站的用户体验,但也不要让创意影响到了网站的可用性。和往常一样,我们要设身处地的站在用户的角度进行思考:我们希望他们最先看到什么?应当如何最有效地传达讯息?在设计开始前,以上的问题是必须要提出来的,因为布局将负责形成设计的其余方面。
  下面的几个网站的布局不走寻常路,尽管称不上完美,不过浏览这些网站,兴许能够给你带来创意的火花。
  Harry’s
  这个网站具有非常令人愉悦的体验。其设计师充分运用了网格,非常适合其目标市场。开放、干净的结构化设计带来了宜人的用户体验。作为一家卖男士剃须刀的网站,Harry’s所采用的图片都非常精致,具有男人味道的同时又不让人感觉粗野。
  Lucas Nikitczuk
  我个人非常喜欢Lucas Nikitczuk作品集的布局,原因就在于其表现出了Lucas的水平。网站开门见山,主页是设计师的简短自传以及作品。圆圈图形带来了友好和流程的美感。背景上泼溅的油漆奠定了网站的开放和自由特色。导航栏简单好用,在整个网站内保持一致。另一个值得称道的地方是,用户可以使用方向键进行导航,这一点对于笔记本用户来说非常方便。
  Impress
  这个网站的空白区让人觉得神清气爽,能够带来开放和友好的感觉。空白区能够让用户舒服地进行阅读和导航,同时也能更加高效地使用网站内容。其悬停特效比较特殊,类似于半张白纸折叠起来的样子。用鼠标点击后,按钮会像书本一样闭拢以显示更多信息。
  John Jacob
  这个作品集网站采用了水平滚动的方式,非常少见。点击查看任一作品时,其会展开放置到屏幕中央,并显示为大图,并配有简短的介绍说明。说明和作品清单都简短扼要,不会让你觉得一直在不同的页面之间翻来翻去。我很喜欢它的导航栏,所有元素都堆在左上角,设计师的社交网络链接放在右下角,形成了对整个页面的包裹。设计师对空间的运用非常到位,另外变形效果也很有意思。
  Institute for Emerging Issues
  这个网站采用了一致化的过渡效果,页面加载时会有小圆圈弹出。网站结构很好,小圆圈的友好很大程度抵消了下方冰冷的统计数据。“Challenges”部分的标题看起来很像对话气泡,更添友好气氛。标题上的悬停效果既有视觉吸引力,也不失功能性。统计数据中的数字只有在划过鼠标时才显示,因此不会让用户觉得太过枯燥。
  Andrew McCarthy
  Andrew McCarthy的作品集采用了独具一格的布局方式。页面上充斥着彩色的条带,有关设计师的详细信息则需要向下滚动鼠标查看。滚动鼠标时,会有一个像素化的猫形定格动画随之运动。这一简单的创意所带来的动感让我大爱不已。另外,这个网站也需要依仗用户的交互操作。
  Contad
  这个网站的所有内容:CSS、HTML、JavaScript和SVG都会随着鼠标滚动展示动画效果。简直太疯狂了!其明亮的颜色极具刺激性,设计中也融合了错综复杂的图示。但其缺点在于网站是专门为带有鼠标的台式机开发的,所以只支持Chrome浏览器。
  Norwich University of the Arts
  具有冲击力的照片和美轮美奂的图片充分展示了这所高校的艺术特质。主页的背景图片展开了一个生动有趣的故事,可以吸引用户。其导航栏放到侧面的布局很不错,与众不同而且完全有效,同时也不会抢图片和布局的风头。网站所有标签均为黄色,能够形成贯穿始终的一致化视觉特色。点击任意内容分类后,下拉菜单将吸引人的注意力,同时与布局相得益彰。
  Newsweek
  这个网站的布局脱离了新闻类网站的传统布局。Newsweek的主页简单但大胆,它使用头条新闻的配图作为背景图片。贯穿始终的红色小标签是网站的路牌,其表示当前所呈现新闻故事的类型。
  网站布局分为不同的部分,且各部分所采用的网格方式不尽相同。“Newsmakers”部分使用了标准网格,但没有采用传统的表格外观,其中部分图片以圆形显示,而不是常见的方形。随着鼠标向下滚动,可以看到每日新闻的布局方式也是如此,这种连贯一致有助于读者的理解。

相关文章:

  • 网站成功的关键就是把访客转化为客户。有很多网站,由于做了优化推广或者名声不错而有着强大的访问量,但这些访问量基本都没什么意义,因为这些人只是访客而不是客户。如果不...

  • 如今,网络营销已经成为企业发展的一个重要渠道,越来越多人开始做网络营销推广,而竞价推广是大多数人的选择。不过,对于竞价账户推广,大多数企业都表示真是一言难尽,费用...

  • 在一些搜索引擎广告,或者群广告内,大家经常会看到一些打着网站排名三天上首页,网站排名七天上首页的广告。而且是上去之后再进行付费,付费的方式更是按照天数或者按照月来...

  • 在做网站优化的人,去到一个新的公司以后,都喜欢自己从新建立一个网站来进行网站优化,但是对于新建立的网站,开始的时候会给予一定的排名,但是有一天突然间发现,网站的排...

  • 剑锋网络1月10日讯,网站的用户体验有哪些呢?在网站建设中又怎样提升用户体验呢?用户体验是一个非常广泛的定义。总的概括有七个方面。具体的我们一起来分析一下。 网站建设从多...

  • 剑锋网络1月9日讯,互联网改变了世界,亦改变了我们的生活,网上购物就是最好的例子。时至今日,网购已经逐渐被越来越多的人接受与追捧,网上购物的快速发展不仅印证了网络营...

  • 新手在谈到网站建设的时候,都是闻风色变,很怕做不好这方面的工作,但其实网站建设并没有大家想象中的那么困难,只要明确自己前进的方向,做好正确的规划,网站只会向良性方...

  • 作为网站设计公司,我们肯定都知道网站更换空间(搬家)是经常会遇到的事情。一般情况下都是由于空间不稳定或速度慢等因素。其实想着很简单,只需要程序搬家、数据库搬家、域...

  • 在网络信息化迅速崛起的时代,网络已经将社会、企业、消费者连接在一起,网络营销已经不再是一个概念性的营销工具,而是真正成为一种提升企业竞争力的有力工具。网络营销在实...

  • 随着移动搜索比例快速增长,企业也开始重视移动端,手机网站制作也成为一种趋势。手机网站制作需要从策划、设计、制作等几方面来做,今天西安剑锋网络小编就来跟大家讲一下,...

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:
  • Q Q: 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路11号逸翠园i都会