怎么成为开源贡献者

by Gbolahan Taoheed Fawale

通过Gbolahan Taoheed Fawale

我如何成为一名更好的设计师并通过Jolloficons为开源做贡献 (How I became a better designer and contributed to Open Source with Jolloficons)

Earlier this year, when I was still very much actively involved in the tech community in Owerri, Imo state, Nigeria, my friends and I — mostly developers — discussed building open source projects. We wanted to help ourselves better hone our technical skills, while also solving societal problems and bringing some attention to the small but actively growing tech community in the state.

今年早些时候，当我仍然非常积极地参与尼日利亚伊莫州Owerri的技术社区时，我和我的朋友(主要是开发人员)讨论了构建开源项目的问题。 我们希望帮助自己更好地磨练我们的技术技能，同时解决社会问题并吸引该州规模虽小但活跃的技术社区的注意。

As the only designer amidst other developers, I had two ways to contribute: help mockup interfaces for the projects to be built, or pick up a front-end framework and participate directly code-wise since I already had some experience with frontend design. Our mantra was; ‘there is nothing you can’t learn as long as you are ready or there’s something at stake’ (like a design gig, full time job, or any form of career growth or material compensation.) These guys are still some of the most motivating and hardworking guys I have ever met.

作为其他开发人员中唯一的设计师，我有两种贡献方式：帮助将要构建的项目的模型接口，或者选择一个前端框架并直接以代码方式参与，因为我已经具有一些前端设计的经验。 我们的口头禅是； “ 只要准备就绪或有什么事情危在旦夕，您什么都学不了 ”(例如设计工作，全职工作，或任何形式的职业发展或物质报酬。)这些人仍然是其中的佼佼者我见过的激励和勤奋的家伙。

“Surround yourself with good people; surround yourself with positivity and people who are going to challenge you to make you better.”— Ali Krieger

“与好人交往； 积极面对自己，并挑战自己，让自己变得更好的人。” — 阿里·克里格 ( Ali Krieger)

最初的想法 (The initial idea)

An icon pack containing icons that are relative to Nigeria — or Africa as a whole — and can be used in different projects, was the initial idea that came to mind. However, that didn’t see the light of day at that particular period as I got carried away with work and other personal responsibilities.

一个包含相对于尼日利亚(或整个非洲)的图标的图标包可以用于不同的项目，这是我想到的最初想法。 但是，在那个特定时期，随着我忙于工作和其他个人责任，这显得不合时宜。

At some point, I also experienced self paralysis. I kept overthinking types of icons, style and usability in terms of context because some of the icon ideas that came to mind were things I thought wouldn’t fit well in web/mobile app products. This particularly discouraged me a lot so I only kept “dreaming” instead of actually working on the project.

在某些时候，我也经历了自我瘫痪。 我一直在考虑上下文方面的图标类型，样式和可用性，因为我想到的一些图标创意是我认为不适用于Web /移动应用程序产品的东西。 这让我特别沮丧，所以我只做“梦”，而不是实际从事该项目。

“Go wide, explore and learn new things. Something will surely have a kick for you”

“扩大范围，探索和学习新事物。 肯定会为您带来惊喜”

― Mustafa Saifuddin

― 穆斯塔法·塞弗丁

I thought about my career as a designer. I wanted to be as good as I could at UI/UX as well as as other aspects of design and also be a source of inspiration to others. I believe trying out different things makes one better at their craft. As a Figma Africa Ambassador and design advocate, I also wanted to create, teach and share some of the cool things you can do with Figma besides designing and mocking up interfaces. So I started doing realistic isometric and 3d illustrations with Figma, such as this popular building in Nigeria and this.

我想到了自己的设计师生涯。 我希望在UI / UX以及设计的其他方面都表现出色，同时也希望成为他人的灵感之源。 我相信尝试不同的事物会使他们的技巧更好。 作为F igma非洲大使和设计倡导者，我还希望创建，教授和分享除设计和模拟界面外，可以使用Figma进行的一些很棒的工作。 因此，我开始使用Figma制作逼真的等距和3d插图，例如尼日利亚的这座热门建筑和this 。

The UI/UX field is quite wide and you simply can’t know it all. Learning continues every day on every new project/product, so I can’t also say I am an expert at it. But at the same time, I felt I should be able to test new waters, experiment and find other aspects of design and skills in technology I could pick up. After all, all these aspects of design and tech are interconnected one way or another.

UI / UX字段很宽，您根本不知道全部。 每个新项目/产品的学习每天都在继续，所以我也不能说我是专家。 但与此同时，我觉得我应该能够测试新水域，进行实验并找到我可以学到的设计和技术方面的其他方面。 毕竟，设计和技术的所有这些方面都以一种或另一种方式相互联系。

