集团网站设计的设计心得

方案名称:某集团网站旗下业务板块网站

设计师:豆豆


设计理念

该方案以"稳定、专业、信任"为设计理念,旨在为表达华东重机在港口装卸设备领域的专业地位和对产品质量的严格要求。页面布局简洁明了,强调内容的可读性和易用性。

色彩方案

主色调:深蓝色(#1A57A6)

辅助色:绿色(#3CA953)

强调色:黄色(#F8C41C)

字体选择

版本一字体:Microsoft Yahei

版本二字体:HarmonyOSHans

布局特点

导航栏:顶部固定导航栏,简洁明了,方便用户快速找到所需内容。

内容区域:采用网格布局,内容模块化展示,便于用户浏览和阅读。

底部导航:包含版权信息、联系方式等,简洁实用。

交互设计

按钮:采用圆角设计,添加动画过渡效果,增加视觉吸引力。

产品:采用板块切换动画设计,增加页面承载及视觉效果。

导航:采用三段式动画特效设计,增加视觉冲击力。

第一版被否决原因

目标用户不符:目标用户群体更倾向于“专业、稳定”的设计风格,第一版方案过于扁平无法展示高端品牌定位.

视觉效果缺乏创新:整体设计较为简单平淡,缺乏独特的视觉元素和创意,难以在众多竞争对手中脱颖而出。

第二版主要优化

动画特效:加入大量的动画特效,包括按钮动画,导航动画,滚动动画,产品切换动画等。

色彩特效:由深蓝色单色系增加绿色和黄色,让整个网站的主题更突出,定位更明确。


方案一

FireShot-Capture-375---伟致网站管理系统---伟致网站管理系统---port-hdhm.wellda.cn.jpg

方案二

FireShot-Capture-372---华东重机-HDHM---首页---hdhm-v2.wellda.cn.jpg

导航设计:

导航设计