蓝蓝设计-云朵智尚界面设计

产业链自主可控平台是指一个集成了多方参与者的平台，旨在实现对整个产业链的自主控制和管理。该平台通过整合各个环节的资源、技术和信息，以实现产业链的协同发展和自主创新。过建立产业链自主可控平台，可以促进各参与者间的协同合作，加强产业链的自主控制能力，提高整体竞争力和创新能力，实现更加可持续和稳定的发展。

该网站界面委托蓝蓝设计负责界面视觉设计、交互设计。视觉设计包含了后套管理的界面设计，产业链的2.5d插图设计，还有大屏设计。原有的界面陈旧，关键信息凌乱传达不明确，不利于用户相关信息的读取，蓝蓝设计人员通过前期详细沟通，对整体交互和视觉提出改进方案，特别是在插画绘制中要和界面整体风格保持一致还有交互操作，中间多次修改最终达到双方都满意的效果。

产品定位

提供全面的解决方案，以满足企业在自主控制和管理产业链方面的需求，为企业提供从技术支持到数据管理、供应链控制、知识产权保护和安全风险管理的全方位解决方案，帮助企业实现对产业链的自主控制和管理，提高竞争力和可持续发展能力。

目标用户

产业链自主可控平台的目标用户是那些在产业链中有需求和潜力的企业和组织，具有较高的技术研发和生产能力的企业，他们通常需要实现对供应链的自主控制和管理，优化工艺流程，提高生产效率和质量水平。

设计风格

后台管理界面我们采用扁平风和2.5d插画风相结合的形式，界面采用蓝色为主红色为辅的色调整体整体稳重大气，同时主要突出信息内容，便于用户操作。产业链我们采用2.5d插画，更加生动、有趣和引人注目，增强了视觉上的冲击力和吸引力。

首页设计

首页的原型比较简单，整体布局不是很合理，且没有菜单的位置。右边是根据原型出的第一版设计方案，通过立体科技感的形式突出“芯屏生态”主要功能。

后面想要在首页突出主要的产业链环节，改变了首页整体布局，将页面右上角部分整体替换成产业链。通过产业链每个模块的点击可进入到相对应的页面中。

原型图

首页提案方案

从用户体验的角度思考

如何使用清晰的数据信息展示

清晰的图表设计具有易于理解、强调关键信息、提供可视化的比较和分析、简洁而准确以及良好的可读性等优点。通过合理运用图形元素、标签和排版，清晰的图表设计能够有效地传达信息，帮助用户更好地理解数据和趋势。

图标的整体色调和页面主色调保持一致，注重简洁性，避免过多的图形元素和装饰，保持信息的纯粹性。清晰的图表设计能够用简单而直接的方式呈现数据，避免冗余和无关的内容，使信息更加准确和易于理解。

地图页

原来页面颜色过于杂乱，没有重点，查看和点击状态区别不明显，布局过于分散。充分理解用户所需，优化交互，将原有数据重新整理归类，增加部分内容，选取合适的展现方式进行设计，更加清晰美观。

本页面是个长页面要下拉滚动显示，但是左侧检索模块要尽量在首页显示出来，便于用户操作。合理划分每个模块，让页面整体更加规整。

合理划分每个模块，让页面整体更加规整，规整的页面布局具有提升用户体验、强化信息层次结构、增强可读性、创造视觉平衡以及提高响应速度等优点。通过合理组织和设计页面元素，规整的页面布局可以使用户更轻松地浏览和理解页面内容，同时营造出美观和谐的视觉效果。

原型图

首页提案方案

2.5D产业链图谱图

产业链用2.5D插画的形式体验，当鼠标点击某一个时，看到该模块下的具体内容。2.5D插画以丰富的视觉效果、与现实世界的贴近、创意表现空间的扩展、强化品牌形象和提升用户体验等优点，同时也为用户带来了更好的视觉体验和情感共鸣。

2.5D插画能够使作品更加生动、有趣和引人注目。它可以让观众感受到立体的空间和立体物体的存在，增强了视觉上的冲击力和吸引力。

原型图

大屏界面

大屏中间展示整个产业链界面，通过选择不同产业链，周围可展示相关数据，直观展示数据、强调关键指标、实时监测和分析、提高沟通和协作效率以及增强数据故事性。通过合理的图形展示，可以使数据更易于理解和分析，为决策者提供可靠的依据和洞察，从而达到更好的业务结果。

整个风格采用科技蓝和产业链的图形成一个很好的结合，图形采用比较鲜亮的色彩，可以在深色上更加凸显，可以更加清晰的展示数据，同时增加页面的科技感。