「10招」教你玩转电商专题页面设计

左图是我其时做的一个圣诞节的整体创意页面，以礼结的情势贯串整体计划中。其时做的时辰，就把整体的礼结元素放大化，做为主元素去示意;右图是一个海外户外专题单页的计划，整体以倾斜感的折线为主元素，具有动感、行为的印象。同时，团结很是有动势的人物图片使得整体页面的动感时足。

8、整体计划故事化，页面才气吸引人

当你计划单页页面时，在构想之初给整体页面设定出一个故事，让页面具有新奇的主题性，那单页给用户的视觉体验也会更棒。

二个作品从立意到技法，到计划都离开了传统电商的折扣示意。较量故意思，想知道这内里的技法细节和更多的幕后常识吗?

9、视差转动好助手，单页成长新潮水

滚屏动画的特点在于：

起首它是用来循规蹈矩的讲故事;然后操作美满的顺滑的赏识体验，将各个内容间无缝且优良的毗连起来局部某些元素去做分层的动画殊效;最后使此刻极简的、扁平的页面计划，有了点晴之处!

如下图所示，来自蒂芙尼。

分享一下我的观后感：

随着漫天飞翔的，超逸在蒂芙尼的纯净天下。

这里有开启幸福的钥匙、有都市的影象、有定情的礼品、有盟约的海誓，来吧，一路试探属于你和我的蒂芙尼。

小我私人解读

阁下摇晃的雪花带着观者的视线一步步的去发明出色天下，纯净的白色折纸搭出了西式的唯美构筑与都市街景，折纸的阴影很倒位，把本来平铺的纸，有了空间和立体感;清爽的湖水绿与纯净的白色搭配，完全界说了爱的单纯。滚屏技能的运用，像首乐曲循规蹈矩的去凝听这美好故事。

几个视差转动的案例分享：

http://memories.sutueatsflies.com/

http://tati-express.arte.tv/fr/

http://philwappler.de/

https://www.sodastreamusa.com/pepsihomemade/

http://nicolauska.sk/

10、H5动效新趋势，人机交互有看头

H5和动效的呈现，使得专题活了起来，不再是古板的纯静态图片。

H5和动效的呈现，使得专题的整体体验更像是在看一场全心布置的故事一样。

如下图：

计划版权归平静洋收集全部

算是一种新的实行案例。也但愿本身往后可以做一个这样的例子!

(细琢磨一下，专题里共保举了40款商品以内，算中小型保举勾当!可是内里的文案和画面团结的超赞，加上H5技能晋升了用户赏识体验，改变了现有大大都电商平台，静态展示、强制似倾销的路子)!

整体筹谋，以故事性为主 让用户在寓目画面时，连带倾销!可能这样的创新此刻看来有些不切合运营们的路子，可是这样的方法或者是未来风行的趋势

最后

总结起来9个字：整体想、整体做、整体看

总结起来10句话：

H5动效新趋势，人机交互有看头视差转动好助手，单页成长新潮水整体计划故事化，页面才气吸引人整体专题怎么做，注重情势就能破整体想了，整体做，整体看一眼看完3屏多，不做留白就得晕由点到面整体感，牢记东拼和西凑配景颜色要整体，慎用色块“切豆腐”承上启下很重要，页面有头也有尾头图有个点，下面计划才好接

注：图片版权若有侵权，请与我接洽，感谢列位计划界的同仁们的大度页面!

作者：马良更生，公家号：不错研究室

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!