本文首发于 Serverless 中文网,译者:Aceyclee。如需转载,请保留原作者和出处。

如何在开源技术社区中做设计?本文来自 Serverless 团队中首席设计的分享 —— 展现了设计过程,供想要创建可靠品牌标识(无论是从头创建品牌标识,还是希望改进现有标识)的设计师参考。"

我出生在巴西最南端的一座繁华城市 —— 愉港市 ,我从小痴迷于设计。小时候,我就总在探索着周边环境、研究建筑,集中精力去分析每一个空间中传达出来的微妙视觉信息。

我渴望探索新的世界,于是四处旅行,最终搬到了布宜诺斯艾利斯。在职场上,我从一名专业设计师不断成长,先是担任艺术总监,后又成为设计总监。但我渴望突破,想尝试一些新的东西。

在 Serverless 团队中设计

我最终加入了这家名为 Serverless 的初创公司。一开始我就面临着一项艰巨的任务:为公司打造一个全新的、同时致敬过往的品牌标识。新标识必须完美融合新旧标识,还必须考虑开放源代码社区、技术文档、会议演示、视频甚至「氛围」这样的玄学因素。

现在,我已经完成了这项任务。在本文中,我将展示整个设计过程,以供想要详细了解如何创建可靠品牌标识(无论是从头创建品牌标识,还是希望改进现有标识)的设计师们参考。

增长型设计系统

关于设计,首先要谨记的是——设计是为了达到某种目的。它的作用是建立一个社区,讲述一个故事,提高产品的认知度和使用率。 因此,它总是在变化。设计师必须迅速适应公司外部的大环境和公司内部的需求。

我的设计过程从 Ryan Gum 的增长过程中汲取灵感,遵循一些大家非常熟悉的原则:

  • Ideate(构思)
  • Prioritize(确定优先级)
  • Test(测试)
  • Analyze(分析)
  • Optimize(优化)
  • Rethink(反思)

换句话说,标识是一种构造,是一个不断发展和自我重塑的循环。当你经历这个循环时,问自己两个问题:

1. 品牌发展的下一步是什么?

设计必须不断发展,而你必须想出如何做到这一点,同时又不丧失其本质和辨别度。发展并不意味着要抹杀过去,而是意味着以过去为基础。在这个过程中,不要害怕尝试。没有真正糟糕的尝试,一切都可以变得更好。

没有真正糟糕的尝试,一切都可以变得更好。

2. 这个设计能够有所表达吗?

设计不仅仅是艺术,而是需要为公司实现目标。为了做到这一点,作为设计师,您需要了解设计的目的,以及如何使设计达到目的。

这就是一个出色的设计要达到的目的:它建立起了呈现公司形象的视觉语言。

优秀的品牌具备实用性

考虑到这一点,我们来讨论一下在整个组织中实施品牌设计的实用性,以及在此过程中需要注意的问题。

反复检查您所呈现的内容

随着技术变迁,新的平台诞生,为新的行为和交互类型开辟道路。我们发现自己处于这样一种境地:发展不是一个选择的问题,而是一个生存的问题。

这迫使我们创建新的交流规则,以遵循每个平台的情境逻辑。如果某件事失败了,责任不在所传达的信息,而是因为我们交流信息的方式不起作用。

例如,前几天我与 Serverless 增长团队讨论了如何让我们在 Twitter 上分享的内容具备多样化的方式。作为一个注重视觉的人,我的第一个想法是使用更多的图片、视频和动图!

这并非一个糟糕的主意!就像我之前说的,没有真正糟糕的尝试。但我没有考虑到的是,推文中包含图片使链接显示为蓝色文本,而不是扩展为可视卡片。链接与话题标签混在一起,很容易被忽略。最终可能导致参与率和点击量变少。这可不太妙!

显然,我们在社交媒体上仍会使用多种类型的内容,但对于设计师而言,了解每个平台的主要交互模式,并在考虑到其限制的情况下想方设法使我们的信息尽可能具有吸引力,这是很重要的。

无论图片有多精致,只有内容能够获得响应,才能使一则消息吸引最多关注,最终创造品牌价值。

冒险、发展、证明、分析和反思

您必须能够以批判的眼光看待自己的作品。您理想中的设计应该能够使人停下脚步,取下耳机,为之侧目。如果您在街上从自己的设计作品旁经过,会驻足停留吗?请诚实回答。如果答案是否定的,您就得抱着谦虚的态度,重新开始设计。

要设计一件能够给人留下深刻印象的作品,不仅需要冒险和尝试,还需坦率地听取反馈意见,了解设计中的可行和不可行之处。在我开始领导增长团队的设计交流后,我要求整个团队对我的设计给予反馈。他们总是能够指出我没有发现的东西,这样一来,对于每一个公开的设计,我们都可以展示出最好的效果。

举个例子,我曾为 Serverless 平台公告设计了一份定制的时事通讯,我花了很多时间定制插图来彰显它的特点。老实说,我对这些插图真的很满意。但团队成员也提出了一些有用的观点,他们认为应该使用 dashboard 的产品图,让人们有更深刻的印象。

我得承认这说到了点子上。

当然,反馈并不总是很容易接受,但这很重要。每个人都需要做好这点:

无论您的工作有多出色,总有很多东西要学习,也有很多东西会忘记。这就是为什么顶级运动员和音乐家即使是在他们的巅峰时期,也需要教练的原因。
—— Farheen Gani「Making feedback work for you

