open-life-science / branding

๐ŸŒฑ Branding Resources for OLS
Creative Commons Attribution 4.0 International
10 stars 27 forks source link

design graphics to illustrate core OLS concepts. #45

Closed yochannah closed 9 months ago

yochannah commented 2 years ago

One of the core concepts of OLS is that by consciously and intentionally designing open behaviours into our work, we're more likely to be able to be effective.

Currently we use these slides: https://docs.google.com/presentation/d/1fXnQvrt0uBXrYwUlvePSx6N7m7DnKLD1hCRTxos-QOk/edit#slide=id.p16

see slides 3, 7, 16, 18, 19

multiple people can make prs on this issues

Preciousutos commented 2 years ago

Hi @yochannah . Are we to redesign just the slides noted or the entire presentation?

jilaga commented 2 years ago

@yochannah could you explain further on what you mean by graphics? Like poster designs?

yochannah commented 2 years ago

great questions!

@Preciousutos The slides here are to illustrate concepts - but think of making a graphic, rather than just the slide. Something we can re-use everywhere that illustrates the concept.

@jilaga yes, but probably not as big. Try to aim for things that would still fit onto a slide, or a webpage. They can be more complex than a logo, though!

Bisola15 commented 2 years ago

Thank you @yochannah โค๏ธ

jilaga commented 2 years ago

Okay @yochannah. Should we use the current branding guide or can we stretch a little bit away from it?

stormztee commented 2 years ago

Hello @yochannah . Should we stick to the exact same copy that's already on the slides?

Preciousutos commented 2 years ago

@yochannah I noticed some typo and punctuation errors on some of the slides for example, slide 12 had a period after 'lessons' instead of a comma and slide 13 should be read through

yochannah commented 2 years ago

@jilaga go wild, use your creativity!

@stormztee little tweaks are okay, and creative interpretations. IF you're not sure, ask in Slack?

@Preciousutos heheh, don't worry about it too much, but definitely don't replicate our oopsies!

stormztee commented 2 years ago

Alright @yochannah

niyolynate commented 2 years ago

Graphics to Illustrate Core OLS concepts. Slide One pre 1 2 pre2 3 pre 3u 4 pre 6 5 pre 8

Blessing1135 commented 2 years ago

Alright @yochannah

jilaga commented 2 years ago

@Ismael-KG @yochannah here are some redesign ideas I came up with for the pages highlighted above. Feedback would be appreciated, thanks.

Slide 4_3 - 1 Slide 4_3 - 3 Slide 4_3 - 4 Slide 4_3 - 5 Slide 4_3 - 6
jilaga commented 2 years ago

@yochannah I reread the description of this issue again and I am now a little confused, do we redesign the whole slides or just the numbers you highlighted? Also I just realized that I should have made a pr instead ๐Ÿ˜ฌ

stormztee commented 2 years ago

Hello, @yochannah @Ismael-KG. Here's my take on the redesign of the highlighted slides. Looking forward to your feedback; thanks. Slide 3 OLS Slide 7 Slide 16 Slide 18 Slide 19

AdeolaAdekoya commented 2 years ago

@Ismael-KG @yochannah here are some graphics I came up with to illustrate the concepts in the slide. I look forward to the feedback. Slide nl16_9 - 25 Slide 16_9 - 11 Slide 16_9 - 12 Slide 16_9 - 21 Slide 16_9 - 24

Ismael-KG commented 2 years ago

So much great work! Just a few simple comments for each:

AdeolaAdekoya commented 2 years ago

Thanks for the feedback @Ismael-KG .. Utilized the contrast checker and adjusted the text to make it more legible. Here are the updates. sdww lkkf

AdeolaAdekoya commented 2 years ago

This is a very useful too @Ismael-KG will definitely be using it in the future. Thank youโ˜บ

niyolynate commented 2 years ago

Design for the OLS Core Illustration. sav savv savvo savol sil

Bisola15 commented 2 years ago

Finally made it here!!! Introducing OLS -3 (Dark mode) Introducing OLS -7 (Dark mode) Introducing OLS -16 (Dark mode) Introducing OLS -18 (Dark mode) Introducing OLS -19 (Dark mode) @yochannah @Ismael-KG Here is one part of my submission for the redesign. Please review ๐Ÿฅบ I went for this Dark Mode because I naturally lean towards light mode. For me it's easier on the eyes and make for good contrast too. But that is subjective I have also employed the use of gradient to test our theory of gradient ๐Ÿฅบ

