articles on

Logo Design: Trumpets

Logo Design: Trumpets

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with axes, and today we're featuring logos with trumpets! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Case Study - Fabule Custom Type Logo

Case Study - Fabule Custom Type Logo

Today I selected a case study by Sean McCabe, one of the best hand lettering artists out there, Sean specialty is creating custom type logos and on this post we will take an inside look of his process and how everything gets done. Enjoy For more from Sean McCabe visit seanwes.com and follow him on twitter @seanwes. Introduction Fabule is startup focused on providing open-source home accessories to curious and creative individuals. While the customizable nature of their products caters to the DIY community, they especially wanted to gear their branding efforts towards reaching the average person wanting to get started with tinkering and making things. They were looking to have a friendly image developed that would give a human face to otherwise geeky concepts. In terms of stylistic direction, the logo was to strike a balance amongst three concepts: Playful, Sophisticated, and Organic. To meet this requirement, the Fabule logo I designed embodies a warm, brush script style. This presents a humanistic image that is friendly and approachable. The goal being to put the viewer in a playful state of mind and keep from turning off the more novice members of the target audience with any literal concepts. The style seeks to balance an aesthetic of elegance with an element of fun. To match the organic style of their design approach, the letterforms were inspired by hand crafted script renderings made with a brush pen, and based on the very best parts of the many iterations created. Iterations Through a gradual process, the letters were drawn, redrawn, scaled up large, and drawn yet again for detailed refinement. The inked version was then vectored to match the drawing. While the initial vector is a good conveyance of style, it is just the beginning of conceptualizing the digital form. Many more dozens of revised versions of the vector were explored and tested for effectiveness in application and scale. Early Versions In early versions, the logo was entirely straight with subtle rounded corners. However, this execution did not line up with the playful DIY nature of the brand. This is where I began to introduce the pointed corners to invoke the more organic brush look. With these stylistic additions, I was also inspired to give the logo a slight obliqueness to bring out the elegance of the curves. As soon as I did, I knew I made the right choice—the angle gave it such a life that previously wasn’t there. While I experimented with giving points to all the stems, I ended up treating just a few of them with pointed ends, and juxtaposing them with the flatter stems and their rounded corners. This contrast resulted in a very unique typographic mark that is simultaneously clean and beautiful. Colors There were four colors provided that the client liked. I tested out some various combinations and slight alternations to these provided colors but ultimately settled on using the purple alone. I recommended the primary application to be the purple version on very light backgrounds, or alternatively the light version on purple background. Note that the light on dark version does not use a full white, but instead a slight off-white. I found the pure white to be a bit harsh, and by bringing the white down slightly to a very light gray, the logo is given a smoother appearance. Application Something that surprised and delighted me was that my client said that actually wanted to use version with the guidelines on their business card. They felt that showing the guidelines reflected their organization’s transparency in terms of openness about process. I though it was a fantastic idea that was very fitting. For more from Sean McCabe visit seanwes.com and follow him on twitter @seanwes.

Logo Design: Axes

Logo Design: Axes

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with bats, and today we're featuring logos with axes! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Logo Design: Bats

Logo Design: Bats

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with rhinos, and today we're featuring logos with bats! Just in case you might wonder, I'm not forgetting Batman's logo. Back in 2009 we had a post featuring the evolution of that logo, so if you want to catch up, here's the link. Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Logo Design: Rhinos

Logo Design: Rhinos

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with zebras, and today we're featuring logos with rhinos! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Logo Design: Zebras

Logo Design: Zebras

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with hangers, and today we're featuring logos with zebras! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Innosoft Visual Identity Case Study

Innosoft Visual Identity Case Study

One of the most important things I learned back in my college times during my industrial design course was to love the process. If you love the process you will be more motivated and willing to iterate, to go back to the beginning. The end result will be a consequence of the iterations and as we know, good design is all about iterations. That's the main reason we post a lot of case studies, tutorials and brand identity constructions. Today we feature the visual identity of Innosoft designed by Fernando Diaz, a Graphic Designer based in Montevideo, Uruguay specialized in: Identity Design, Typographic Design, Editorial Design, Web Design & Development. Innosoft (Innovative Software) is a new organization that provides integral services for Start-Ups (Research, Innovative Develompment & Incubation). It was a pleasure working with the client for this job, they were very demanding pushing me to create the best identity we could, working as a team. Brief / Ideas Building Process Final Corporate Identity

Logo Design: Hangers

Logo Design: Hangers

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with coconuts, and today we're featuring logos with hangers! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Logo Design: Coconuts

Logo Design: Coconuts

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with motorcycles, and today we're featuring logos with coconuts! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Abduzeedo 2013 Symbol Case Study

Abduzeedo 2013 Symbol Case Study

