#661 Request for help with designing a Neuro Fedora brochure
Opened 7 months ago by dan1mal. Modified a month ago

phenomenon

Designing a informational brochure for neuro fedora similar to "Fedora loves python"

reason

For the marketing of the group and reaching out to neuroscience groups

recommendation

We're hoping for something like 8 1/2" x 11" tri folding, information for the software/group inside and info on joining and some splash images on the outside.

I mocked up an idea, but after i posted to neurofedora pagure, it was pointed out to me that there were issues with color scheme and perhaps fonts/design. I am NOT attached to design at all and just wanted to setup a basic idea so creative license is encouraged.

The discussion on NeuroFedora sig about this proposal is Issue #301 Text will be worked out in the future, perhaps the Ipsum Lorem text could be used for placeholders.


Metadata Update from @riecatnor:
- Issue tagged with: outreachy-2020

3 months ago

Metadata Update from @riecatnor:
- Issue assigned to smeragoel

2 months ago

Here's a mock-up I made.
I used the colour scheme and the fonts as recommended in the design documentation.
I would love to hear your thoughts :)

NeuroFedora_1.0.png

Hi @smeragoel - this is a great start! I have a few questions and comments.

What software did you use to create this? For some reason the image looks very pixelated. Maybe you have exported at a low resolution?

I think a lot of the info you have on there is needed, not sure about that much text. I think creating some visual/graphic interest would be great. Google "modern pamphlet design" to get some inspiration. Use a couple more colors :)

The typeface should be Montserrat unless it is a heading, and then you can optionally use Comfortaa.

Looking forward to seeing the next draft, thanks!

I used Adobe Photoshop. I'm trying to learn Inkscape side-by-side! I think I might have exported it in low res, hence the issues.
I have noted your suggestions! Now that I see it, I agree. There is too much text. Onto version 2.0!

I approached the problem with a graphical angle now! Compartmentalized the text, added more colours, used the fonts as you suggested. Tried to implement neurons because neuroscience haha. Let me know what you think!

NeuroFedora_3.2.png

A couple more iterations. After I posted the last one, I felt that it was a bit too empty, so I added some colour to the background!

NeuroFedora_3.4.png
NeuroFedora_3.6.png

Could you please generate one SVG for testing purpose? While this may not be mandatory for this ticket, I'd like to check if we could localize it the same way we do it for cheat cubes.

@smeragoel this is a huge improvement! I think we need to take some time to focus on what we are actually creating here and what is the goal.

Goal: Marketing and increased awareness of the NeuroFedora SIG.
Potential uses: Outreach to Neuroscience groups, tech conferences, local events.
Format: Tri-fold brochure (2 sided, 8.5x11)

So just to begin with, we actually are working with twice as much space as you have designed to begin with. The issuer requests "information for the software/group inside and info on joining and some splash images on the outside." I think this is very general and we could use more guidance and definitely more content :)

Review this and glean what you feel is important info: https://docs.fedoraproject.org/en-US/neurofedora/overview/

I like the graphic look you are working with, the dots and lines are great. Try to push it even further. Try adding shadows, maybe playing with the saturation of the lines, you could try some with dotted lines... Experiment with colors, I think the dark blue is looking kind of stark with the other colors. Add in more color? Use the Fedora color palette :) All ideas!
Take a look at this: https://d1t0xk6rn1avc6.cloudfront.net/wp-content/uploads/STRESS-750x450.jpg very cool inspiration for a color palette that goes well with Fedora colors.

@dan1mal do you have any more specific info or content for us?

@riecatnor yeah agreed! I was just trying to finalise a design aesthetic for the outside. I'll keep working on it whilst developing the inside. For now, I'll add information from https://docs.fedoraproject.org/en-US/neurofedora/overview/, and @dan1mal can review/provide info!

@riecatnor Updates:

I'm working on the other side of the pamphlet!

As you suggested, I experimented with the graphics. I added some shadows, and introduced light, translucent nodes, with low opacity connections (my interpretation of neuron connections that are forming and not yet fully formed!)

Is the dark blue still looking stark? I don't wanna change that blue because the darkness sort of 'grounds' the design and also, it's a Fedora blue, and this along with the lighter version is a significant part of Fedora's identity so I feel a bit reluctant to change that. I did add some more colours (all from the Fedora Palette, and some from the image you provided)

NeuroFedora_4.0.svg
NeuroFedora_4.1.svg

