C 端设计展示
目前院校◎库页面院□□校分类逻•辑有待改□□□进，排名显示○较为混乱□□□不够直观，卡片有效□□□□信息不足，卡片设计□□□刺激用户❖点击，需相应增□□□加跳转链□□□□接提供更△多有效信◇息， 原有页面□□□引导用户▲引导性按□□钮缺乏，影响用户□□□留存率和□□□机构咨询□□□□率等指标。
1 整体页面❖设计
页面排版□□基本不变，上方分类□□□栏设置“国家”优先，改原有“全球”显示为“国家”，， “专业排名”改为“专业”。页面右侧□□添加两个 icon，分别对应□□□原有的“智能匹配”和“一键咨询（人工咨询）”两个功能，参考更新□□□□后功能名□□□称，整体布局□□□□如下图 2.1 所示。
原版 :
修改后:
2 页面上方✦选择菜单□□□□逻辑设置
（1） 当具体选▼择排名类□□别时，下方院校□□□仅显示所◉选排名，其余排名□□隐藏，如图2.2 所示。
（2）
院校排名□□□□支持不填，如麻省理□□工学院 THE 排名不填，则在 THE 排名筛选□□□下不显示□□麻省理工▲学院。
B 端设计展示
根据上述 c 端的改动，b 端“机构测评”页面也相△应地需要·做出一些□□□□改动，如下所示。
在院校库□□□编辑信息□□输入界面，排名上方□□□增加“排名”可下拉选◇项，对应前端“排名”选择，前端仅显□□示已勾选★排名，如下图所□□□示。
院校库——院校介绍界面设计
C 端设计展示
目前，院校库功□□□□能整体使□□□用价值偏□□□低，有效信息□□不足，且无核心□□功能与咨□□询窗口跳□□□转设置，对平台机◥构咨询率、销售转化□□率等指标□□□贡献较低，为进一步◈激活院校◈库板块，增设院校□□□库详情介▼绍页。
1 整体页面□□□设计
整体由蓝□□色框与四□□个白色信△息卡片构□□□成，蓝白框重◈叠，白框统一□□□□圆,4，白框间间□□距为 10，所有白框□□□□与校徽图□□片左侧对□□□□齐。
新页面
2 院校简介
背景设置□□为纯蓝，左侧校徽□□□□图片大小◤为 100（含留白部□□□分），无圆角。右侧文字□□颜色统一□□□□为白色，院校中文□□名字体加▲粗，字号 20，与校徽图□□□□片顶部平□□行； 院校英文□□□名字号 14，字体不加□□□粗；
第三行定○位图标与□□英文名首□□□字母对齐，颜色为#A6B9D1，图标宽 13，高15；位置文字□□□位于定位□□图标后 1，字号 14；
分割线粗细为 1，白色，宽 251，左侧与英文名首字母对齐；
第四行排□□□名字号 14，不加粗，与英文名○首字母对◈齐，排名间由□□□□分割线隔□□□开，分割线粗□□□细为 1，白色，宽 15。
3 校园风光
卡片边框底部白色填充，圆角 4，宽 373，高 128；
标题字号▽为 16，颜色：#4C94F2，距卡片左□□□□侧与顶部 1； 分割线居□□中，宽 357，粗细 1，颜色：#918F8F，距标题 1； 照片大小 82，圆角 4，向左滑动□□□可看到其丨他图片。
4 学校简介
蓝色标题与分割线同上；简介内容字号 14，左对齐，与标题首字对齐。
5 专业列表
蓝色标题□□与分割线□□同上；院系滚动□□□□栏字号 15，无选中时丨颜色为：#505051， 选中后字□□□体加粗，颜色为：#294184，向左滑动□□可看到其□□□□他院系名□□称；
专业学位△展开前限□□制行数为 4，由中文名□□与英文名□□构成，中文名字□□□体加粗， 英文名不□□□加粗，字号均为 14；
“展开全部”字号 16，颜色为：#4C94F2，距卡片下·侧边缘约 1，居中；回收图标✦颜色同上，大小 27。
6 地理位置
蓝色标题与分割线同上；左侧贴纸圆形 40，圆形填充色为：#DEE7F8，中
间贴纸颜□□□□色为#294184，居于圆形□□□□中央，大小约 29（需根据贴□□纸实际情✦况灵活调□□□整），贴纸间距□□□为 12；
文字字号 14，黑色，类型字体加粗，具体内容不加粗。
B 端设计展示
根据前端页面设计，后台对应增设新功能。
1 整体页面□□□□设计
后台路径为学院库（一级）——学院库（二级）——介绍；
整体排版，结合前端□□信息卡片□□□□与陈列方□□□式，后台相应□□分设板块◆与设置信□□□息填写顺□□□序。
2 院校简介
排名增加显示与隐藏按钮。
3 校园风光
图片上传数量限制 8 张，尺寸为 200*200px 像素以上，大小 2M 以下。
4 学校简介
内容字数◇限制，由运营人□□□□员结合前◉端实际情□□况进行控□□□□制（前端控制□□□□在 5 行）。
5 专业列表
院系与对应专业换行输入。
6 地理位置
内容字数□□□限制，由运营人□□□员结合前◢端实际情□□况进行控□□□制（前端控制□□□□在 2 行）。