Bisola15 commented 2 years ago

@yochannah @Ismael-KG Yes, It's me again. My second submission for consideration; the light mode Introducing OLS -3 (Light mode) Introducing OLS -7 (Light mode) Introducing OLS -16 (Light mode) Introducing OLS -18 (Light mode) Introducing OLS -19 (Light mode) For the light mode, I'd use a different background gradient from the light mode. There is a contrast with hoe the logo appears, it is bigger on the dark mode than the light. Which is better? The last slide is also quite different in arrangement. I had the two concept sketched down so I decided to put them separately on each mode. Which is better?

Bisola15 commented 2 years ago

Thanks for the feedback @Ismael-KG .. Utilized the contrast checker and adjusted the text to make it more legible. Here are the updates. sdww lkkf

Babes @AdeolaAdekoya I like this. It is quite refreshing and clean. Well done ๐Ÿ˜Š๐Ÿ˜Š

Bisola15 commented 2 years ago

Hello, @yochannah @Ismael-KG. Here's my take on the redesign of the highlighted slides. Looking forward to your feedback; thanks. Slide 3 OLS Slide 7 Slide 16 Slide 18 Slide 19

Love the simplicity of the design ๐Ÿ˜๐Ÿ˜ Very clean too ๐Ÿฅบ

Bharlikiss commented 2 years ago

Hi everyone, @yochannah @Ismael-KG. Here's my take on the redesign of the highlighted slides. Looking forward to your reviews. Thank you 1 3 7 16 18 19

jilaga commented 2 years ago