接受反馈很重要,知道如何请求反馈也重要。确保您的设计可让人们了解关注点。告知大家您目前所处的设计阶段:是刚刚开始还是在做最后的调整?这有助于您以最小的开销获得所需的帮助。

小结

上述建议都来自我自己作为一名设计师的经验,但我认为这些建议对于各种其他类型的角色都有所帮助。因此,何不冒险尝试做些改变,想办法不断改进和完善。

Serverless 的 UI/UX

在 Serverless,我们秉承发展的企业文化,有则改之无则加勉。
我们重视勇于进取的精神,对我而言,勇于进取是一种品质,令人兴奋。

这就是我们在 Serverless 中对设计的态度。

本文首发于 Serverless 中文网,原文链接:https://serverlesscloud.cn/blog/2018-09-03-serverless-design-ethos-create-brand-identity-green-field/

Serverless 设计理念:从头创建品牌标识的更多相关文章

  1. HighchartsJS创建环形带标识的图表实例

    HighchartsJS 是一款功能强大.开源.美观.图表丰富.兼容绝大多数浏览器的纯js图表库,目前最新版本库是Highcharts 4.1.9.另外,HighchartsJS还提供很多的插件和第三 ...

  2. [译]终极塔防——运用HTML5从头创建一个塔防游戏

    翻译共享一篇CodeProject的高星力作,原文地址:http://www.codeproject.com/Articles/737238/Ultimate-Tower-Defense 下载演示项目 ...

  3. Laravel + Serverless Framework 快速创建 CMS 内容管理系统

    今天,为大家带来一篇 Laravel + Serverless Framework 的综合实战,里面信息量有点多,大家仔细看哦- 首先,我来介绍下主要的本地环境吧: Git:不多说,只要会敲代码就应该 ...

  4. 三分钟入坑指北 🔜 Docsify + Serverless Framework 快速创建个人博客系统

    之前由于学摄影的关系,为了提高自己的审美,顺便锻炼下自己的英文能力,翻译了不少国外艺术类的 文章.最近一直想搭一个个人博客来存放这些内容,又懒得折腾建站,遂一直搁置. 直到偶然发现了 docsify ...

  5. 使用 Wintersmith + Serverless Framework 快速创建个人站点

    首先我们来介绍下,Wintersmith 是一个简单而灵活的静态站点生成器.采用 markdown 构建,这个是我们的基础条件. Serverless Framework:在 GitHub 上有三万颗 ...

  6. VC 为程序创建唯一标识

    转载请注明来源:https://www.cnblogs.com/hookjc/ 应用: 一台机器上只许运行一个客户端 同一个账号只允许登陆一个客户端 BOOl m_IsRun=false; HANDL ...

  7. 从头创建一个新的vue项目------用npm|yarn下载vue-cli|vue-ui创建vue

    1.下载node或者是nvm node可以直接去node官网下载,http://nodejs.cn/,默认是长期维护的版本 如果想管理node的版本,可以下载nvm.这个是可选的.但是作为一个前端工程 ...

  8. 使用sql语句创建修改SQL Server标识列(即自动增长列)

    一.标识列的定义以及特点SQL Server中的标识列又称标识符列,习惯上又叫自增列.该种列具有以下三种特点:1.列的数据类型为不带小数的数值类型2.在进行插入(Insert)操作时,该列的值是由系统 ...

  9. HighchartsJS创建点状带标识的图表实例

    上一篇我发布的是关于 HighchartsJS创建环形带标识的图表实例, 从那篇文章就可以看出 HighchartsJS 确实是一款功能很强大的图表库.利用它,我们可以在项目中创建出我们所需要的图表来 ...

随机推荐

  1. 5分钟了解为什么学习Go

    1.什么是Go语言? Google开源 编译型语言 21世纪的C语言(主流编程语言都是单线程环境下发布的) 2.Go语言的特点? 简单易学习(类似python学习难度,自带格式化) 开发效率高 执行性 ...

  2. 三种查看MySQL数据库版本的方法

    https://blog.csdn.net/hj7jay/article/details/51921504 1.使用-V参数 首先我们想到的肯定就是查看版本号的参数命令,参数为-V(大写字母)或者-- ...

  3. html手机端全屏显示和溢出问题

    <meta name="viewport" content="width=1200, initial-scale=0.3"> initial-sca ...

  4. css3图片展示方式

    <view class='img_block' id='mjltest'> <view class='text_view'> <view class='{{cell_cl ...

  5. [C++] 获取IE代理服务器的账号密码

    很多程序需要使用'浏览器设置'的代理服务器,IE设置的代理服务器有可能是需要账号密码的.怎样编程获取浏览器设置的代理服务器的账号密码呢? InternetQueryOption(NULL, INTER ...

  6. H5 FileReader读取文件

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. Python--day34--socket模块的方法

    官方文档对socket模块下的socket.send()和socket.sendall()的解释如下: sk.setblocking(False)方法 import socket sk = socke ...

  8. mysql ”Invalid use of null value“ 解决方法

    1.问题描述 因为要更改"information"表中的"编号"列为非空,使用数据库查询语句“alter table information modify '编 ...

  9. attr(),prop()二者区别和最佳实践

    attr(),prop()二者区别和最佳实践 最近使用到attr()来获取自定义属性值,我印象中是有一个方法可以获取到自定义属性值,进而我又想到了另一个方法prop().  查看了手册发现并没有对二者 ...

  10. Python2_实现文件中特定内容的获取

    ===================================================== 参考链接 Python 文本文件内容批量抽取:https://blog.csdn.net/q ...