开始的动力 (The impetus to begin)

In July this year, I got a new job and subsequently had to move to Lagos, Nigeria the following month — August. Without doubt, Lagos is the biggest tech hub in Nigeria and a sudden change in environment saw me overwhelmed with my “new community,” as I strove to adapt quickly while also trying to be on top of my game. Some of the best talent across Africa and the rest of the world can be found in Lagos. For me, it was a different ball game.

今年7月，我找到了一份新工作，随后在第二个月-8月不得不搬到尼日利亚拉各斯。 毫无疑问，拉各斯是尼日利亚最大的技术中心，环境的突然变化让我不堪“新社区”，因为我在努力适应新挑战的同时力求Swift适应。 拉各斯拥有非洲乃至世界其他地区一些最优秀的人才。 对我来说，那是一场不同的球赛。

After achieving some level of stability at my new job and environment, I had to think back on some of my goals and projects I had always wanted to work on before the end of the year. Let me also add here that you have to always find time to work on projects on the side as this gives room for growth. This also makes it possible for you to become a better designer/developer and also double up on your interests and excitement to learn and do more.

在我的新工作和新环境中达到一定程度的稳定性之后，我不得不回想一下我一直希望在年底之前完成的一些目标和项目。 在这里我还要补充一点，您必须总是花时间在旁边的项目上，因为这为增长提供了空间。 这也使您有可能成为更好的设计师/开发人员，并加倍兴趣和学习和做更多事情的兴趣。

I had always had these design ideas and concepts in my head — some of which I still haven’t been able to explore. However, I figured the best way to get them out was to design something. That prompted my decision to work on the icon pack.

我始终脑子里有这些设计思想和概念，其中一些我仍然无法探索。 但是，我认为让他们脱颖而出的最佳方法是设计一些东西。 这促使我决定使用图标包。

Thinking I had already gotten more clarity on what I wanted to do, I spent days trying to figure out a style; something different. That was how I found myself in-between creating icons that can be used across different digital products and screens, creating something in the African context or just fleshing out all these design ideas and concepts in my head.

考虑到我已经对自己想做的事情有了更清晰的了解，我花了几天的时间试图找出一种风格。 有些不同。 这就是我发现自己在创建可在不同数字产品和屏幕上使用的图标之间，在非洲背景下创建内容或只是在脑海中充实所有这些设计思想和概念的方式。

The first step was to get the domain name jolloficons.com, to make myself “committed” to the project. It’s a psychological hack I deployed to make sure I started work on creating the icons.

第一步是获取域名jolloficons.com ，使自己“致力于”该项目。 我部署了这是一种心理技巧，以确保我开始着手创建图标。

I saw and loved what Katerina Limpitsouni and Aggelos Gesoulis at Undraw were doing, same as Dave Gandy at fontawesome and Vancura at VSCode. But I wanted to do something different, something ‘original’ to Africa. Though I couldn’t figure it out in time.

我看到和喜爱什么卡捷琳娜Limpitsouni和Aggelos Gesoulis在拉开在做，同戴夫·甘迪在fontawesome和Vancura在VSCode。 但是我想做些不同的事情，对非洲来说是“原创”。 尽管我无法及时解决。

我需要的推动 (The push I needed)

This year at the State of Octoverse Developer Conference in San Francisco, we saw Nigeria rise to the fourth fastest growing country in terms of the proliferation of organisations, repositories and contributions made by Nigerian Developers on Github.

今年在旧金山举行的Octoverse开发人员状态会议上，就组织，存储库和Github上的尼日利亚开发人员所做的贡献而言，我们看到尼日利亚跃居第四大增长国家。

There have also been concerns about us consuming Open source tools more than we produce, but things are now changing faster than we think, thanks to organisations like Andela and Ingressive who are nurturing tech talents and supporting the technology ecosystem.

也有人担心我们对开源工具的消费比我们生产的要多，但是由于Andela和Ingressive这样的组织正在培养技术人才并支持技术生态系统，因此事情的变化速度超出了我们的想象。

I must equally mention some of our developer advocates, experts and mentors Aniedi Udo-Obong, Hanson Johnson, Prosper Otemuyiwa, Christian Nwamba, Ire Aderinokun, Adewale Abati ♠, Neo Ighodaro, Samson Goddy, Ada Nduka Oyom, Ridwan Olalere (Didi Kwang) and Namnso Ukpanah who are also at the forefront of building developer/designer talent and communities (GDG’s , Forloop Africa, Frontstack.io, Laravel Nigeria, Figma Africa etc) across Africa. And this is just to mention a few of the badass talents and organisations supporting the tech ecosystem here in Nigeria.