So much great work! Just a few simple comments for each:

  • @niyolynate, try to simplify the slides โ€“ย for example, your third slide with the core values should be either the tree or the blurb on the left, but not both. Your use of trees is very creative, and I hope they become a feature somehow!
  • @jilaga, it would have been nice to see some use of green. That said, your design is nice and simple, very slick.
  • @stormztee, those are very clear slides! The green you use for text is different to the logo's, and it doesn't contrast well enough with the white background, which is needed for legibility (check this site).
  • @AdeolaAdekoya, your slides are also clear, and use green in a clever way: three different tints/tones and one of them (I think) being the same as the current logo. I would just ask that you check the [contrast rate(https://contrast-ratio.com/#hsla%28200%2C0%25%2C7%25%2C.7%29-on-white) is good enough so that the green-on-white text is easily legible.

So much great work! Just a few simple comments for each:

  • @niyolynate, try to simplify the slides โ€“ย for example, your third slide with the core values should be either the tree or the blurb on the left, but not both. Your use of trees is very creative, and I hope they become a feature somehow!
  • @jilaga, it would have been nice to see some use of green. That said, your design is nice and simple, very slick.
  • @stormztee, those are very clear slides! The green you use for text is different to the logo's, and it doesn't contrast well enough with the white background, which is needed for legibility (check this site).
  • @AdeolaAdekoya, your slides are also clear, and use green in a clever way: three different tints/tones and one of them (I think) being the same as the current logo. I would just ask that you check the [contrast rate(https://contrast-ratio.com/#hsla%28200%2C0%25%2C7%25%2C.7%29-on-white) is good enough so that the green-on-white text is easily legible.

Thank you @Ismael-KG I would take that to effect and adjust the design.

Slide 4_3 - 7 Slide 4_3 - 8 Slide 4_3 - 9 Slide 4_3 - 10 Slide 4_3 - 11
Ismael-KG commented 2 years ago

Thanks to those who've made reviewed submissions! Just some comments on the completely new ones:

Bharlikiss commented 2 years ago

Thank you @Ismael-KG for the reviews. I have adjusted the font size and also reduced the highlighted words on the last slide to avoid the break. Here are the updates. 1 3 7 16 18 19

Bisola15 commented 2 years ago

Thanks to those who've made reviewed submissions! Just some comments on the completely new ones:

  • @Bisola15 it's great to see both light and dark mode options! I'd be curious to hear why light mode slides should prevail โ€“ย dark mode is definitely easier on the eyes! I just wanted to comment how the use of gradients (which looks great!) is clearer on the light than dark background. Was this on purpose or a result of the light/dark background?
  • @Bharlikiss These are great! Very simple and clear. There's just a change in font size that can be a bit confusing to the audience as you change from slide to slide. And the last slide switches between black and green text too frequently. Switching to green to highlight words is really useful to focus one's attentions, but too much of it and it breaks up the text!

Thank you so much for that comment @Ismael-KG ๐Ÿ˜Š Personally, I would go for dark mode. I had just done the light mode as an option to present what it looks like, I donโ€™t think light mode should prevail ๐Ÿ™ˆ (Personal bias). So the gradient patterns are not the same for the both modes. I had tried my hands on two different patterns, and for the dark mode I reduced the opacity a lot so that it would blend finely with the green background. I may have overdone it a bit.

Introducing OLS -4 (Dark mode)

This what the background in the dark mode looks like with increased Opacity, Lemme know what you think @Ismael-KG

niyolynate commented 2 years ago

@Ismael-KG Ok thanks for the comment. am going to try that

Olakid645 commented 2 years ago

@Ismael-KG @yochannah here are my redesign ideas for the pages highlighted above. Feedback would be highly appreciated, thanks. 3 7 16 18 19

Emmzybrown commented 2 years ago

I would really love to participate on this task, @yochannah

AdeolaAdekoya commented 2 years ago

I would really love to participate on this task, @yochannah

Hi @Emmzybrown, yes you can. She stated earlier that multiple people can contribute.

Ismael-KG commented 2 years ago

Hey @Olakid645, thanks for your suggestions! Two comments:

jilaga commented 2 years ago

Hi all, I made some illustrations for the core concepts of OLS and they are referenced below. I would really love some feedback or suggestions on improvements if any, Thanks.

Emmzybrown commented 2 years ago

Hello guys, below are some illustrations I made for the core values of OLS. I would love to get some reviews and suggestions on any improvement please.

SLIDE 3

SLIDE 7

SLIDE 16

SLIDE 18

SLIDE 19

Lydiaofficial commented 2 years ago

image Redesigned the image on the intro slide of OLS.

i surrounded "Hello" with tons of life sciences to give a new person an idea of what the organization is about.

Preciousutos commented 2 years ago

I could only attempt 2slides

20221104_165305_0000 20221104_165221_0000

AdeolaAdekoya commented 2 years ago

Hello guys, below are some illustrations I made for the core values of OLS. I would love to get some reviews and suggestions on any improvement please.

SLIDE 3

SLIDE 7

SLIDE 16

SLIDE 18

SLIDE 19

I really like this. welldone๐Ÿ˜Š

Bisola15 commented 2 years ago

Hello guys, below are some illustrations I made for the core values of OLS. I would love to get some reviews and suggestions on any improvement please.

SLIDE 3

SLIDE 7

SLIDE 16

SLIDE 18

SLIDE 19

Hey @Emmzybrown This is a nice concept. The contrasts of the green texts though, what do you think about it? I think the white background works better than the green one for the contrast. What do you think?

Bisola15 commented 2 years ago

I could only attempt 2slides

20221104_165305_0000 20221104_165221_0000

This is sweet!! ๐Ÿ˜๐Ÿ˜ I like the simplicity. Did you make the illustrations?

Bisola15 commented 2 years ago

image Redesigned the image on the intro slide of OLS.

i surrounded "Hello" with tons of life sciences to give a new person an idea of what the organization is about.

I like the colours and the way they blend with the black background ๐Ÿ˜๐Ÿ˜ and "POP" very nice tbh. Always a sucker for dark modes.

Preciousutos commented 2 years ago

I could only attempt 2slides

20221104_165305_0000 20221104_165221_0000

This is sweet!! ๐Ÿ˜๐Ÿ˜ I like the simplicity. Did you make the illustrations?>

No I didn't. I downloaded and edited them

NPDebs commented 9 months ago

Hi lovely people. ๐Ÿ‘‹ Thanks for letting your creativity run wild!

We're sliding in to close this issue, as OLS has a new brand identity. Your involvement in the redesign is appreciated! All the best! ๐Ÿš€๐ŸŽจ