WORK SUMMARY
数字出版应用实践
授课对象：
视觉传达设计专业本科二年级
授课时间:
80学时（4周）
任课教师：
王琳、韩晴、赵文慧
课题任务：
项目以“大连东软信息学院校园地图”、“大连森林动物园地图”、“大连南山地图”任选其一为选题方向，需自拟题目。学生应用所学数字绘画、版式设计、字体设计、信息设计、品牌形象设计、文化创意产品设计等知识，使用数字绘画工具、Adobe AI、PS等设计绘图软件进行地图页面设计，使用H5进行交互制作，实现数字出版物设计及可交互效果展示。
PART 01
作者：
张锡铜 马梓轩 周子博
指导教师：
赵文慧
作品设计说明：
此设计以大连东软信息学院迎来第二个校区—博川校区进行设计，画面整体采用红蓝间灰的颜色进行调节，主体物如教学楼、图书馆等细致描绘，展现真实面貌。辅助图形如山林，受到学校周边的山林的启发，采用周围树的外轮廓型进行拼组，将自然之美融入设计，像是蕴藏在城市里的魔法城堡，辅助图形的抽象化处理，使地图保持简洁清晰。整体设计既突出了重点又富有美感，便于学生及访客快速定位，了解校园环境。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 02
作者：
郑智 于子淳 王涵 周晴
指导教师：
赵文慧
作品设计说明：
大连东软信息学院软件园校区的赛博朋克风格地图设计，将传统校园元素与未来科技风完美融合。地图以冷色调为主，霓虹灯效路条点缀其间，营造出强烈的科幻氛围。教学楼、图书馆、宿舍楼等标志性建筑被重新构想，以复杂的几何形状和流线型设计展现，仿佛置身于未来都市之中。道路与广场则被设计成错综复杂的网络，灯光交错，营造出一种既神秘又充满探索欲的视觉效果。此设计不仅展现了东软信息学院的现代风貌，也体现了赛博朋克文化的独特魅力。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 03
作者：
邱雪冬 周琪运
指导教师：
赵文慧
作品设计说明：
《拼贴野趣》：运用了立体主义画的拼贴手法，以著名画家毕加索的绘画风格作为启发，将不同的动物和建筑融合在一起。带你领略别样的动物园自然风光和野生元素。同时作为导游图，指引你的旅行，带你游览充满动物的乐园。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 04
作者：
王婧伊 杨馥冰 双乃淇
指导教师：
赵文慧
作品设计说明：
南山街作为大连的重要旅游风情街，具有丰富的商业、文化和居住功能。为了更好地满足居民和游客的出行需求，提供清晰准确的地理信息，特制定本地图设计方案。提供全面、准确的地理信息，包括道路、建筑物、公共设施等。突出南山街的特色景点和重要地标，方便用户快速定位和识别。设计简洁明了，易于阅读和理解，提高用户的使用体验。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 05
作者：
李若铭 杨雨婷
指导教师：
赵文慧
作品设计说明：
《大连森林动物园地图》选题旨在为游客提供便捷、精准且富有趣味的游园导航。通过数字出版的形式，将动物园的各个区域、动物展馆、游乐设施、服务站点等信息清晰呈现。通过H5多感官交互，为游客打造出充满乐趣的视觉体验。全面展现动物园内容，增强游客的参与感，让游客能更好地规划游览路线，充分享受动物园的欢乐时光。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 06
作者：
宋雨杭 吴萱格 张龄文 许博凯
指导教师：
王琳
作品设计说明：
大连森林动物园地图《趣野寻踪图》，采用色彩丰富的手绘风格，让地图看起来既活泼又生动。每个场馆图标都以动物形态进行设计，更清晰直观，整体视觉效果统一。基于H5制作可交互地图，提高了地图的趣味性，还增强了用户的参与感和体验感。
作品：
H5二维码：
数字出版应用实践
PART 07
作者：
董嘉雨 张艺泽 白雨灵 吴文静 王荣
指导教师：
王琳
作品设计说明：
大连东软信息学院软件园校区的创意地图配色以黄色为主色调，赛博元素相结合的色彩搭配。地图设计包括校园建筑、景观等。展示校园的基本地形和道路，校园内的各类建筑物及其功能，校园的绿化景观和特色景点。
作品：
H5二维码：
数字出版应用实践
PART 08
作者：
曲韵平
指导教师：
王琳
作品设计说明：
大连南山区美食手绘地图精心描绘了本地区的精华美食打卡地，每个餐厅通过低饱和度的手绘插图进行展示，地图清晰地标记了餐厅特色。结合电子地图互动设计，更增加了趣味性与便捷性，提供了视觉和味觉的双重感官体验。
作品：
H5二维码：
数字出版应用实践
PART 09
作者：
吴怡然 夏天钰 侯家辉 张远
指导教师：
王琳
作品设计说明：
这张大连森林动物园的地图，以扁平化为主要设计风格，旨在为游客提供清晰、直观的导航体验。设计采用干净鲜明的色块和简化的动物图案，有效地展示动物园的主要区域和设施。优化了已有地图复杂性的细节，视觉主次更加清晰。同时设计考虑数字化趋势，通过手机H5实现更便捷地查看互动操作。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 10
作者：
洪惠洋
指导教师：
韩晴
作品设计说明：
我选的题材为《大连森林动物园地图》，想让更多的游客了解当地的旅游信息，在扫描二维码后，可以迅速展开地图，地图拥有交互功能，点开图标后可以迅速获得当地观光点的信息和动物信息，地图带有音乐可以让游客身心放松。其地图卡通并且特点鲜明，其中的趣味性给人带来第一印象，可以给人带来交互感，层次感分明，具有特点的动物地标有助于人们一目了然，从而达到指路效果。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 11
作者：
李佳兴 王嘉策 王昊琦 于亚宁
指导教师：
韩晴
作品设计说明：
此设计以大连东软信息学院软件园校区进行设计，画面整体选用了高对比彩色矢量图和一般地图画风不同，风格更加年轻时尚，发挥空间也很足，整体一种元宇宙的风格，营造了趣味性。颜色采用黄蓝紫进行调节，主体物如教学楼、宿舍楼等细致描绘，展现真实面貌。辅助图形如云、卫星、火箭、激光条、山林、采用外轮廓型进行色块拼接，将自然与设计融入地图。在H5页面内内嵌地图，点击即可弹出相关介绍，无需打开外部链接，显示更自然、查看更方便、体验更舒适，内置交互点，教学区与生活区一目了然，学生第一次来再也不会迷路。
作品：
H5二维码：
地图实物照片：
数字出版应用实践
PART 12
作者：
孙硕 黄嘉奕
指导教师：
王琳
作品设计说明：
本地图为大连南山风情街定制，通过写实画风店铺图标设计，可视化呈现南山特色。旨在通过直观、易读的方式提吸引游客到南山的进行探索体验。
作品：
H5二维码：
数字出版应用实践
-END-
排版|新媒体中心
孟庆昊
文字来源|影视与视觉传达设计系
王琳老师
图片来源|影视与视觉传达设计系
王琳老师
责任编辑|新媒体中心
孟庆昊
