Blog

Building Design Team Approved Presentations

Throughout the last month I’ve been working on creating an updated presentation template for the Fedora community to use. With Flock coming up quickly, there’s no better time to give these new templates a shot as a vehicle to present your talks!

I’ve made these templates available on three different platforms; LibreOffice Impress, reveal.js/slides.redhat, and GoogleSlides. While any of these three ways to build your slides are perfectly usable, I want to point out a few differences between the three.

  1. LibreOffice slides have SVG graphic elements, so all of the visuals will look very clear, crisp, and professional during a presentation! The only *very minor* limitation is that in using SVGs, the subtle dark blue to light blue gradient that I designed (and that is present in the other two forms) is not present here. My option with LibreOffice was to either keep the gradients but have the visuals be PNG (which resulted in a blurry appearance when enlarged) or to sacrifice the gradient but keep the quality at the high level provided with an SVG. I opted for quality over gradient use 🙂
  2. GoogleSlides… User friendly and accessible…. and apparently not accepting of SVG graphics. So this is in fact an option, but I would probably suggest one of the other formats before this one. It’s a sad day when a graphic designer’s vector art gets bimapped!
  3. reveal.js/slides.redhat is the template that I think will produce the best product for presentations, with clean SVG backgrounds AND gradients *happy dances*. I’ve embedded the reveal template below.

//redhat.slides.com/mshaksho/deck/embed?token=PEg7VVfs

It doesn’t seem that I’m able to attach the actual documents here, so if you’re interested in using any of the mentioned templates feel free to check out the Design Team ticket that they all *should* be available on. The most updated files are in the last comment of the thread. If you have any issues accessing them through the ticket, feel free to reach out to me and I will manually email them to you too 🙂

Happy presenting!

Flock ’17 Design Tickets Rollin’ In!

Last summer it was one of my main projects over the summer to work on handful of designs for Flock Krakow 2016. Now, going into this summer I’ve been working on completing designs the various print media, apparel designs, and more needed in preparation for Flock “Cod” 2017. With the conference being in my home state, I’m excited to get to be present for Flock and see my designs transformed from, first off, ideas in my mind, to vector artwork on my Inkscape artboard, to then to physical shirts, lanyards, sings, and more!

While more Design-Team tickets will likely be rolling in in the next few months, I wanted to share the projects I’ve been working on. *Note: these are not final design iterations, but rather are my springboards for further feedback and Design-Team critique. Take a look at what I’ve been doing, and any feedback is welcomed!

Anaconda Install Banners get a Makeover!

A redesign/ update for Anaconda install banners has been an ongoing project for me since the summer and has recently, in the passed month or so, had a fair amount of conversation on its Pagure ticket. I have done multiple series of iterations for these banners, and in the couple of weeks have established a design that represents the Fedora vibe. There are three, sort of, sub-categories for the banners: Common Banners, Server-specific Banners, and Desktop-specific Banners. At this point I have completed drafts of the Common banners (available on all editions) and the Desktop-specific banners (available in addition to Common for Desktop editions).

If you’d like to follow the ticket and help give feedback on the incoming iterations, take a look at https://pagure.io/design/issue/438

Here’s a sneak peak of what’s to come for Anaconda!

ticket-438_common-banners4
COMMON BANNER series
ticket-438_desktop-specific
DESKTOP-SPECIFIC series

When every Beta closes another Alpha opens…

As many of you may know, deadlines for Beta packaging for Fedora 25 have recently come and gone. With this said, designs for the default wallpaper are underway and I’m continuing to work through quirks in the design in order to represent the subtle, yet bold and memorable aesthetic that is present in Fedora wallpapers. Getting closer to the Alpha package deadline, I figured that I’d post another progress picture of where I’m at so far. Be sure to check out https://fedorahosted.org/design-team/ticket/473 for more information as to the background and thought process of the design as well!

f25-wallpaper_alpha_attempt1

F25 Wallpaper

Here are my rough designs so far for the Fedora 25 release wallpaper! Design inspiration? Archimedes; mathematician and inventor of the Achimedean screw. Note: none of these are the final design; they are just to give a sneak peak at the progress begin made by myself and the rest of the Design Team on this project

Designs Round 1:

I think that something along the lines of the fourth attempt might be the route to continue looking into the most. Looking forward to sharing the finished product down the road!

 

 Design Round 2:

For those of you who have been following the updates on this project, I think that I will just be updating my progress on this post and re-posting the link to this page to my Pagure thread once updates have been posted. With that said, I looked more into algorithmic art and fractals as inspiration and made use of some of the more quanitfiable tools in Inkscape (ex. % scale, degree rotate) instead of simply basing things off of the naked eye’s visual perception, making for, what I consider to be, cleaner and crisper designs. This approach is represented in Attempt 7. I also made use of the “Fractal Explorer” tool in GIMP (which for someone who’s working on a dual degree in Design and Math is absolute asethetic bliss) in combination with Inkscape’s “Trace Bitmap” function to create Attempts 5 and 6. Take a look!

Design Round 3:

One more option since yesterday!

wallpaper_natural spiral 5
Attempt 8

 

Positive Responses to Fedora Designing

To many of the folks at the Westford, MA Red Hat location, hearing about last week’s Intern Expo might already be old news, but I wanted to share my experience about this event regardless! First off, let me just stress just how impressed and surprised I was with the amount of interest in design work done by the Fedora community. Being passionate about what I do here, sharing that passion with other people, of quite varying degrees of understanding of graphic design, is always great. As someone in the creatives, I am certainly in the minority in such an environment here, but my work seemed to still be equally well-received. Overall, the Expo was a great experience to be a part of! For those who may not have had the chance to stop by or would just like to see the work that I presented, here is a link to the website that I created as a portfolio presentation for the event.

