互联网资讯
互联网资讯

行业网站设计分析(一):钢铁行业

时间:2016-01-25   点击量:519   关键词:悬停  鼠标  下图  图标  填充  蓝色  比如  效果  版块  部分  加入  


公司官网是直接面向用户的一个窗口,能在用户印象中发挥很大作用,对公司来说是一个重要的展示平台。好的网站自然能给用户一个好印象,甚至能帮公司增值。


很多传统行业目前正在面临转型,开始在线上寻求新的发展机遇,并通过网站改版升级提高竞争力。


本文将从行业中的网页设计角度,与大家分享几个国内外著名钢铁公司的网站案例。从案例中大家将会发现,即使在同一个行业里,国内外网站的设计也存在着很大差异,希望这些分享能给设计师们带来一些灵感。


提到钢铁行业的公司网站,一些人的脑海中可能瞬间浮现传统网站的常见样式,特征主要是各网站相似程度高,给人感觉使用了同一个模板做出来的,显得过时、保守。


是否真的是这样?我们先看国外钢铁行业网站案例。


国外钢铁公司网站


1韩国浦项制铁公司(posco)


浦项制铁公司的官网是一个响应式网站,网站的首页以全屏滚动方式展现内容。


网站设计 行业网站 网站策划


首页的部分版块加入了一些交互效果,比如下图鼠标悬停时图标被蓝色填充。                          


网站设计 行业网站 网站策划


下图鼠标悬停时在图片上出现文字信息:


网站设计 行业网站 网站策划


整个网站页面排版布局形式较多,在层级多的情况下显得很丰富。


并且该网站在细节处理上很到位,比如PC端导航有两个入口,一个是按照栏目分类,属于常规水平导航,另一个是汉堡图标,点击后获得完整详情页入口展示,可以快速找到想要的信息,给用户较好的体验。


网站设计 行业网站 网站策划


点击汉堡图标的效果:


网站设计 行业网站 网站策划


网站的整体风格比较统一,其中线形矢量图和图标的使用,是网站 的又一个亮点。



2新日铁住金 (nssmc)


新日铁住金是钢产量世界第二的公司。该网站的Banner图和大号文字搭配,具有视觉冲击力。


导航中的公司 logo位于导航中间,正好区分6个导航栏目, 而logo中的图形本身具有对称性,这种导航样式在视觉上有一种平衡美。


首页滑动鼠标,内容滚动式缓缓向上 ,上下背景图片具有交错感,有较好的视觉效果。



但该网站内容页设计却比较保 守,内页设计都偏传统,与首页的风格存在非常大的差异,这会让用户在浏览中产生疑虑,甚至以为属于不同的网站。如下图的内容页设计:



从该网站可以看出,一个网站首页和内页设计风格的一致性是设计 师需要考虑和注意的一个重要问题。


 



文章内容及图片来自网络,如果侵权,请联系:901070669@qq.com,我们将及时处理;
推荐解决方案
热门解决方案