配色还原品牌原本的气质
凸显科技感和数字感，以electric indigo为基准，向上引入明亮的bright turquoise色调，搭配出撞色设计效果。使得品牌时尚大方，接近年轻人的富有的精力充沛和创意无限的品牌气质。在辅助色上，使用黑白配色，凸显科技感和稳重感，同时，营造整体感和带入感。
Highlights technology and digital senses, using eclectic indigo as a baseline, and introduces bright bright turquoises upwards with impact design effects. Makes brand fashion large, close to young people’s energetic and creative brand gas. On ancillary colours, use black and white colours to highlight technology and a sense of stability, while creating a sense of integration and penetration.
凸显链接.掌控品牌的力量
在确认了配色之后，维仆团队精心设计了页面里所需要的任何一个icon。第一，在icon结构上，充分表现品牌产品的属性，即链接；第二，在配色上，充分使用对撞色，营造时尚氛围和超前的科技感观；第三，对于关键icons，使用svg animation进行动画演绎，在交互上，通过小动画形式，充分展示品牌感，传达品牌定位，同时大幅增加页面灵动感。
After identifying the color, the volunteer team carefully designed any of the icon needed on the page. First, on the icon structure, the properties of the branded product, i.e., the link, are fully represented; second, on the color, the collage is fully used to create a fashion atmosphere and a forward technical perception; and third, on the key icons, animations are performed using svg animation, and interactively, brand senses are fully displayed and brand positioning is conveyed through small animations, with a significant increase in page vibrancy.
如何进入网站更酷--页面载入动画
为了营造整体感，维仆团队充分利用waltonchain品牌所给予的想象空间，使用html5 canvas技术，为其打造了2款logo revealing，便于访问者在等待加载的3～5秒内，能够有一种赏心悦目的体验，以下是其中一版。维仆团队，充分利用了canvas性能空间，使用particles、 blur、zoom-in 等方式，在网页中实现影视后期版的加载效果。
In order to create a sense of the whole, the volunteer team took full advantage of the imagination given by the waltonchain brand, using the html5 canvas technology, and created two logo revealings for them, allowing visitors to have a pleasant experience within three to five seconds of waiting to load, one of which is the following. The volunteer team, making full use of the Canvas performance space, used partacles, blur, zoom-in, etc., to achieve the post-vision loading effect on the web page.
让页面灵动起来--通过svg动画增加细节动感
svg的好处在于它们的矢量性质，无论动画在什么样的设备上，都能够清晰的呈现出来。svg动画完全通过代码来书写元素运动和动画轨迹方式，使得任何一个svg动画体积都非常小，而且兼容性极佳。维仆团队在waltonchain页面中大量采用svg动画，来说明和展现waltonchain如何在区块链技术技术进行突破。告别枯燥的数据和数码，通过动画的形式，引人入胜。
The advantage of svg is the vector nature of their animations, which can be clearly displayed on any device. Svg animations are entirely coded to write the movement of elements and animation tracks, making any svg animation very small and extremely compatible. The waffle team uses a lot of svg animations on the waltonchain page to illustrate and demonstrate how waltonchain makes a breakthrough in block-chain technology.
3D引擎的应用--使用webgl技术增添光彩
网站首页整体采用竖排滚动讲解方式，告别传统网站的展示方式。维仆团队为waltonchain引入了html5前言技术，即webgl技术，在canvas中绘制3d场景，以实现页面的纵深感和动态感。配合内容的讲解和酷炫的交互方式，通过短短5屏内容，将waltonchain的业务进行全方位的讲解。在感官和信息获取上实现了高度的平衡。
The first page of the site is based on a vertical rolling presentation that will leave the traditional version of the site. The volunteer team introduced the html5 foreword technology for waltonchain, the Webgl technology, to create 3d scenes in the canvas in order to achieve a profound and dynamic view of the page. With content interpretation and cool interactive approaches, waltonchain's business is explained in all its aspects through a short five-screen content. A high degree of balance has been achieved in senses and access to information.
页面风格的延伸
从首页到内页的延伸上，维仆团队坚持品牌调性和风格，统一视觉风格和交互语言。由于walton内页内容较为烦躁。故没有采用更多复杂的交互动画，转而采用更加直接的方式，用一种优雅的设计语言进行简约大方的展示。
From the front page to the inside, the valet team adheres to brand style and style, and harmonizes visual style and interactive language. As the content of the walton page is more irritated, there is no more complex interactive drawings, instead of a more direct presentation in an elegant design language.
如何把互联网基因充分展现出来
waltonchain专注于区块链硬件和软件的研发和落地。其本身具备的是一种拥有很深互联网烙印的极客精神企业。团队年轻、富有前瞻思维，在品宣上，我们的设计团队充分把握这一点去放大和表达。
waltonchain focuses on the development and landing of block-chain hardware and software. It's a very deep Internet branding of an extreme spiritual enterprise. The team is young, forward-thinking, and, in terms of the narrative, our design team is fully aware of this to magnify and express it.
不同语言版本看起来都很不错
维仆为waltonchain设计和开发了4个文字版本，每个文字由于其字体结构不同，在设计开发之初，我们花费了一部分精力，研究如何使得改文字地区的用户能够适应我们的语法和书写规范。对于字号大小、字体颜色、标题正文等对比关系的把握，维仆在策划之初，都全盘进行了考量。
Veterans designed and developed four text versions for waltonchain, each of which, because of its font structure, at the beginning of the design development we spent part of our energy on how to adapt users in the text-reform area to our grammar and writing norms. At the beginning of the project, the Veterans took a full look at how to compare the numbers, font colours, headlines, etc.
多个设备都很出色
从pc到Mac到移动端，各个设备我们都进行了精心的适配工作。保证waltonchain在全球的用户都能够随时随地的愉悦的进行网站访问和义务咨询。
From pc to Mac to the mobile end, we've all done a lot of tailoring. We've made sure that waltonchain's users around the world are able to access and consult freely around the world.
精心设计的菜单交互
相比于普通的展现方式，维仆团队经过研发，充分利用css3效果，使得菜单也富有纵深感，我们希望通过这一些细节的设计，让访问者能够更加方便快捷并不失愉悦地访问waltonchain，能够从数字化的维度全方位的了解这个品牌，从而促进品牌的扎根和传播。
We hope that the design of these details will make it easier for visitors to visit waltonchain more quickly and without gloom to understand the brand from the digital dimension in all its dimensions, thereby contributing to its roots and diffusion.
注册有任何问题请添加 微信：MVIP619 拉你进入群
打开微信扫一扫
添加客服
进入交流群
发表评论