UNIBO大学博物馆网络设计—品牌重塑和数字产品设计

Brief / Redesign the Visual Identity of the University of Bologna Museum Network (SMA) and apply the new designs to a Digital Product

简介/重新设计博洛尼亚大学博物馆网络(SMA)的视觉识别,并将新设计应用于数字产品

Period / Mar 2020 — June 2020

期间/ 2020年3月-2020年6月

语境 (Context)

SMA (Sistema Museale di Ateneo) is a network of fourteen museums and collections belonging to the University of Bologna, the oldest university in the Western world. Its diverse collections were born as a result of teaching and scientific research activities carried out since its foundation. The museums and collections differ in size, content, and character; most of them are in the city center of Bologna, while the two collections related to the department of Veterinary Medicine are located in Ozzano dell’Emilia, 20 km from Bologna.

SMA(Sistema Museale di Ateneo)是十四个博物馆和藏品的网络,隶属于博洛尼亚大学,这是西方世界上最古老的大学。 自成立以来,通过开展教学和科学研究活动,诞生了它的各种收藏品。 博物馆和藏品的大小,内容和特征各不相同; 它们中的大多数都位于博洛尼亚市中心,而与兽医科有关的两个收藏品位于距离博洛尼亚20公里的Ozzano dell'Emilia。

问题 (Problem)

The overall interest in the University Museum is quite low from the students and almost inexistent from tourists and citizens of Bologna. One of the main reasons is that the institution suffers of a really poor and confusional communication.

学生对大学博物馆的总体兴趣很低,而博洛尼亚的游客和公民几乎没有兴趣。 主要原因之一是该机构的交流确实很差且混乱。

Image for post
Current logo design
当前徽标设计

提案 (Proposal)

A dynamic visual identity made of a main logo representing SMA and 14 related logos representing each collections and originating from the main logo. Colors and shapes are meant to be appealing for a younger audience, as well as the AR app, designed to be an accessory for the collections.The goal is to aim to an audience far from the ideal one, in order to attract new visitors and keep the actual audience satisfied; following the so-called Paradox of Specificity (Alan Cooper, 2004).

动态视觉识别由代表SMA的主要徽标和代表每个系列的14个相关徽标组成,这些徽标源自主要徽标。 颜色和形状以及适合作为收藏品附件的AR应用程序旨在吸引年轻的观众,其目标是使目标受众远离理想的受众,以吸引新的访问者和使实际观众满意; 遵循所谓的特异性悖论 (Alan Cooper,2004)。

处理 (Process)

Image for post

战略 (Strategy)

Image for post

The module has been created from the abstraction of a single book made into a rectangle and repeated 14 times, as a representation of a system made of multiple subjects.

该模块是根据抽象成矩形的单本书创建的,并重复了14次,以表示由多个主题组成的系统

Image for post
Image for post
(Left) Final design for the main logo on a coloured background; (Right) Final designs for the single collections logos
(左)彩色背景上主要徽标的最终设计; (右)单个系列徽标的最终设计
Image for post
Example of sub-logo creation starting from an element of the collection
从集合的元素开始创建子徽标的示例

The modules change their position in the two-dimensional space in order to create new sub-logos representing the collections.

模块在二维空间中更改其位置,以创建代表集合的新子徽标。

Each sub-logo is made of the same 14 modules, that never change dimensions.

每个子徽标由相同的14个模块组成,这些模块永不更改尺寸。

样机 (Mockups)

The intent is to show how the identity works in different situation and when to use the main logo rather than those of the individual collections and vice versa.

目的是显示身份如何在不同情况下工作以及何时使用主要徽标,而不是各个收藏中的徽标,反之亦然。

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

AR应用程序概念 (AR app concept)

The second and final part of the exam was to create a digital product to use as an application of the visual identity. I developed a simple concept in line with the brand identity project; I’ve used the LUMA Institute Concept Poster as a starting point.

考试的第二个也是最后一个部分是创建一个数字产品,用作视觉识别的应用程序。 我根据品牌标识项目开发了一个简单的概念; 我以LUMA Institute概念海报为起点。

The final product is an app with two functions:

