设计视觉规范

用色

品牌

品牌

条线

条线

文字

字体

新东方集团已采购的字体

方正100款,汉仪92款

方正字体详情(永久版权50款):

1.方正幼线简体,2.方正细等线简体 3.方正细黑一简体 4.方正书宋简体 5.方正中等线简体 6.方正黑体简体 7.方正小标宋简体 8.方正大黑简体 9.方正大标宋简体 10.方正超粗黑简体 11.方正粗宋简体 12.方正准圆简体 13.方正粗圆简体14.方正细倩简体 15.方正隶变简体 16.方正古隶简体 17.方正粗倩简体 18.方正稚艺简体 19.方正少儿简体 20.方正胖娃简体 21.方正卡通简体 22.方正粗活意简体 23.方正毡笔黑简体 24.方正艺黑简体 25.方正魏碑简体 26.方正平和简体 27.方正美黑简体 28.方正黄草简体 29.方正综艺简体 30.方正小篆体 31.方正仿宋简体 32.方正流行体简体 33.方正剪纸简体 34.方正博雅宋简体 35.方正兰亭纤黑简体 36.方正兰亭黑简体 37.方正粗雅宋长简体 38.方正兰亭特黑长简体 39.方正韵动中黑简体 40.方正特粗光辉简体 41.方正藏意汉体简体 42.方正汉真广标简体 43.方正静蕾简体 44.方正大草简体 45.方正喵呜体 46.方正汉简简体 47.方正苏新诗柳楷简体 48.方正豪体简体 49.方正兰亭特黑简体 50.方正特雅宋简体

方正字体详情(即日起- 2022-06-16版权50款)

1方正兰亭粗黑简体,2方正兰亭圆简体,3 方正正准黑简体,4 方正品尚黑简体,5方正细金陵简体,6方正盛世楷书简体_粗,7方正榜书行简体,8方正经黑手写简体,9方正颜宋简体_粗,10方正锐正圆 简 Medium,11方正水云简体_准,12方正雅士黑 简,13方正工业黑简体,14 方正雅珠体简体,15方正清刻本悦宋简体,16方正飘体 简,17方正趣宋简体,18方正尚酷简体,19方正粗谭黑简体,20方正静蕾简体,21方正字迹-新手书,22方正字迹-吕建德行楷简体,23方正劲舞体 简 Bold,24方正劲黑简体,25方正风雅楷宋简体,26方正大魏体简体,27方正彩源体简体 ExtraBold,28方正快活体 简 Medium,29方正王左中右简体,30方正字迹-叶根友特楷简体,31方正字汇-童趣体 简,32方正寂地绘本简体,33方正手迹-时光里的小美好,34方正何旭奶油体简,35方正手迹-悟空体,36方正超重要体 简,37方正彦辰雅黑 简,38 方正达利体简体 Bold,39方正锐水云简体,40方正铁筋隶书简体,41方正三宝体 简 ExtraBold,42方正俊黑简体_粗,43方正锐正黑简体_粗,44方正粉丝天下简体,45 方正德赛黑简体 511M,46方正字迹-白关手绘简体,47方正徐静蕾行书 简,48方正字迹-刘鑫标犷简体,49方正兰亭中黑简体,50方正清楷简

汉仪字体详情(永久版权92款):

1. 汉仪元隆黑-35简、2.汉仪意宋简、3.汉仪瑞意宋简、4.汉仪全唐诗简、5.汉仪劲楷简、6.汉仪家书简、7.汉仪颜楷简、8.汉仪锦昌体简、9.汉仪尚巍手书简、10.汉仪李政恩小楷简、11.汉仪闫锐敏行楷简、12.新蒂赵孟頫体、13.新蒂金钟体、14汉仪小麦体简、15.汉仪悠然体简、16.汉仪乐喵体简、17.汉仪力量黑简、18.汉仪跳跳体简、19.汉仪黑荔枝体简、20.汉仪柏京体简、21.汉仪帅线体简、22.汉仪时光体简、23.汉仪晓波折纸体简、24.汉仪六字黑简、25.汉仪趣黑简、26.汉仪大圣体简、27.汉仪喵魂体简、28.汉仪铸字童年体、29.汉仪铸字超然体、30.汉仪雅酷黑简、31.新蒂泡芙体、32新蒂小丸子体、33新蒂雪山体、34新蒂黑板报底字、35汉仪典雅体简、36汉仪细秀体简、37汉仪寒石体简、38汉仪良品线简、39新蒂下午茶体、40汉仪清庭-55简、41汉仪海纹体简、42汉仪新人文宋简、43汉仪旗黑-50简、44汉仪旗黑-80简、45汉仪铁线黑-35简、46汉仪铁线黑-65简、47汉仪润圆-45简、48汉仪润圆-75简、49汉仪刚艺-85简 50.汉仪舒圆黑简。51汉仪中楷简、52汉仪细行楷简 53汉仪雪君体简 54汉仪瘦金书简 55汉仪长艺体简 56汉仪双线体简 57汉仪水波体简 58汉仪竹节体简 59汉仪醒示体简 60汉仪综艺体简 61汉仪菱心体简 62汉仪方叠体简 63汉仪圆叠体简 64汉仪哈哈体简 65汉仪白棋体简 66汉仪黑棋体简 67汉仪咪咪体简 68汉仪黑咪体简69汉仪琥珀体简 70汉仪雪峰体简 71汉仪橄榄体简 72汉仪水滴体简 73汉仪柏青体简 74汉仪黛玉体简75汉仪陈频破体简 76汉仪花蝶体简 77汉仪丫丫体简 78汉仪清韵体简 79汉仪娃娃篆简 80汉仪火柴体简 81汉仪漫步体简 82汉仪神工体简 83汉仪彩蝶体简 84汉仪蝶语体简 85汉仪凌波体简 86汉仪雁翎体简 87汉仪海韵体简 88汉仪秀英体简 89汉仪太极体简 90汉仪萝卜体简 91汉仪嘟嘟体简 92汉仪彩云体简