我必须同等提及我们的一些开发者拥护者，专家和导师Aniedi Udo-Obong ， Hanson Johnson ， Prosper Otemuyiwa ， Christian Nwamba ， Ire Aderinokun ， Adewale Abati♠ ， Neo Ighodaro ， Samson Goddy ， Ada Nduka Oyom ， Ridwan Olalere(Didi Kwang)和Namnso Ukpanah也在非洲各地建立开发人员/设计师人才和社区(GDG，Forloop Africa，Frontstack.io，Laravel Nigeria，Figma Africa等)方面处于最前沿。 这只是提及支持尼日利亚这里技术生态系统的一些坏蛋人才和组织。

It’s just a matter of time, as we designers in Nigeria will soon have a lot of content and open source resources to share with the world, because we are already taking the bull by its horns and breaking boundaries.

这只是时间问题，因为我们尼日利亚的设计师们很快就会拥有大量与世界分享的内容和开源资源，因为我们已经在牛逼和突破界限。

There was a time the Figma Africa Design Advocate Lead, Namnso Ukpanah — who is also a friend — was looking for experienced Designers versed in iconography that could share their knowledge with us via an AMA session on our Figma Africa slack channel. I remember it took a while before we could get someone. We soon had Vancura of the VSCode project come on our channel to share his experience and knowledge designing icons for the popular VSCode editor. It was an educative and interesting session.

曾经是非洲无花果非洲设计倡导负责人的纳姆索·乌克帕纳 ( Namnso Ukpanah )也是一位朋友，他们一直在寻找经验丰富的肖像设计师，可以通过我们在无花果非洲休闲频道上的AMA会议与我们分享知识。 我记得我们花了一段时间才找到一个人。 很快，我们就在频道上邀请了VSCode项目的Vancura来分享他的经验和知识，为流行的VSCode编辑器设计图标。 这是一次富有教育意义的会议。

“Reject the tyranny of being picked. Pick yourself.”

“拒绝被挑衅的暴政。 选择你自己。”

― Seth Godin, Poke the Box

- 塞思戈丁， 捅箱

I usually don’t like missing out on opportunities to share my knowledge and contribute to the tech community. So I was a little disappointed with myself and felt bad, quite honestly, that I had not worked on the Icon project all this while. I felt I would have probably been able to share my own experiences and knowledge with the design community while we waited to get someone more experienced for the AMA session. But since I hadn’t done it, there was no proof of my experience or knowledge designing any icon set. ?

我通常不喜欢错过机会分享我的知识并为技术社区做出贡献。 因此，我对自己感到有些失望，并且很坦白地说，我一直没有从事过Icon项目，这让我感到很遗憾。 我觉得当我们等待让更多的人参加AMA会议时，我可能能够与设计社区分享我自己的经验和知识。 但是由于我没有做过，所以没有证据证明我在设计任何图标集方面的经验或知识。 ？

All these fueled my desire to do more, and I soon started working on it. Designing the icons was no easy feat, especially when trying to achieve uniformity and consistency across the icon set.

所有这些激发了我做更多事情的愿望，我很快开始着手研究。 设计图标并不是一件容易的事，尤其是在尝试实现整个图标集的一致性和一致性时。

构建图标 (Building the icons)

As a big fan of rap music, I used to joke at work with my colleagues that I was going to release a rap album on Christmas day (Lmao! What?!) but somehow I felt so responsible and didn’t want to disappoint. So what did I do? I channeled my energy and resources into making sure I was able to push the first version of the icons on the 25th of December — which was supposed to be the official launch date of my “much anticipated” rap album ?.

作为说唱音乐的忠实粉丝，我经常和同事开玩笑说我打算在圣诞节那天发行一张说唱专辑(Lmao！什么？！)，但我不知何故感到如此负责，不想让自己失望。 那我该怎么办？ 我用自己的精力和资源确保能够在12月25日推出这些图标的第一版-这应该是我的“万众瞩目的”说唱专辑的正式发行日期。

“For the things we have to learn before we can do them, we learn by doing them.” ― Aristotle, The Nicomachean Ethics

“对于要做的事情，我们必须先学习，然后再做。” ― 亚里斯多德， 尼古玛伦理

I had also designed a mock up of what the site would look like and shared it with some of my friends who were willing to help with building the site. Just a couple of days into December, I reflected on some of the goals and aspirations I had for the year — I had wanted to get into front-end development — and decided to take the challenge of building the site myself using a front-end framework.

