该页无缩略图
上下风琴式布局，设置点击选中效果，突出信息传达；右侧根据航海主题，提取
“船舵”元素简化处理，学院专业支撑着学校的学习文化，将二者相结合，寓意
广航学子在广航学习专业掌握人生的船舵，扬帆起航，闯出自己的人生新篇章。
学院介绍板块
船舵需旋转控制方向，引用船舵这一功能，做交互动效，并与学院图标相结合，
烘托板块学院介绍主题；体现航海元素的同时，为用户传达有效信息，吸引用户
目光，了解广航的学院专业及学院办学实力。
交互功能清晰
页面分析
模块采用左右方向风琴式布局，左侧展示专题名称，点击即可抽
拉展示专题网站详细标题内容，点击即可跳转详情页面，使用功
能上更加便捷
底部栏整体造型采用波浪形，添加动效模拟海浪，底纹搭配波浪
造型，烘托“航海”主题；快捷通道排列错落有致，跟随底部栏
波浪动效，设置点击效果，提升用户浏览点击兴趣。
专题网站板块
快捷通道及底部栏板块
华南地区独立建制的海事本科院校
广东省“冲补强”计划“强特色”建设高校
全日制普通高等本科院校
广东省硕士学位授予立项建设单位
页面展示
设计方向 深层定义广州航海学院主官网的核心诉求——功能清晰化数字门户，以用户需求为导向，打造成为一个
兼具视觉吸引力、功能实用性、信息权威性和用户体验友好性的国际化数字门户。
方向构思
视觉吸引力 信息权威性
功能实用性 体验友好性
功能清晰的国际化数字门户
设计理念
提取“航海”元素围绕其进行创意延展，旨在打造“专业而不失温度，传统兼具创新”的学院官网设计
，强化航海特色高校认知，弘扬海洋精神，增强文化自信，展示广航国际化视野。
界面信息层次清晰，用留白手法进行内容模块处理区分，将
重要信息以更加突出的形式表达出来。
产品主色、辅色取色轻快，加强了页面内容浏览性，建立轻
松愉悦的体验感官，使用户使用更加便捷。
界面采用年轻化设计手法，用色大胆采用撞色，视觉上凸显
现代创新感。
简约
轻松
创新
简约
Simple
轻松
Relaxed
创新
Innovation
页面分析
左右式布局，为避免页面信息的冗余，提炼展示学院概况、学院
专业概览，右侧展示学院风采图片，向用户传达信息，更直观的
了解学校特色专业。
模块为左右式布局，贴合用户浏览习惯，方便用户了解本校特色
专业，在右下设置切换按钮，可来回切换展示信息，吸引用户兴
趣。
院系专业板块
交互功能清晰
页面分析
模块采用左右方向风琴式布局，左侧展示专题名称，点击即可抽
拉展示专题网站详细标题内容，点击即可跳转详情页面，使用功
能上更加便捷
底部栏整体造型采用波浪形，添加动效模拟海浪，底纹搭配波浪
造型，烘托“航海”主题；快捷通道排列错落有致，跟随底部栏
波浪动效，设置点击效果，提升用户浏览点击兴趣。
专题网站板块
快捷通道及底部栏板块
全日制普通高等职业院校
安徽省“双高计划”建设单位
安徽省地方技能型高水平大学建设单位
安徽省第二批校企合作示范基地
页面展示
设计方向
深层定义安徽扬子职业技术学院主官网的核心诉求——现代化数字平台，围绕学院“应用型、技能型”
人才培养定位，突出“实践、创新、就业”三大核心价值。
方向构思
视觉性
体验感
实用性
突出“实践、创新、就业
”三大核心价值
设计理念
旨在打造一个集品牌展示、信息传播、在线服务、互动交流于一体的现代化数字平台。通过现代简约、
专业活力的视觉设计，清晰高效、用户友好的信息架构与交互体验，提升学院的核心竞争力和品牌影响
力，助力学院在职业教育领域持续高质量发展。
界面信息层次清晰，用留白手法进行内容模块处理区分，将
重要信息以更加突出的形式表达出来。
界面视觉简约大气，通过清晰高效、实用便捷的信息架构营
造独特的视觉体验。
界面采用年轻化的设计量法，大标题、圆角、营造简洁、科
技、活力的视觉体验。
简约
现代
活力
简约
Simple
现代
Nowadays
活力
Vitality
页面分析
首页Banner轮播图沿用学校主色，将校内主楼、大门等建筑做剪影化处理，搭配
渐变线性线条及艺术字体，营造清爽的视觉感受，搜索栏居中排布，使用户浏览
完首图即可搜索信息，功能上更加便捷。
首页板块
根据用户浏览习惯，提炼快捷通道便于使用，快捷通道浮窗于首屏上，固定位置
，跟随鼠标下滑显示；整体造型沿用校内主楼外轮廓剪影，凸显扬子校园特色，
搭配符合通道内容的图标，便于用户使用。
快捷通道浮窗
页面分析
模块采用全屏式布局，运用可视化数据形式，对扬子进行介绍，
展示学校在教学、育人、就业等众多领域内的累累硕果；背景取
主楼搭配主色渐变化处理，凸显学校风采，吸引用户目光。
整体展示扬子宣传视频、风景、校园生活、优秀学子等，分为四
个板块，搭配角标及点击效果，吸引学子报考。
数说扬子板块
视觉扬子板块
整体背景采用渐变式，与数说扬子板块渐变效果相呼应，整体视
觉上用色清爽，使用户眼前一亮。
底部栏板块
我们的优势
Our advantages
专业团队： 经验丰富的UI设计师、资深前端/后端工程师、策略顾问。
精益流程： 透明、高效、敏捷的项目管理，18 项工序组成，确保按时按质交付。
技术领先： 采用现代、安全、可扩展的技术栈。
注重结果： 不仅交付网站，更关注网站如何帮助客户实现商业目标。
持续支持： 完善的售后服务和长期合作关系。
行业专注： 在全国中高等院校的“宣、咨、报、考、录、入、就”招就行业具有深厚经验。
Design the process
设计流程
Delivery process
交付流程
流程阶段
1.风格确认
2.内容确认
3.版面确认
6.开发确认
4.细节确认
步骤说明 -收集客户需求（品牌调性、目标受众、设计偏好等）
-提供2-3种风格参考（包含配色、字体、视觉元素）
-内部讨论并提交风格提案文档
-定义核心导航结构（主导航、次级导航，页脚导航）
-设计站点地图（学校概况、机构设置、招生就业等）清晰展示所有页面-建立内容矩阵：校园资讯（通知公告/校园动态）、学术研究（讲座/动-针对客户反馈修改（组件样式、交互动效、配色微调、图标替换等）
-最多2-3轮调整并记录修改点
-提交《调整确认表》
-输出最终设计图
-客户签署《终稿确认书》
-交付开发进行网站开发
-基于最终设计图进行开发
-实现站群组件交互效果及动效
-实现响应式布局，确保各设备兼容性
-根据风格方向设计2-3种版面框架（布局、层级、留白等）
-客户会议确定主版面方向
-调整并签署《版面确认书》
5.终稿确认
交付物/目标 时间节点
风格提案文档（含视觉参考及说明） 项目启动后3-5个工作日
内容规划分类 版面确认后7个工作日
版面设计线框图，《版面确认书》 版面确认后7-11个工作日
修改版设计稿《调整确认表》 版面确认后7个工作日
终稿设计图《终稿确认书》 细节调整完成后1-2个工作日
站群网站预览版 终稿确认后7个工作日
面及其层级关系
动态）、媒体中心（新闻/视频）等
Value-added services
增值服务 VI视觉系统
定位：学校官方唯一、可实时更新
的数字版VI标准手册，兼具“查阅、下
载、检测、教学”四大场景；将抽象理
念、文化、定位转化为可感知的视觉符
号体系。
形态：Web端优先，同时输出离线
PDF及微信小程序镜像；三段数据同
源。
合规：符合GB/T20501-2023《公
共信息导向系统要素设计原则》及
WCAG 2.1AA级无障碍标准。
服务目标：在“1个主站+N个二级站+M个专题站
”的站群体系内，持续输出统一、合规、可进化的视觉
内容，确保365×24全年品牌形象无断档、无错版、无
版权风险。
服务清单：全年重点节日海报、全年二十四节气海
报、全年重大主题活动海报、常规宣传海报...
Value-added services
增值服务 全年视觉服务
About us
关于我们
校派是一家专注于中高等教育阶段升学及生涯规划服务的产业互联网平台，是国
内首个一站式数字化智慧招就SAAS云服务商，校派SAAS产品打通高中、中职、高
职、本科及研究生院于一体的招就生态圈。
公司成立于2017年，总部位于中国北京，拥有一流的互联网研发及运营人才，
秉承“让招就工作更轻松”的产品理念，每年服务公户超600万人次，合作院校达
1000多所。
校派云SAAS产品应用于全国中高等院校的“宣、咨、报、考、录、入”的招生
场景和“实习、就业、创业”的就业场景。形成一站式智慧招就服务，用三个数字化
（招就平台数字化、报考录取数字化、服务管理数字化）和五个创新（全网生态创
新、私域整合创新、智能服务创新、招就模式创新、校企融合创新）成功引领行业变
革发展。
1000+
服务院校
1141W+
总访问人数
429W+
新增总用户
400+
用户分布城市
5 亿+
总浏览次数
校派智慧招就 校派云公众号
公司网址：https://www.xiaopaicloud.com
服务热线：400-826-2799
公司地址：安徽省合肥市经开区齐云路红砖产学研 5-6 楼