Personal projects are the best way for a designer to learn because it's much easier to try different things. It's just about making decisions and building them. With Abduzeedo we try to keep it as personal as possible, at least when it comes to changes. We redesign it at least once a year, not only the overall site design but the brand identity. Things have been a bit busy however and it's been over two years since the last time we designed a symbol for the site. With that in mind, here's a start on the 2013 symbol for Abduzeedo. This post we will show you the idea behind the new symbol. It's still a work in progress but we'd love to know what you think about the symbol and the creative process behind it. Old symbol The old symbol was created in 2009 and used for 2 years. The idea was basically a triangle with references to the letter A of Abduzeedo. References The first goal for the new symbol was that it had some similarities with the old one. The idea of a triangle and the letter A were the guide points. This time however, I wanted to make it super simple, no colors, just black and white and no effects. Triangle Letter A Simple Space theme Star trek Here are some images that inspired me. Sketches Starting out with some basic sketches trying to get a simple "A" based on the references. The main inspiration comes from the Star Trek logo and of course the old symbol. Digital Sketches After a few sketches I went to Illustrator to translate the idea into something digital. Below you can see the basic construction of the symbol. Final After a few iterations I got to a symbol that I really like. I was really indecisive about the shape I would use to frame the logo. In the end I went with the circle because it's more flexible for the applications I have in mind. There are still some optical adjustments and adapting the typography to the new logo, however you can see some examples of the final symbol below. So that's pretty much it. Now I will work on some stickers but before that I'd love to hear your opinion about the new symbol. Do you have any feedback or suggestions? Share your thoughts with us and you may be the lucky recipient of a sticker or poster :)

Logo Design: Motorcycles

Logo Design: Motorcycles

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logos with joysticks and controllers, and today we're featuring logos with motorcycles! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Logo Design: Joysticks and Controllers

Logo Design: Joysticks and Controllers

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logs with cutlery, and today we're featuring logos with joysticks and controllers! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Rebranding a Classic: Firefox Mascot

Rebranding a Classic: Firefox Mascot

I realize this may very well be stale news to some but I really love the whole exercise behind the construction of the brand mascot for FireFox OS. I remember in early 2004-5 when Firefox had that beautiful icon designed by John Hicks. I had a t-shirt featuring that beloved logo that I wore pretty much everyday. Firefox was the exodus from the IE reign and seeing this revamp in the brand makes me so nostalgic. So in this post I just want to share the sketches and the end result for the new FireFox OS brand mascots. The work was done by Wolf Olins under the creative direction of Mike Abbink. "The visual expression is based on the principles of being bold and dynamic yet simple and straightforward with a friendly, human spirit. These same principles guide the brand and product messaging and reflect the overall experience upon which Firefox OS is built" Wolff Olins

Identity for Microsoft Windows by Pentagram

Identity for Microsoft Windows by Pentagram

I am not a Windows user anymore, it's been more than 10 years since my last PC. Looking back, the PC brings me good memories, my first computer was a PC-XT and the a AT-386, all of them using DOS and Windows 3.0 and 3.11. I still remember when Microsoft released Windows 95, the box and the colorful Windows logo. After all this years and seeing the shift in the market towards mobile devices, it's really nice to see that Microsoft is putting a lot of effort in design, starting from the Windows visual identity created by Pentagram. We also know that the this logo was released a few months ago, but we noticed that this week Pentagram and Paula Scher published a nice post on Behance about it. As one of the reasons we started Abduzeedo was to share things that inspire us, I decided to post about it again. In my opinion visual identities are one of the most, if not the most difficult area of design, and in my humble opinion, Pentagram did an amazing job with the Windows log. Video Windows 8 Transparency from Pentagram on Vimeo.

Logo Design: Bears, Beets, Battlestar Galactica

Logo Design: Bears, Beets, Battlestar Galactica

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we had an awesome post featuring logos with buffalos and bisons, and today the geek in me asked for logos with Bears, beets and Battlestar Galactica! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;) "Bears eat beets. Bears. Beets. Battlestar Galactica."

Logo Design: Buffalos and Bisons

Logo Design: Buffalos and Bisons

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we had an awesome post featuring logos with chairs, and today we have here some great logos with buffalos and bisons! Although you mind think they're different animals, you'll get surprised on how much people get these two mixed: "Because bison in America resembled the buffalo of the old world, explorers also called them buffalo. Actually, the word buffalo is believed to have been used by English settlers. This term was said to have been a modification of the name 'les boeufs' which French explorers gave to oxen or cattle. The term evolved, and soon many variations such as 'buffler,' 'boeffle,' and 'buffilo' were used. Although the terms buffalo and bison are now used synonymously, the scientific name for the 'buffalo' found in America is bison. Bison = Artiodactyla Ruminata Bovidae. The 'true' buffalo are often referred to as those in Asia or Africa. They belong to a different family than the American bison. The physical differences are more evident. These buffalo do not have a large hump and have a more slick appearance. African Buffalo = Syncerus caffer caffer and Syncerus caffer nanus. Asian Buffalo = Bubalus bubalis." - Fun Trivia Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

FS Logo Design Process - Symbol

FS Logo Design Process - Symbol

After over 4 years I decided to start working on a new personal site. The last time I made updates was back in 2009 and since then I haven't been paying too much attention to it, however I feel it's time for me to try some different things with it in terms of web design, responsive, mobile first and other such trends. The first thing I needed of course was a logo. Today, I share with you the creative process behind the logo. Inspiration/References The logo is inspired by a college team logo, I wanted it to have this reference because the idea is that the site will be a creative laboratory of things I want to learn and experiment within the realm of HTML, CSS and Javascript. Another reference is the San Francisco Giants logo, I love the angularity and the way the letters have been super imposed. Sketches Some explorations for fun Illustrator Once I had some sketches I started creating the digital version. The logo is basically made of rectangles and triangles and as you can see the images below, I started adding basic shapes and improving upon them. Grid Negative space shadows Using the same triangles from the corners of the "S", I created basic shadows, and then made them as negative space. Compositions Colors Final Symbol After an afternoon of fun I ended up with a nice symbol, very aligned with the design principles I had in mind, especially to have the look and feel of a college sports team. I still want to make some optical adjustments to make sure the proportions are right. The next step then will be to show you the web site :)