最终产品是具有两个功能的应用程序:

  • Collect and resume the main infos about the collections

    收集并恢复有关集合的主要信息
  • Give more informations, in a visual way, using an AR function

    使用AR功能以视觉方式提供更多信息

The big problem to solve is that the objects exposed can result boring or static, for a non-expert public.

要解决的最大问题是对于非专业人士而言暴露的对象可能会导致无聊静态

Image for post
Image for post
Image for post
Slides taken from the final presentation (in italian 🇮🇹)
最终演讲中的幻灯片(意大利语🇮🇹)

The end user + job story format has been really helpful in order to imagine a simple and clean simulation of how this app could be used.

最终用户+工作故事格式对想象如何使用此应用程序进行简单清晰的模拟非常有用。

End user: Digital native teenagers, casual visitors of the University Museum Network

最终用户 :数字原生青少年,大学博物馆网络的休闲访问者

Job Story: When I’m visiting a museum, I want a simple, stimulating and up-to-date interaction, so that I can appreciate in the best way possible all the exposed objects and leave with a good consideration of the institution that I’ve just visited.

工作经历 我参观博物馆时,我想要一个简单,刺激和最新的互动方式,以便我能以最佳方式欣赏所有暴露的物体,并充分考虑我所居住的机构刚刚去过。

Image for post
Image for post
Wireframes ✏️ & 📃
线框✏️&📃
Image for post

The final design is made following the rules of Material Design.

按照材料设计的规则进行最终设计。

Image for post
Image for post
Image for post

The prototype has been created with Figma and tested with Figma Mirror for Android.

该原型是使用Figma创建的,并已通过Android版Figma Mirror进行了测试。

Unfortunately the animations were not smooth, due to a problem of connection, but it worked well in terms of usability.

不幸的是,由于存在连接问题,动画不流畅,但就可用性而言效果很好。

Some comments were made on the too specific copywriting used in some sections, that can result as a pain point for non-expert or younger audience.

对于某些部分中使用的过于具体的文案撰写了一些评论,这可能会给非专业人士或年轻观众带来痛苦。

可持续发展与访客体验 (Sustainability and Visitor Experience)

One of the biggest problem of the current management of those museums is that they are somehow left to themselves; so I decided to close my project with some additional thoughts about this: we live in a saturated world of digital products and good looking designs, where the holistic thinking results essential if we want our designs to survive the rapidly changing environment, in which they “live” in.

这些博物馆目前的管理中最大的问题之一就是它们以某种方式留给了他们自己。 因此,我决定以其他一些想法结束我的项目:我们生活在一个充满数字产品和精美外观的世界中,如果我们希望我们的设计能够在瞬息万变的环境中生存,那么整体思维的结果必不可少。住在。

I decided to think about a template for a timeline, with some actions to be taken in the right months compared with the amount of visitors, that should guarantee the survival of the offer.

我决定考虑一个时间轴模板,并在适当的月份内与访问者数量进行比较,以确保报价的生存。

Image for post
Slide taken from the final presentation (translated in english 🇬🇧)
幻灯片摘自最后的演讲稿(英文🇬🇧)
Image for post
Rapid visualization of a rating interface
评级界面的快速可视化

Moreover, it is essential to be proactive in peripheral fields, like the engagement, data analysis, consistency of the touchpoints, storytelling etc… in order to deliver a complete and pleasant experience.

此外,必须积极参与周边领域,例如参与度,数据分析,接触点的一致性,讲故事等,以便提供完整而愉悦的体验。

Image for post
Omni-channel and consistent communication
全渠道和一致的沟通
Image for post
Storytelling on social media
在社交媒体上讲故事

我能做得更好吗? (What can I do better?)

  • Manage tasks better, in order to have more time for final testing

    更好地管理任务,以便有更多时间进行最终测试
  • Keep records of the preliminary steps (rough ideas, sketches, brainstorming etc…)

    保留初步步骤的记录(粗略的想法,草图,集思广益等)
  • Respect good practices on Figma while building the prototype

    制作原型时要尊重Figma的良好做法

Thanks for reading the whole story 🥰 I always appreciate feedback and would be great to hear yours… leave a comment! 👇

感谢您阅读整个故事🥰我始终感谢您的反馈,很高兴听到您的反馈……发表评论! 👇

