Notice: Undefined offset: 999 in /www/wwwroot/www.waiwang.org/include/global.func.php on line 658
svg幻影切换酷站欣赏_欧美酷站_外网欣赏_外网

svg幻影切换酷站欣赏

网站简介:

《svg幻影切换酷站欣赏》

svg幻影切换酷站欣赏

慕枫酷站 丨SVG幻影切换酷站欣赏

 

网站名称:Faces of Power

网站整体版式:图片左右切换全屏窗口式网站

网站主色调:灰色

动画:HTML和JS

编码:CSS3,HTML 5,JQuery

特点:SVG幻影切换,碎片组合,图片展示

 

酷站欣赏:

“Stewart discusses the portraits as studies in power and his original interpretation of them gives unprecedented fullness and shape to the idea and image called "Alexander."”这是Andrew Stewart在《Faces of Power》书里所要表达的内容,而faces of power网页设计大概也是受到书本的灵感冲击,从而延续了亚历山大在艺术品上的创作,对肖像作为权力进行了研究,将美国历代以来的总统肖像以时间顺序排列,来展示美国一些转变。

本站将图片都转换为SVG幻影的模式,以碎片拼装的切换模式来完成网站的交互动作。本站的首页最先向用户展示的是美国经典的场景和符号,象征着美利坚人民迎向美好的政治生活,表达美国人民争取民主、自由的崇高理想。随着如国旗的飘带从页面通过,以文字与图形结合的形式向用户展示了一个国家由44位领导人引导的变革,同时也为下级页面做好铺垫。

作为一个表述型的网站,设计师摒弃了繁琐的页面设计,采用简洁布局,重点的保留了对领导人肖像的设计,适当的配上任职年份与简单的形容丰富网页内容。整体网站全屏布局,高度保持在一屏左右,使用户的视觉集中在网站的图形上,增加对网站的兴趣感。

本站的交互按键保留了较为稳重的设计风格,以矩形框为外形,鼠标悬浮时对角会出现两个相同透明度的三角形进行叠加,与碎片SVG幻影能够相呼应,使网站页面统一风格。进入下级页面,可以看到美洲对领导人的支持率与分布情况,在这里用了代表美国的红色与蓝色,使内容整齐规划,带给用户视觉信息。

 

小枫简评:

传统的对国家领导人的网站设计风格都会偏向庄重、严肃。而从faces of power的设计上,可以看出设计师并不是古老保守的一派,设计风格偏向现代主义但却不丢失所需要的沉熟稳重。它以一种好玩的SVG幻影模式来展现领导人,简单的展示了美国发展事迹。简洁的构图,却体现了设计师拥有的丰富灵感与技术上过硬的实力。

 


更新时间:2017-07-01