广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

交互体验 | 中央财经大学文化与传媒学院网站设计
发布日期:2025-05-16 09:17:09 浏览次数: 809 来源:H1H lab



交互设计·视觉设计·动态设计·图片摄影



[ 01 项目背景 ]

PROJECT BACKGROUND


在过去的2020年当中,文化与传媒学院完成了学院官方网站的改版建设,由我院教师戴砚亮(H-1-H创意总监)与学生组成的网站主创设计团队在学院领导的带领下运用最新互联网设计理念及国际化视野为学院提供更加适应当下趋势的立体化网站产品。


学院网站的更新也是一次“辞旧迎新”,将已不适应当前呈现需求的旧版网站一改为大气、简洁、易用的新版网站,2021的新钟声已然敲响,让我们在崭新学院网站的陪伴下,一起走向新时代、新文传,一起塑造新形象、一起展现新作为吧!




[ 02 改造升级 ]

RETROFIT AND UPGRADE


整个网站风格秉承中央财经大学标志性的“专金”色与白色作为主色系,使用适应大屏幕展示的banner图片显示出开阔大方的新文传形象,网站最顶端陈列两排可选择菜单栏区域,采用隐藏式设计,悬停状态即可看到菜单下拉细分内容,查询功能以便访问者快速查询有效信息,首页大图下方区域可以看到实时更新的各类新闻与公告。


学院概况板块主要包括学院简介、院长寄语、历任领导、现任领导、机构设置五个板块的内容,对文化与传媒学院的基本情况做了较为详细的介绍与展示。


新闻动态的下属界面有:学院新闻、通知公告、媒体聚焦,文章内容定时定期更新,保障学院新闻的传播时效性;通知公告板块公示清晰、媒体聚焦板块同步文传师生社会影响力报道。


学院专题板块主要围绕学院的日常工作与生活展开,分为如下五个模块:“喜迎学校第七次党代会”、文化强国学习专题、文传名师名家风采、师生作品展示、安全稳定工作。




[ 03 自适应体验 ]

ADAPTIVE EXPERIENCE


对于现今的网站来说,与网页端相对应的移动端是必不可少的,这对学院信息的传播和宣传有着比较重要的作用,用户可以更方便的通过多种平台媒介查看学院网站。因此在这方面设计团队以网页端为主体,并同步对其进行自适应的移动端设计优化,使两者保持同步的风格与观看体验。




[ 04 视觉设计 ]

VISUAL DESIGN


在视觉设计上,我们将团队设计的中央财经大学专金色与白色的色彩搭配语言继续运用在文化传媒学院的网站设计中。这样做的好处一来可以让中央财经大学的视觉体系得以贯穿,让用户可以快速的感受到学校的文化气质与底蕴传承,另一方面金色与白色的色彩寓意也符合学院朝气蓬勃的发展愿景与面向未来,充满希望的学院宗旨。


在每一层级banner大图的设计中,充分利用中财大校园的特征性区域与美丽的校园景观聚落作为视觉来源,并通过专业摄影师的拍摄选取到最为适合的图像呈现,让用户在观看网站的所有时间内,都本能的感受到中央财经大学的独特人文气息。




05 项目收获 ]

PROJECT HARVEST


面对学校机构的网站设计,H-1-H交互设计团队在近年来也积累了较为丰富的经验。但是针对不同专业背景的学校与学院,我们认为其设计语言和交互体验并不是完全相同的。


首先是内容特征方面,学院的专业特点和背景决定了网站的结构,信息量的承载也决定了网页的视觉面貌。因此在设计初始阶段我们必须充分了解每个学校的特点与传播目的,因地制宜的去思考如何能够传递学校风貌与专业气质,这样的思考下完成的设计呈现绝对不是依靠常规化网站模版为基础的设计能够去体现的。


其次是视觉语言的呈现也必须能够最大化适应能够使用的图像与影像数据。我们不可能要求学校摒弃积累的真实图像素材,转而全部拍摄“完美”的图像来满足网站的审美气质,这不现实也不能真实的反映学校的本真面貌,因此利用已有素材整合加工,并通过引导性的UI结构与颜色搭配,最大可能的去优化真实素材的能力也体现了数字信息时代网站设计团队的专业性。





交互设计·视觉设计·动态设计·图片摄影

Client 

中央财经大学文化与传媒学院

Creative  Direction

DAI Yanliang

Designer 

Xu Yang,Zhang Wan zun

Code design

WANG Shuai

Design Assistant 

LI Yi zhen,Cheng Zhan

Photography

HU Lingling

Creation Time 

2020-2021


H1H-Design 成立于2013年。我们是一家探索全媒介艺术设计的团体。年轻,活力,富有探索精神;将传统文化、艺术、设计与数字科技进行融合是我们持续追求的目标,并创造强大的,引人入胜的故事讲述和身临其境的体验。


作为德国Red Dot Award红点传播设计奖、德国IF设计奖 、苹果 App Store iPad 年度精选应用、CGDA Visual Communication等国际国内奖项荣誉获得者,H1H-Design近年来通过跨学科设计思维整合文化遗产数字体验、品牌策划、动态可视化艺术、展览空间叙事设计、AIGC智能艺术、跨媒介混合现实设计等领域。主创新媒体项目和作品超过300+。


H1H Edu Lab 持续专注于高校艺术设计教育,涉及设计思维、交互体验艺术、动态艺术、艺术与科技等领域的跨媒介研究。我们的主创设计师以艺术研究、高校教师和职业设计师的多重身份致力于探索艺术与商业、设计与实践的可能性。我们与高校合作,开发适应于未来趋势的专业课程及研究课题;定期发起校企联合课题、实践设计项目及学术报告分享等活动,提供实习与就业就会,不断完善艺术设计付诸实践的创新型教育道路。



优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询