社交账号登录

社交账号登录

0/34

上传头像

拖拽或者缩放虚线框,生成自己满意的头像

头像

预览

忘记密码

设置新密码

设计

Last.fm曾是很多人的心头好,如今它更新后的样子也很惹人爱

徐佳辰2017-02-21 13:55:07

设计公司把 VI 应用规范做成一个软件,省了不少事儿。

成立于 2003 年,线上音乐电台的先行者 Last.fm 在去年迎来了 1000 亿次线上音乐播放记录。随着快速壮大的用户数据库和音乐资料库,Last.fm 找到格拉斯高的创意工作室 O Street 寻求一个更具品牌识别度的数据可视化方案。

O Street 先是为电台定制了一套专属无衬线字体 Last.font,其灵感来源于经典的计算机字体。每个字母均等高、等宽,每个笔画的转角则用柔和的弧线进行处理。O Street 表示,这套字体平衡了数据的优雅、个性化和趣味,体现了Last.fm集“数字、音乐、倾听、发现”等功能为一体的品牌形象。

同时,为了庆祝 1000 亿这个壮观的数字,O Street 结合新字体和一套以单线条勾勒为特色的平面设计制作成一个迷你站点。展示了 Last.fm 过去 13 年播放记录中最受欢迎的专辑、艺术家,以及全球每个地区不同的音乐品味等有趣数据。

更新了字体后的 Last.fm 似乎觉得还不够,继而与 O Street 展开了第二次品牌视觉形象更新,试图用一种设计方法解决自己官方网站、社交账号上存在着的各种风格迥异、混搭无力的图片。

O Street 给出的答卷是一套定制化视觉形象模板。灵感源自于声波形态和可视化数据设计,利用 Last.fm 原有的品牌颜色和视觉风格,O Street 创造了一套全新图片应用规则。

相对于以前设计师们为 VI 系统制作的一本本厚厚的应用规范手册,O Street 这次聪明地将这套规范做成了一个可以同时处理图像和进行简单排版的网页小软件。

当 Last.fm 的工作人员需要上传一张演唱会现场图片或艺术家的新专辑宣传图,他可以利用这个软件里提供的滤镜功能将一张图像处理成特殊纹理状态(纹理的方向和变形程度均可调节)。

接着,再叠加上 Last.fm 的几种专有颜色(O Street还多添加了几种RGB颜色供选择)。输入文字后,根据软件提供的网格系统来进行排版。当然,这里显示出的是上面提到的这套全新 Last.font 字体。

最后,加入一些几何形状的色块作为装饰或是文字框,进行对图片分类或是标记。在很短的时间内人们就能够完成一张图片的标准化处理。

另外,即使没有图片,这套软件也可以利用自带的纹理滤镜和几何形状来编排小海报,可用于音乐活动、个人专辑,或者仅仅是 Instagram 上的一次日常更新。

“O Street 大大简化了我们公司团队制作内容的过程,并且赋予了品牌出色的视觉风格,简直大爱!”Last.fm 的员工 Matt 表示。

是的,尽管这套设计系统可能限制了想象力天马行空的电台工作人员们发挥自己与众不同的美学品味,但图像、字体、颜色和形状不仅可以快速创造出无数排版可能性,也的确能够将品牌的视觉身份在各个网络平台上得到最大强调。

题图及内容图片均来自:O Street

喜欢这篇文章?去 App 商店搜 好奇心日报 ,每天看点不一样的。