本次网站设计项目是一个机器人智能装备创新中心网站。
网站整体风格:以科技、创新和专业为主题,体现机器人智能装备创新中心的形象。采用简约、现代的设计风格,注重用户体验。
网站整体风格:以科技、创新和专业为主题,体现机器人智能装备创新中心的形象。采用简约、现代的设计风格,注重用户体验。
首屏展示了创新中心的建筑外观,然后融入一面和logo相呼应的蓝色旗帜,旗帜上放上logo。
下面一起去看一下网站的页面结构与布局设计是如何来规划的?
1、首屏设计:
展示创新中心的建筑外观,以突出公司形象。顶部置入公司logo,紧接着展示建筑外观的图片,突出创新中心的现代化和科技感。
2、导航栏设计:
位于页面的顶部,简洁明了,包含主要功能和板块的链接。通过清晰的导航栏,用户可以迅速定位到所需的信息。
3、首页板块设计
3.1产品展示板块:
以列表的形式展示产品图片、名称和描述等信息。采用白色背景,突出产品的形象和特点。鼠标移上产品图片时,会出现紫色渐变图,增加交互效果。
通过白色背景,突出产品的形象和特点,使产品图片更加突出和吸引人。白色背景也能够凸显产品的简洁、干净的形象,与科技和创新的主题相符。
每个产品左上方标注对应的所属栏目,让用户快速了解产品所属的分类和归属。这样的设计可以帮助用户快速找到感兴趣的产品,提升用户体验。
当鼠标悬停在产品所属栏目上时,栏目的颜色变成紫色,增加交互效果和视觉反馈。
当鼠标移到产品图片上时,出现紫色渐变图,可以增加产品的视觉效果,并吸引用户的注意力。这种动态效果可以提升用户的参与感和体验,使用户更有兴趣了解产品。
3.2 动态资讯板块:
包括热点新闻和推荐新闻。
每个热点新闻会有图片展示,以增加信息的吸引力和视觉效果。图片可以与新闻内容相关,突出新闻的重要性和吸引力。
推荐新闻以列表形式展示,在新闻左上方标注相关的股东风采、主体活动等,提供多维度的信息标注,便于用户快速了解新闻的主题和分类。
3.3股东单位展示板块:
清晰展示股东单位和下属单位的logo,让用户直观了解参与机器人智能装备创新中心的合作伙伴,并通过点击功能进一步了解每个单位的详细信息。
网格形式展示:股东单位和下属单位的logo以网格形式展示,排列整齐,便于用户浏览和索引。每个单位的logo图标大小一致,保持整齐的视觉效果。
点击功能:用户可以点击每个单位的logo,跳转到对应的单位内容介绍页面。点击的交互效果可以使用鼠标指针变为手型的样式,提醒用户可以进行点击操作。