特别提醒:请大家务必严格使用有版权字体进行设计,无版权字体的使用会带来非常严重的后果,请一定要提高警惕,务必重视。
另:关于微软雅黑的问题:在已购版权合同中查询到新东方已购买方正兰亭黑简体(又名微软雅黑)所以新东方拥有微软雅黑中文字体版权。
下载字体版权使用详情

手绘

手绘

正文字体

正文字体

素材

前途出国Logo源文件 logo素材下载

前途出国线上共享素材库—— 花瓣美素网登录并下载使用

页面尺寸

PC端
页面宽度1920px,切糕区正文宽度1000px,居中(距左右各460px),首屏高度不超过800px
背景为单色、渐变、纹理(平铺),不规则图(不能平铺)

PC端页面尺寸

M端
以iphone6为准,页面宽度750px,整体高度1334px,内容区高度为1108px

M端页面尺寸

图片输出

存储为Web所用格式(Alt+Shift+Ctrl+S)
色彩丰富的图片使用jpg(品质60),色彩少的图片或动态图使用gif(仿色128),透明图片使用png(png-24)

图片输出

前途VI规范

前途VI规范【20财 V01】   VI常用文件

设计中避免出现的问题

1、在使用前途公司总裁,条线总监,各公司各部门业务总监,资深顾问老师等个人形象宣传时,建议选择构图完整、角度到位、清晰细腻的照片,避免使形象不佳、清晰度不够的照片。
在海报和专题的设计中,对于照片处理时切忌不能失真或导致人物变形。

2、为避免在日常工作中产生版权图片素材侵权,降低因侵权带来的不良影响及不必要成本,总部网络营销部将进一步加强图片素材的使用管理。
目前前途公司(含各条线、欧亚事业部及斯芬克公司)授权可使用的正版素材图片总计12,250张。
特别提醒:请各位老师务必严格使用有版权图片进行日常设计、宣传等工作。

前端代码规范

专题通用代码

头部(每个专题必加)

<!--头部公共包含开始-->
<div style="width:100%; background-color:#444444;"><!--#include virtual="/special/include/2015/head.html"--></div>
<!--头部公共包含结束-->

底部(每个专题必加)

<!--底部公共包含开始-->
<div style="width:100%; margin-top:20px; background:#666666;"><!--#include virtual="/special/include/2015/foot.html"--></div>
<!--底部公共包含结束-->

公共资源库

Jquery.js库

<script type="text/javascript" src="https://liuxue.xdf.cn/special/include/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://liuxue.xdf.cn/special/include/js/jquery-2.1.4.min.js"></script>

ip定位(全国的项目专题和内容专题头图必加)

<script type="text/javascript" src="https://lx.xdf.cn/tools/ip_ipip.php"></script>

自适应页面js

<script type="text/javascript" src="https://liuxue.xdf.cn/special/include/js/viewport.js"></script>

专题公共js

<script type="text/javascript" src="https://liuxue.xdf.cn/special/include/js/public.js"></script>

专题表单验证js

<script type="text/javascript" src="https://liuxue.xdf.cn/fromGroup/form_xm_20190716.js"></script>

专题公共样式

<link rel="stylesheet" href="https://liuxue.xdf.cn/special/include/css/public.css" />

Swiper插件  Swiper插件官网