翻译自: https://medium.com/mario-di-giorgio/redesigning-the-university-museum-network-identity-in-bologna-italy-bca81302632c

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274693.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

进来做几道 JavaScript 基础题找找自信?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

人物肖像速写_骄傲家庭:肖像项目

人物肖像速写2020 has been a solemn, transformative year. Pride month takes place in the context of a groundswell up-rising against racism and police brutality and in the continued isolation of COVID-19.2020年是庄严,变革的一年。 骄傲月的发生是在反…

答读者问:钱和成长,哪个更重要?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

ui设计颜色的使用_UI设计中颜色使用的10条原则

ui设计颜色的使用重点 (Top highlight)1.颜色术语 (1. Color Terminology) Color terminology forms our foundation of color knowledge. Think of color terms like hue, tint, and shade as tools that we can employ to develop unique color palettes.颜色术语构成了我们颜…

Chrome插件:网易云音乐听歌识曲

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

如何设置ad18捕捉图标_图标设计中的像素捕捉

如何设置ad18捕捉图标More in the iconography series:• Foundations of Iconography• 7 Principles of Icon Design• 5 Ways to Create a Settings Icon• Icon Grids & Keylines Demystified• 3 Classic Icon FamiliesWe all want our designs to display sharp on a…

React Hooks 原理与最佳实践

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

插图 引用 同一行两个插图_为什么插图是产品的重要组成部分

插图 引用 同一行两个插图“Hi, my name is Ludmila and I’m a UX/UI designer”“嗨,我叫Ludmila,我是UX / UI设计师” “Hi, Ludmila”“嗨,路德米拉” “Welcome”“欢迎” Not anonymously at all, I’ve been doing UX/UI design fo…

如果是你你会如何重新设计和定义维基百科(wikipedia)?

日期:2012-8-11 来源:GBin1.com 最近一家设计公司发布了一个关于如何重新定义和设计维基百科的网站,在这里网站里详细的刨析了如何重新设计维基百科的话,如何做品牌设计和网站设计,整个设计过程都使用非常详细的文档说…

祖父元素_帮助祖父母建立Skype帐户的UX经验教训

祖父元素“Empathy is a key part of a UX designers arsenal”, they say. It’s drilled into our heads that we need to be thinking about our user, about their journey, about what works best for them. And it does feel empowering to boast of empathy, inside vis…

2022年CSS的发展如何?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

分布式实物实现方式_这是您完成实物产品设计任务的方式

分布式实物实现方式You’ve come to the last stages of an interview. There’s only one thing left to do: the dreaded take home design assignment.您已经到达面试的最后阶段。 只剩下一件事要做: 可怕的带回家的设计任务。 This is the hard part of any in…

type 和 interface 傻傻分不清楚?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

上帝公式_感谢上帝的空白

上帝公式Do you ever walk into a room cluttered with discarded papers and leftover takeout and feel comfortable?您是否曾经走进过乱七八糟的房间? Yes, you might if you’re a sophomore at college. That’s just dorm life. Back in the late 90’s to …

figma下载_在Figma上进行原型制作的各种触发选项

figma下载Prototypes are model versions of digital products. They’re used to measure usability by testing with potential users of a product. When making prototypes with Figma, it is necessary that the actions that trigger reactions aren’t strangers and th…

通过动画让你深入理解 ES modules

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

海量数据处理之倒排索引

前言:本文是对博文http://blog.csdn.net/v_july_v/article/details/7085669的总结和引用 一,什么是倒排索引 问题描述:文档检索系统,查询那些文件包含了某单词,比如常见的学术论文的关键字搜索。 基本原理及要点&#…

ux和ui_如何为您的UX / UI设计选择正确的原型制作工具

ux和uiAll UX/UI designers might encounter the situation of creating prototypes for wireframes or visual designs. In some cases, you may also receive the need to craft motion designs, for instance, animating icons or illustrations.所有UX / UI设计人员都可能遇…

Vue 性能指标逐渐开始反超 React 了!

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

figma下载_我如何使用Figma,CSS Grid和CSS Flexbox构建登录页面

figma下载I enjoy looking at website designs that are on platforms like Behance, Dribble, etc. as they are visually very pleasing to the eye. While scrolling through these designs, I always wonder about one thing, that is, how difficult would it be to expre…