我还设计了网站外观的模型，并与愿意帮助构建网站的一些朋友分享了该网站。 距十二月仅几天，我反思了我当年的一些目标和抱负-我想进入前端开发-并决定接受使用前端自己构建站点的挑战框架。

I had already garnered experience doing front-end design so the only challenge was to be able to learn enough to get the site up even if it meant pushing back the Christmas day deadline I had set for myself. I now had to work on building something way simpler compared to what I had initially designed in the mockup.

我已经积累了从事前端设计的经验，因此，唯一的挑战就是要有足够的知识来学习如何建立该网站，即使这意味着要推迟我为自己设定的圣诞节截止日期。 与我最初在模型中设计的内容相比，我现在必须进行一些更简单的构建。

So I picked up Vue.js and learnt a lot of new things on the go. Since it was an open source project, I thought it would be good to use as many open source resources as possible. I tried hosting with firebase but ran into some issues I couldn’t resolve on time — I was time conscious and eventually ended up using Github pages — which was another learning experience for me.

因此，我拿起Vue.js并在旅途中学到了许多新东西。 由于这是一个开源项目，所以我认为最好使用尽可能多的开源资源。 我尝试使用Firebase托管，但是遇到了一些我无法及时解决的问题-我很注重时间，最终使用Github页面-这对我来说是另一种学习经历。

永远学习 (Always learning)

They say the best way to learn is by doing.

他们说最好的学习方法就是做事。

Musicians try different styles, sounds and genres.

音乐家尝试不同的风格，声音和流派。

Developers try out different frameworks, technologies and programming languages.

开发人员尝试不同的框架，技术和编程语言。

Artists try different mediums and concepts.

艺术家尝试不同的媒介和概念。

Designers explore different concepts and aspects of design.

设计师探索设计的不同概念和方面。

This is me trying to be a better designer.

这是我试图成为一个更好的设计师。

This is me trying to contribute to Open Source.

这是我试图为开源做出的贡献。

Huge shoutout to Solomon Okwa and Michael Akanji who helped when I ran into some issues with vue.js and github while working on the project.

向所罗门 ·奥卡瓦 ( Solomon Okwa)和迈克尔·阿坎吉 ( Michael Akanji)大喊大叫 ，当我在从事该项目时遇到vue.js和github的一些问题时，他们提供了帮助。

To everyone who has been a motivation in one way or the other, Thank you. Let’s do more, and let’s give them some sweet jollof ? (this rice isn’t red like our African jollof though) in 2019. ?

对于以某种方式激励他人的每个人，谢谢。 让我们做更多的事情，让我们给他们一些惊喜吧？ (这米饭不像我们的非洲矮脚牛一样红)在2019年。

Happy Holidays!

节日快乐！

计划于2019年进行的更新 (Updates planned for 2019)

• Add more icons添加更多图标
• Add Search functionality添加搜索功能
• Improve on the UI/UX of the site改善网站的UI / UX

If you have any feedback, icon ideas, suggestions or contributions, please do drop a comment. You can also reach out to me on twitter GbMillz

如果您有任何反馈，图标想法，建议或贡献，请不要发表评论。 您也可以在Twitter GbMillz上与我联系

If you like the project or find it interesting, give it some stars on github, link below. Thanks ?

如果您喜欢该项目或发现它有趣，请在github上给它加一些星号，链接如下。 谢谢 ？

Also visit jolloficons.com to keep up to date with new icons for use in your projects.

另请访问jolloficons.com，以随时了解在项目中使用的新图标。

gbmillz/jolloficonsOpen source icons (3d, Abstract, Emojis, Isometric) for your projects. - gbmillz/jolloficonsgithub.com

gbmillz / jolloficons 用于您的项目的开源图标(3d，抽象，表情符号，等距)。 -gbmillz / jolloficons github.com

Want be a part of our community? Join us on the Figma Africa Slack Channel

想要成为我们社区的一部分吗？ 加入我们的Figma Africa Slack Channel

Here are the links to some of the resources that sped up my learning process and helped when building the site.

以下是一些资源的链接，这些资源加快了我的学习过程，并在构建站点时提供了帮助。

• Vue.js

  Vue.js

https://www.youtube.com/watch?v=z6hQqgvGI4Y&t=2921s

https://www.youtube.com/watch?v=z6hQqgvGI4Y&t=2921s

• Github pages

  Github页面

• Official Vue.js Documentation

  官方Vue.js文档

• Stackoverflow

  堆栈溢出

翻译自: https://www.freecodecamp.org/news/becoming-a-better-designer-and-contributing-to-open-source-with-jolloficons-2c2a47330a1e/

怎么成为开源贡献者