http://marytheintern2016.weebly.com/

Fedora Badges & Creative Freedom

During my first week of this internship, the first design that I tackled was one of the famed “Fedora Badges” and now about seven weeks in, they are one of my favorite things to design. Since my first badge design, I’ve worked on quite a few badges and badge-related designs (and received a few badges along the way *mini happy dance* which was pretty cool too!).

These badges really are, at least for me, a great test of my ability to design and of my general creativity. With the badges being small in size (typically 5opxX50px) and needing to convey a strong message while still keeping true to the Fedora style and spirit, badges can take a lot of though but I truly feel like designing them has strengthened my skill set. Having a happy medium between strict guidelines and complete creative liberty is a very comfortable place for me as a designer, and these badges fit that bill nicely 🙂

So here’s a few of my favorite badges that I’ve designed throughout the weeks:

1.) “You Suggested a Flock 2016 Location”

badge_ticket#199_attempt2_revised1

2.) “You Attended the Flock 2016 Brewery & Boat Party!”

badge ticket #465_attempt 2.5

3.) “You Participated in Fedora 24 Internationalization Test Day” (this one is still in-progres)

badge ticket #446_attempt 1

 

Feeling the Flock Spirit

Okay, so to anyone who has been following my posts, you might remember my last post being Flock-related. BUT, this is something different, I promise! Since designing the t-shirt for Flock 2016, I’ve taken on a number of other design tasks, as the conference is now less than a month away! The shirt design was, undoubtably, the most involved because of the amount of “from-scratch” vector drawing involved, but what I didn’t realize at the time was how much of the design would be universally useful in the conference lanyard and conference signage.

While I did not do the actual design for the lanyard, a colleague used my floral drawing in her design. Most recently I’ve been working away on different signs for Flock 2016, such as workshop room signs and QR code posters for attendees to scan at one of the Flock parties to receive their well-earned “Flock Party Badge” (also designed by yours truly). So, here’s a little bit of a progression of how one design can be incorporated into multiple different ones.

1.) Floral Pattern

floral motif_orginal colors

2.) Flock 2016 Shirt Design

final shirt front

3.) Conference Signage

flock sign_openQA_3

flock sign_registration_2

Fedora Flock 2016

I’ve been working on a shirt design for this year’s Fedora Flock in Krakow, Poland and figured that I’d share what I’ve put together! I’m also including some of my earlier attempts at the design as well to show my thought process as well. Ps. for those who may not be familiar with landmarks and iconic images of Krakow (and yes, I too am one of you too… much research was needed!) here’s a list of some of the imagery that I tied to incorporate in the designs.

  1. the symbol of Kraków is the Wawel dragon
  2. Wawel Castle is a significant landmark
  3. the Kościół Mariacki on the main square is distinctive because it features a pair of towers of uneven height.
  4. significant pattern used for decorating in Poland called”strój krakowski.”

Previous designs (before the final)

Screenshot from 2016-06-23 14-33-09

And here we have, what I am considering to be, the final design!

flock shirt_ design #1.5.5_ basic colors

The Creative Process

This week I took on designs that were much more, shall I say, involved, but that’s a good thing! Starting out the week, I worked on an “infographic” which is not something that I had designed before, but it allowed me to work on an aspect of graphic design that, I think, gets a bit overlooked in the creatives: layout. “Isn’t your job just to make things look good?” Yes… and no. As a designer, the aesthetic my work is of great importance but part of what I need to look at also is functionality: the “is-it-readable” and “is-it-understandable” factors.

So, I figured that I would post a little something about just how much thought and organization I put into a design! With simpler, less specific designs I sometimes can get away with just diving right into Inkscape, but with things like the infographic logic model and t-shirt designs that I worked on this week, there were a number of requirements, color requirements/ restrictions, and layout constraints, so much more planning had to be done. Typically I hit on four(ish) main steps in my own “creative process”:

  1. research/ notes
  2. sketching
  3. vector sketching/ layout
  4. designing

I’m including an example of how I applied these steps in the logic model design (something similar in reference to the t-shirt design might be posted too, depending on time!).

  1. research/ notes
    I research the design I’m about to do (looking at ticket information, browsing similar designs for inspiration, researching topic, etc.) and compile the information into some form of notes or a chart… I’m that kid that color codes her binders for school to match the textbook. I really like organization, if that isn’t already clear!
    On the left is the rough draft posted in the design ticket, and on the right I transferred that information into a word doc so that I would be able to just copy/paste the information into the logic model at the end.
    notes step
  2. sketching
    This is the sketch I made for myself; it’s very rough, but it at least gets my mind thinking about logical locations for things (but throughout the design process this is bound to change many times!). Apologies about the portrait orientation.
    sketch step
  3. vector sketching/ layout
    In this project, I used another logic model design help me think through possible layouts. I usually organize generic squares/ rectangles on the artboard to get a better feel for where things fit best.
    On the left is the logic model that I was using as inspiration, and on the right is my “blocked out” artboard.
    layout step
  4. designing
    This step is pretty self-explanatory. At this point, the layout should be relatively final and should be almost 100% functional. So far, I only have two iteration of my design, but typically I will have between 3-5 iterations of a similar design by the time I apply feedback from others and myself.
    Here’s what we’ve got so far with this! It’s pretty close to being complete.
    logic model_ ticket #432_revision 1