@riecatnor I'm back with another update! This version has more streamlined and emphasised text, reduced "nodes", cleaner and simpler graphics. I made these in the light and dark version as you suggested. (The darkest one is not the Fedora Dark Blue, it is darker than that. I feel that this shade provides a better contrast, and overall looks better than the Fedora Dark Blue :))

NeuroFedora_5.5.svg
NeuroFedora_5.6.svg
NeuroFedora_5.8.svg

@smeragoel please provide PNGs :) thanks

@smeragoel ok, yes!!! I am loving the light on dark. Honestly not sure on the dark Fedora blue/darker blue you chose. I think I'd like to see how the inside is coming along before you work more on the front. One piece of feedback I will give you is that I think the left panel could have some variation in the sizes of the text bubbles, and also the colored outlines on the dark background are getting a little lost. I would bulk those up or try giving them a glow? Play around with that :)

@riecatnor Here's the newest version, with the changes as we discussed!

NeuroFedora_8.0-01.png NeuroFedora_8.0-01.svg
NeuroFedora_8.0-02.png NeuroFedora_8.0-02.svg

Hi @smeragoel wow, this looks great! A couple things for you to play with:

  • try taking out the bubble for the badge, enlarge the badge, and make the text that goes with it white
  • I noticed when I went into the SVG that all of the text was converted to objects, how do you edit text when you do it that way? Are you importing it in from somewhere else?
  • The curved edge to the text under Data Analysis and Neuro-Imaging doesn't look great. This part needs to be reworked with either left justified or centered.
  • Overall, I would say that you should give the text more room to breath.. Maybe that means removing some, maybe it means making the bubbles bigger, maybe it means adjusting the size of the text. We don't need to pack in so many details, it should be something that hooks the reader into learning more.
  • Try thickening the colored outlines on the bubbles, Something is going on there where the combo of the white, the bright color, then the dark is make it a little hard to look at. Do you know what I mean? It jumps around.
  • Add some of the opaque molecules to the inside
  • Add some of the transparent molecules to the front
  • Can you make a version with a gradient background? Something like the inspiration pieces I sent you.

I think those will be enough changes for now :) I look forward to the next version!

@riecatnor @smeragoel Can I join in on this? I've got some design ideas! :)

Edit: Or not. I like Smera's design, and don't think I can come up with anything better. I'll just be watching from the sidelines, and maybe a proposal later on :D

@viv Hey! Just saw your comment. I'm so glad that you want to help on this issue, but Marie and I have actually finalized the design and we were just working on the details. I'll post the final version here shortly. I'd love to here your suggestions so that I can incorporate them!

These are the latest drafts!
@dan1mal What do you think of the design and the content?

This is the first draft:
NeuroFedora_10-01.png
NeuroFedora_10-01.svg

NeuroFedora_10-02.png
NeuroFedora_10-02.svg

And this is the second one:
NeuroFedora_10.1-01.png
NeuroFedora_10.1-01.svg

NeuroFedora_10.1-02.png
NeuroFedora_10.1-02.svg

Thanks @smeragoel : I thought I'd comment here directly.

The brochure looks great! I love the design! @riecatnor would be the best judge, but since this is all brain related, is there a way to make the bubbles and circles more "organic" maybe? Here's an illustration: https://www.piqsels.com/en/public-domain-photo-ffpsl (It's quite noisy, though, so it may not work best for a brochure)

I don't have too many comments really, just minor nit pics mostly related to content:

  • our main source of information for users is the docs: http://neuro.fedoraproject.org, so that should ideally be somewhere that it's clearly visible.
  • next, the second source of information where we publish updates is the neurofedora blog, so that'll also be nice to have mentioned: http://neuroblog.fedoraproject.org
  • Softwares -> "Included software"
  • I think we can just list the tools in the software sections and do away with the descriptive text. So, "Tools like" and "NeuroFedora currently has tools like" etc could be removed to free up some space?
  • "Fedora 31 Workstation based" -> "Fedora Workstation based": that'll ensure that this isn't linked to any releases

In the other texts too, do you think the complete sentences are too verbose? Are brochures more phrase based? For example, the Installation bubble could probably be shortened to "Download Fedora! Install the NeuroFedora packages you need! Get to work!"?

Thanks very much for working on this. You're now part of NeuroFedora---check your badges ;)

@dan1mal : what do you think?

The brochure looks great! I love the design! @riecatnor would be the best judge, but since this is all brain related, is there a way to make the bubbles and circles more "organic" maybe? Here's an illustration: https://www.piqsels.com/en/public-domain-photo-ffpsl (It's quite noisy, though, so it may not work best for a brochure)

