企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

一组能切实提高转化率的网站着陆页设计

发布时间:2015-10-16 11:45:49

TAGS:网站设计优化,企业网页设计,企业网站设计,北京网站设计,网站建设

在我身边的网页设计师们,在拿到一个项目的时候,和客户的观念博弈后,后,只能提供导航、按钮等基础元素的设计,而又由于客户主导着产品,因此对于产品本身没有经过展示设计的客户往往不懂得如何在网站上进行有效的安排。而整个网页的设计效果,就算前期经过设计师苦心经营一番交给客户后,换掉了设计师精心安排的大图和文字,不幸的话很容易就沦落成了手中又一个失败作品。在浏览国外的优秀网站时,我们是该停下来好好想想我们能为网页设计做什么?我们的定位是什么?7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这一期让我们从网站着陆页设计开始聊起。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

很多人在安排网站登陆页,往往以霸占全屏的轮播大图来吸引用户,设计师的做法焦点都集中在让大图本身足够震撼和吸引,以便使首页能锁住用户的眼球。至少,网站的所有者希望能通过几张全屏大图就能迅速有效地传播自己的价值和理念。但是除了简单让全屏大图左右滑动以外,我们还能有其他更新鲜的表达方式吗?或者说,在用户的期望之外,我们还能给到他们其他什么更加奇妙又更加人性化的体验呢?带着这些问题,不妨让我们看看下面这些登陆页的创作思路。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Nightowlinteractive(http://www.nightowlinteractive.com/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一组能切实提高转化率的网站着陆页设计7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

以纹理为背景,根据不同的文字滚动,深沉而富有一种复古和原始的基调,如果你的表达内容是以文字为主,可以考虑试试这类轮播方式。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Oficialanima(http://www.oficialanima.com/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

()7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

利用留白作为滚动图片的一个吸引的要素,奢华而充满了空间的张力,页码的表现形态也与整体的视觉保持和谐。周围配以相应的文字,予以部分重叠,凸显层次感和空间感。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

thehugo(http://www.thehugo.com.au/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

()7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

打开页面也许除了图案本身以外,几乎无其他任何元素,只有当鼠标滚动到下方时,首屏的图案瞬间转变为内容背景。而在屏幕的左边,有一个动态的标志,把背景和内容做了更有趣的连接。这种新颖别致的方式,用在品牌介绍甚至是内容详细页面都非常适宜。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Josephaavoue(http://www.josephaavoue.com/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

http://www.josephaavoue.com/7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

也许这里的大图不算大,但也在整个登陆页占据了重要的焦点位置。设计师为了凸显焦点也运用了线条和图形来引导用户的视线。左边文字右边图片,能够把内容表达得更为清晰,但整个页面元素比较累赘,所幸线条的排版和色彩运用得恰到好处。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Thebarkas(http://thebarkas.com/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

http://thebarkas.com/7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

可以看到从一个圆形到变作条纹再浑然一片整屏渐变,视觉既简单,又充满了动感,鼠标根据不同的角度而让背景色发生变化。不过这样做的前提是选择一个足够冲击力和字体和标志。让它成为视觉焦点。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Special.bose(http://special.bose.eu/fr/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

http://special.bose.eu/fr/7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

竖型展示也许已经足够新颖了,但在这个网站设计中还略微倾斜的展示方式,让页面更加具有新鲜和冲击力。鲜艳的色彩搭配更强调了这一效果。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Fixedgroup(http://www.fixedgroup.com/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

87DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

把图片一割上下两部分,然后用阴影创建图片的层次,让画面显得更纵深,某种程度上体现了优雅氛围。但需要注意的是,必须是图片本身是有分割的潜力的情况下。有的图片分割后也许会显得非常错愕。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Ginventory(http://www.ginventory.co/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

http://www.ginventory.co/7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这是一个介绍APP的网站,可以看到手绘的固定背景之上不断变幻的应用界面演示效果,动态效果非常炫酷。让人过目不忘。这种单一的背景让人锁定了品牌的内涵气质。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Thisisarc(http://thisisarc.com/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

http://thisisarc.com/7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

多以大图来吸引用户的策略也可以被文字所取代,这时,文字搭配一些出乎意料的动态效果和简单的弧形线条,发挥了图片所不能抵达的目的,精准地表达代替了图片的模拟两可。7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Cafefrida(http://cafefrida.ca/)7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

http://cafefrida.ca/7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

咖啡馆的格调自然是优雅的,那就用一张插图作为登陆页背景吧。但是仅仅是花朵插画吗?把你的鼠标往下拖动,你会发现,边缘的部分花朵叠加于内容之上,看上去就像从花丛中观看过去,十分精致美好。这种独具匠心的设计,设计师们,学起来吧!7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联


7DX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6165,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号