国内外著名钢铁行业官方网站设计案例(2)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词
6、USS

与前面几个网站相比,美国钢铁公司网站显得最传统。

首页的灰色显得很沉闷,而且各个页面的图片相对较少,欠缺吸引力。

整个网站看起来还是几年前的网站样式,内容单一,不符合目前网站的主流趋势。

115d56a57e1632f875520f5903dc.jpg

7、AK Steel

众多钢铁公司的网站主色采用了蓝色系,AK钢铁公司网站则显得与众不同。AK钢铁公司网站采用了玫红色,是由于其Logo是玫红色。

该网站主色与Logo颜色保持一致,显得活泼。首页的小图片组合设计展现了一种小创意。

201456a57eec6ac7256cb0237414.jpg

网站导航中有一个栏目单独成一行,与后面色块冲突,显得突兀,在视觉上不美观。

而且当鼠标悬停时,下拉出现了文字重叠,影响浏览效果。

网站整体设计仍然属于传统风格,除了详情页大量文字的拥挤排版,缺乏图片搭配等,很多细节处理上还存在一些问题,导致整体视觉体验欠佳。如下图中图片和文字缺乏融合,整体显得单调的内容排版:

fba856a57f2032f875520f6213ca.jpg

国内钢铁行业网站有一个典型特征,即在整体风格上趋近,使用拟物化设计风格,多用灰色背景,大量采用高光、渐变或阴影。

这种设计风格的网站属于传统风格,可能在降低认知学习成本上有一定优势,但大量拟物化的设计很容易造成审美疲劳,并让网站看起来很呆板。

不过我们也能学习到其中的一些小亮点。

8、BaoSteel

宝钢集团有限公司官网导航背景色采用与Logo色一致的蓝色,除了Banner图的红色,内页的整体颜色搭配看起来比较舒适。

724856a57f3332f875520f16d119.jpg

内页颜色搭配:

3d5956a57f446ac7256cb0d7bfd0.jpg

水平导航下拉设计属于典型的拟物化风格,这部分内容虽然显得突出形象,但是与侧导航的扁平化风格形成冲突,在视觉上显得复杂。

b75356a57f536ac7256cb06403ad.jpg

该网站在细节处理上还有一些需要优化的地方,比如风格不统一。如下图中,同为搜索框,上面的搜索图标采用了拟物化设计,下面的搜索图标则采用了扁平化设计。

bcda56a57f656ac7256cb0ad4b13.jpg

9、WISCO

与美国AK钢铁公司案例相比(玫红色),武汉钢铁集团公司官网也应用了企业自身Logo的红色。

但武钢官网与美国AK钢铁公司网站有所不同,武钢Logo的红色在网站中是作为辅助色,而不是主色。

武钢网站以灰色作为主色,整体看起来显得比较沉闷。

该网站设计也采用了拟物化风格,比如背景、导航和各栏目的渐变与高光效果。

国内外著名钢铁行业官方网站设计案例

从布局和图片来看,网站整体看起来中规中矩,看起来很古板,显得不灵活。

国内外著名钢铁行业官方网站设计案例

该网站展示了公司出版物,是其中一个特色。如果能在交互上做一些优化,可以为网站增色。

国内外著名钢铁行业官方网站设计案例

10、ShouGang Group

首钢集团网站采用蓝色,图片和文字整体的搭配,有一种清新的感觉,但网站仍然属于传统风格。

国内外著名钢铁行业官方网站设计案例

网站的详情页有一些排版不合理,比如图片不清晰、文字太小看不清楚、文字排版拥挤,整体浏览和用户体验欠佳。

国内外著名钢铁行业官方网站设计案例

 收藏