酷站 | 复古风营销网站设计，2小时就能出稿\"

设计达人

www.shejidaren.com

爱设计，爱分享

很多时候因为时间、预算成本等因素，设计师需要快速 *** 一个产品营销网站，这时应该怎么做呢？可以参考今天推荐的 abybook 网站，设计师只占用很少的时间就能设计出来，不需要设计banner，只需要排版与配色，利用现成的实拍图片来 *** 出一个具有促成用户购买产品的营销页面。

该网站的用途仅介绍一本图书以及具有购买功能，所以用单页面、着陆页的方式更好的选择，减少工作量也降低成本。需要介绍的书籍名称Adverts of BritAIn’s Yesteryear内容是介绍50年代的英国的广告艺术作品，所以设计师使用了复古的色彩来衬托这个主题。

图书介绍：

汇集了1600多个精美的艺术广告，这些广告来自电视，消费主义和广告业定义的黄金时期，这个时期当然是50年代。这些艺术作品是由手工以及杰出的才华横溢的艺术家和插画家巧妙地创造出来的，他们将不懈地工作数小时甚至数天以达到完美的效果。这些广告是50年代思想流派的产物，在那里，正确地被视为种族主义和性别歧视之类的当今问题将成为卖点，而很少或根本没有考虑或考虑此事或其后果。

abybook 网页设计

网站名称：abybook网站风格：复古风网站配色：橙色 米黄网站形式：着陆页、单页面设计、营销网站设计网站地址：abybook.com

图1：幻灯片切换

幻灯片的切换多了一个亮点，设计师使用了遮罩功能（小编注：估计设计师没时间做BANNER，并且只有实拍照片，所以想出这么个创意点:-D）

图2：切换动画GIF图演示

图3：介绍

图4：视差背景

中间插入一屏视差背景作为过度，解决页面过于单调的浏览视觉。

图5：促成购买

介绍了这么多，最后就要让用户去购买了，所以单独做了一屏让用户购买的版面。并使用「 *** 版50本」的营销文案来吸引用户购买。

图6：周边展示

周边展示，注意这个布局和上面类似，但使用了反向的方式形成对比感觉。

图6：规格介绍

当我们页面内容非常少的时候，可以参考这样的布局做法，使用主色调的全屏背景，同时在背景上面加入一个半透明的LOgo水印来解决版面的空洞感。

图7：网页照片滑动特效

最后使用使用了网页滑动特效来展示产品图，点击产品图像直接跳到ins，这样同时给ins号带来暴光量也是不错的选择。

总结

从内容上看，这个营销网站非常之简单，设计师一个上午就能做出来。虽然如此，但总体的视觉差效果并不差。

（PS： *** 时代连卖一本书都要做个销售网页，网页设计师除了学习视觉设计外，还要学习一些可以让设计来增加销量的作品，也就是营销设计，今天的网站作品就是很好的案例。）

感谢阅读！欢迎加入设计达人官方设计交流 *** 流设计，扫下面二维码，回复暗号「进群」即可，有不懂的问题都可以在群里一起交流。

////// 近期文章 //////

提高转化率的界面，终极触发设计指南

视觉错觉：对称的UI并非看上去的那样

好美版式，迷人的折页版式设计

2020年受设计师欢迎的20大字体！

—

设计公众号不用多

设计达人为您严选精品设计好文、好资源、好灵感

记得设为星标公众号哦~

▼

更多关于云服务器，域名注册，虚拟主机的问题，请访问西部数码官网：www.west.cn