Thank you! I'll try your suggestion, however, as you pointed out, it may not work as it could be very noisy.

our main source of information for users is the docs: http://neuro.fedoraproject.org, so that should ideally be somewhere that it's clearly visible.
next, the second source of information where we publish updates is the neurofedora blog, so that'll also be nice to have mentioned: http://neuroblog.fedoraproject.org
Softwares -> "Included software"
I think we can just list the tools in the software sections and do away with the descriptive text. So, "Tools like" and "NeuroFedora currently has tools like" etc could be removed to free up some space?
"Fedora 31 Workstation based" -> "Fedora Workstation based": that'll ensure that this isn't linked to any releases

I've noted all of these suggestions, and I'll make changes accordingly!

In the other texts too, do you think the complete sentences are too verbose? Are brochures more phrase based? For example, the Installation bubble could probably be shortened to "Download Fedora! Install the NeuroFedora packages you need! Get to work!"?

Hmm you are right. We can do away with the wordy language. Thanks for pointing it out!

Thanks very much for working on this. You're now part of NeuroFedora---check your badges ;)

Awesome! Just saw it. Thank you :D

Here's the latest draft!
@ankursinha I made the changes as you suggested. I haven't modified the "About Us" section much, because I think it should be more phrasal.
Please check the software names closely so that we don't spread any misinformation when the brochure goes to print! Let me know if I missed out on anything, or if a name isn't correctly written. I found a lot of variations in the letter case of the software names, so I took the most frequently used ones.

NeuroFedora_11.0_Inside.png
NeuroFedora_11.0_Inside.svg

NeuroFedora_11.0_Outside.png
NeuroFedora_11.0_Outside.svg

We've timeboxed this. NeuroFedora folks: @dan1mal , @alciregi @bt0dotninja @mhough @zbyszek @gicmo : we've got one week (till Tuesday 14th April) to comment on this. Please do so, so @smeragoel can make the necessary changes for us and we can start using the awesome brochure. :clap:

@smeragoel this looks very good to me!

I think we can close this ticket, and I'll commit the files to the NeuroFedora repo so that people can use it. Since we'll have the svg sources, we can add more software names there as we package them.

Does that sound OK?

@smeragoel this looks very good to me!
I think we can close this ticket, and I'll commit the files to the NeuroFedora repo so that people can use it. Since we'll have the svg sources, we can add more software names there as we package them.
Does that sound OK?

Sounds good to me!

hi @smeragoel and @ankursinha - We need to keep this open a bit longer. I would like to take a moment to make a couple small edits. We also need to make a version for print. Thanks

hi @smeragoel and @ankursinha - We need to keep this open a bit longer. I would like to take a moment to make a couple small edits. We also need to make a version for print. Thanks

Okay!

@ankursinha please do not circulate this as ready to use yet. Thanks!

@ankursinha please do not circulate this as ready to use yet. Thanks!

Aye.

@dan1mal If you have any requirements, this would be a good time to note them please.

Hello everyone!

Sorry for replying late. The design seems wonderful. I really like the colors and the "neuron" design on the brochure.

One thing I would like to ask is since it will be a standard tri-fold brochure, shouldn't we ensure that no bubble comes on the crease (ref: Installation bubble)?
Also, since the "Included Softwares" bubble is quite big, can you make it such that the crease comes in between the phrase: "Included Softwares" and not over any text?

Thanks a lot, @smeragoel and @riecatnor for working on this.

Hello everyone!
Sorry for replying late. The design seems wonderful. I really like the colors and the "neuron" design on the brochure.
One thing I would like to ask is since it will be a standard tri-fold brochure, shouldn't we ensure that no bubble comes on the crease (ref: Installation bubble)?
Also, since the "Included Softwares" bubble is quite big, can you make it such that the crease comes in between the phrase: "Included Softwares" and not over any text?
Thanks a lot, @smeragoel and @riecatnor for working on this.

Hi! Thanks for your feedback. The "Included Softwares" is positioned exactly like you said, to avoid crease lines on text.
For the installation bubble, I did try to do the same thing, but I wasn't able to move it away from that area without the design looking "off". I have positioned it so that the crease comes in between the words, but I'll try to give it another go and see if I can move it away from the crease altogether.

Login to comment on this ticket.

Metadata
Attachments 27
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment
Attached 2 months ago View Comment