首页> 校园新闻> 校园活动

力量爆棚,赢战鸡年

时间:2017-03-20 18:37:00 浏览次数:292

分享到:

说明:本设计草图仅供参考,主要为了清晰内容布局思路和大致的风格架构。在正式合作后我们会提供2-3套完整的设计风格效果图,

1. 整站色彩搭配来源于logo绿→蓝的渐变取色。符合公司形象,及行业定位:化工行业+环保行业。

2. 整站采用响应式架构,即页面根据浏览设备终端的分辨率做自适应调整。此效果可以参考三聚官网:

1920px(高清屏PC显示器)下的效果:

1280px(普通PC显示器)下的浏览效果:

1000px以下(平板设备及手机显示屏)下的浏览效果:

3. 网站头部导航设计概述:

a. 采用适配屏幕的排版架构,即网站logo和搜索按钮分部屏幕两端,这样可以最大化视觉体验。

b. 搜索模块采用伸缩展示特效:可以参考网站http://ausnutria.com/

静态:

滑动经过:

点击事件:

c. 二级目录导航特效参考:可视化类目导航,我们可以根据具体的内容来设计图片或者图标来展示,这种方式对用户更为友好。

 

4. banner广告图部分:

我们将企业重要新闻和几个二级目录内容整合在banner图的下方用透明遮罩的方式来处理,这样在广告图展现企业形象的同时,也不浪费这块大空间,可以多层次的展现信息。

静态:

滑动经过:

 

5. 内容区第一板块:企业简介+企业文化

板块内容加了略微的阴影效果,避免整个网站看上去太平,另外企业文化的广告链接图的设计融合了logo元素做编排。

 

6. 内容区第二板块:产品与服务+行业发展

这里为灵活排版布局,根据贵司的相关业务做图文融合设计。

 

7. 内容区第三板块:新闻+快速链接区+底部信息栏

a. 新闻内容采用标签切换的设计方法,可以在有限的板块空间内展现多层次的内容;

b. 新闻区的右侧为两个广告图,我们可以根据具体的内容需要去做相关图片的设计,譬如:投资者公告、人力资源、社会责任等

c. 底部信息栏为整个网站地图的展示,并在右侧增加了微信二维码的设计,方便用户关于公众号。

推荐新闻