Swiper2:
<link rel="stylesheet" href="https://liuxue.xdf.cn/special/include/css/idangerous.swiper.css" />
<script type="text/javascript" src="https://liuxue.xdf.cn/special/include/js/idangerous.swiper.min.js" ></script>
Swiper3:
<link rel="stylesheet" href="https://liuxue.xdf.cn/special/include/css/swiper-3.4.2.min.css" />
<script type="text/javascript" src="https://liuxue.xdf.cn/special/include/js/swiper-3.4.2.min.js" ></script>

animate.css动画库  查看动画效果

<link rel="stylesheet" href="https://liuxue.xdf.cn/special/include/css/animate.css" />

53代码

公共专题53客服(分ip)

<!--53开始-->
<!--#include virtual="/special/include/2015/looyu.html"-->
<!--53结束-->

公共专题53客服咨询按钮(分ip)

<a href="https://liuxue.xdf.cn/looyu/looyu-zhuanti.html" target="_blank">乐语咨询按钮</a>

分公司专题53咨询代码

53各版本样式(固定链接,js).xlsx

统计代码(每个专题必加,包括H5页面)

<!--统计开始-->
<!-- value=美研;美本;美中;英国;加拿大;澳新;欧亚;综合;就业力;学术力;跨境服务 -->
<input type="hidden" id="dimension4" value=" " />
<!--#include virtual="/special/include/2015/tongji.html"-->
<!--统计结束-->

移动端底部营销按钮(自适应专题/移动端专题必加)

<!--M端底部营销按钮公共包含开始-->
<--#include virtual="/special/include/2015/btn_wrap20190408.html"-->
<--M端底部营销按钮公共包含结束>

表单说明及范例

表单字段文档说明

专题活动/项目内容/自定义表单字段说明.pdf

分公司专题左侧表单说明

分公司活动专题模板.zip

分公司项目专题模板.zip

分公司内容专题模板.zip

分公司专题底部表单说明(pc端、移动端、左侧浮窗的表单字段相同)

存放路径

  • * 链接中只能是小写字母
  • 项目专题
    • 美中:https://liuxue.xdf.cn/special_usazx/专题名称
    • 美本:https://liuxue.xdf.cn/special_usabk/专题名称
    • 美研:https://liuxue.xdf.cn/special_usayjs/专题名称
    • 英国:https://liuxue.xdf.cn/special_uk/专题名称
    • 加拿大:https://liuxue.xdf.cn/special_canada/专题名称
    • 澳新:https://liuxue.xdf.cn/special_anz/专题名称
    • 欧亚:https://liuxue.xdf.cn/specia_oy/专题名称
    • 学术指导:https://liuxue.xdf.cn/special_academic/专题名称
    • 背景提升:https://liuxue.xdf.cn/special_emploability/专题名称
    • 跨境服务:https://liuxue.xdf.cn/special_crossborder/专题名称
    • 综合:https://liuxue.xdf.cn/special_zonghe/专题名称
    • 分公司:https://liuxue.xdf.cn /special_分公司/专题名称
    • * 专题名称(除分公司外):
      • 项目名称:xm_项目名称
      • 活动名称:hd_活动名称
      • 资讯名称:news_资讯名称
    • * 欧亚专题名称:
      • 欧亚项目名称:xm_项目名称
      • 欧亚活动名称:hd_活动名称
      • 欧亚资讯名称:news_资讯名称
      • 欧洲项目名称:xmoz_项目名称
      • 欧洲活动名称:hdoz_活动名称
      • 欧洲资讯名称:newsoz _资讯名称
      • 亚洲项目名称:xmyz _项目名称
      • 亚洲活动名称:hdyz _活动名称
      • 亚洲资讯名称:newsyz _资讯名称
    • * 分公司
      北京 石家庄 太原 天津 唐山 呼和浩特 济南 青岛 宁波 合肥 苏州 南京 无锡 上海
      bj shijiazhuang taiyuan tianjin tangshan neimenggu jinan qingdao ningbo hefei suzhou nanjing wuxi shanghai
      厦门 福州 南昌 杭州 常州 郑州 武汉 宜昌 长沙 洛阳 广州 深圳 大连 南宁
      xiamen fuzhou nanchang hangzhou changzhou zhengzhou wuhan yichang changsha ly guangzhou shenzhen dalian nanning
      哈尔滨 长春 沈阳 昆明 成都 重庆 贵阳 西安 兰州 乌鲁木齐 温州 徐州 东莞 珠海
      harbin changchun shenyang kunming chengdu chongqing gy xian lanzhou wulumuqi wenzhou xuzhou dongguan zhuhai

推荐优质网站

设计导航 创造狮导航 码力全开 IconFont Jquery插件库 Optimizilla图片压缩 tinypng图片压缩