本文首发于 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. Jquery FormData文件异步上传 快速指南

    网站中文件的异步上传是个比较麻烦的问题,不过现在通过jquery 可以很容易的解决这个问题: 使用jquery2.1版本,较老版本不支持异步文件上传功能: 表单代码: <form id=&quo ...

  2. 【codeforces 520C】DNA Alignment

    [题目链接]:http://codeforces.com/contest/520/problem/C [题意] 给你一个函数; 它的作用是评估两个字符串的相似程度; 评估的时候: 保持一个字符串不动, ...

  3. HBuider快捷键

    朋友推荐用Hbuilder编辑器,看了下Hbuilder官网和那视频,感觉牛逼哄哄的, 自己也就体验了一下,打开Hbuilder的快捷键列表,每个快捷键都体验了一下,以下展示出来的,每一个都是精华,每 ...

  4. H3C 帧中继与水平分割(续)

  5. [转]Java Web工程目录结构

    说明 介绍java web 工程的基本结构目录.记录java web 工程结构的学习. Java web 结构 java web严格来说分为两类工程结构:一个是工程编译目录结构,一个是工程发布目录结构 ...

  6. JQuery操作select下拉框

    JQuery操作select下拉框 获取Select选择的Text和Value $("#select_id").change(function(){//code...}); //为 ...

  7. Roslyn NameSyntax 的 ToString 和 ToFullString 的区别

    本文告诉大家经常使用的 NameSyntax 拿到值的 ToString 和 ToFullString 方法的区别 从代码可以看到 NameSyntax 的 ToString 和 ToFullStri ...

  8. .gitkeep常用写法

    # win & OSX system files .DS_Store Thumbs.db ehthumbs.db Desktop.ini # IDE files .idea # project ...

  9. Linux 旗标实现

    Linux 内核提供了一个遵守上面语义的旗标实现, 尽管术语有些不同. 为使用旗标, 内核 代码必须包含 <asm/semaphore.h>. 相关的类型是 struct semaphor ...

  10. H3C设置时间--用户视图下

    <H3C>clock datetime ?   TIME  Specify the time (HH:MM:SS) <H3C>clock datetime 19:29:00 ? ...