The Design Process

Some say that the design process is more important than the final outcome. Process is important because it helps create a better solution. It’s kind of like the foundation of your work. It also shows why you have made the choices you have and you can expand and evolve your ideas and create more options for better work.

For all of my projects, I have used the design process and it has helped me improve my designs. The design process I use is strategy, design, and production. When you get a new project it’s best to start with research. After research, you start compiling notes, content, and sketches. The more sketches the better. Creating as many different possibilities as can, will help you discover new ideas. After generating as many ideas as possible, you work on the design until perfect, and then print and hand-in.

There are lots of other good design process techniques but it’s good to find one that works best for you. A good design thinking process that I recommend is the one D.School uses. Their steps are:

  1. Empathize – problem from the perspective of the user’s experience
  2. Define – problem statement
  3. Ideate – brainstorm & research
  4. Prototype – different solutions
  5. Test – impact

So, when working on a project I think it’s great to use a design process. There are lots of different processes to follow. Do you already have a favorite one? If not try researching the different kinds or even check out D.School’s design thinking process at http://dschool.stanford.edu/redesigningtheater/the-design-thinking-process/ .

steps-730x345.png

 D.School’s Design Thinking Process

Advertisements

RGD is Useful for Graphic Designers

There are many great things about the graphic design program. One thing is that being part of the program you learn about many different graphic design resources. An example of one great resource to learn from is RGD.

RGD is a network for the graphic design community. It has knowledge and creative sharing, continuous learning, research, advocacy and mentorships. RGD has many events you can attend to, such as Design Thinkers and local Future by Design events – They also host webinars. If you miss any events you can watch them online as well on their website at http://www.rgd.ca/resources/videos.php.

AD_DT_288x288
2015 Design Thinkers Event Poster

Unfortunately I have not had the chance to attend any of these events. When I first started the graphic design program I went to one webinar that St. Lawrence was hosting. It was interesting and great to learn what successful designers had to say. I wish I had more time to attend them and other events. I think these events are great for learning and building a network.

Not only did I hear the opinion from some great designers but I also met some graphic design students that were in 2nd or 3rd year. The graphic design program director and some of the other teachers were there too. It’s good to know other designers that you can collaborate with and learn from. It can help your designs and later in your career too.

This is only one of the great things that the St. Lawrence graphic design program offers to their students. I think it is great for the students to learn from and build a network. It is important for designers to have a variety of resources to help with research that will hopefully help to create amazing work.

Tips to be a Typography Pro

Lots of people don’t realize that there’s more to type then just placing words on a page. Typography is study by designers around the world to learn how to correctly place and size type. When you study typography it’s easy to spot when type is done wrong. There are lots of examples of bad typography – Check out the example below! There are 6 major tips that will improve your typography skills.

disney_quote(Looks pretty but is not proper typography)

  1. Point Size – When placing type you need to use an appropriate type size. On a poster that is 14’ x 17’ the headline would not be a point size of 12; it would be better with a much more larger size to catch the audiences attention more. When writing body copy point size should be 10-12 points in a printed document.
  2. Leading – This is the space between your lines of text. Leading is important because it affects legibility. If your lines of text are too close it will be hard to read. The rule is to use a leading size that is 2 points above the type size. For example, if the type is 12 points the leading should be 14 points.
  3.  Tracking & Kerning – These are very similar and easily mixed up. Tracking is the space between a group of letters. Kerning is the space between individual letters. Both can be adjusted by using to type panel. Both need to be adjusted so letters don’t touch each other. This will increase the readability of headlines, body copy, logos, and more.

    https://99designs.com/designer-blog/2011/08/25/5-important-typography-rules/
    https://99designs.com/designer-blog/2011/08/25/5-important-typography-rules/
  4. Line Length – Line length is the width of your body copy or how long your type is. The average body copy line length is 50–60 characters on every line. Line length usually depends on type size and your design. Depending on your project the number can change.
  1. Alignment – This is really important in design and typography. There are four types of alignment; center, left, right, and fully justified. Debating on which one to use depends on the design and readability of content. Center-aligned is the hardest to read but still can be used in appropriate times. It’s good to experiment with using different alignments but too much will affect readability and could create a cluttered and confusing design.
  1. Font – The final tip is to know the different typefaces. Different typefaces can be used to communicate or convey a message or idea. For example a script font feels more fancy and elegant, where as impact is more bold and basic. Both can be used in different contents to express meanings through typography. There are tons of typefaces to pick from; the trick is finding the right ones to use. When picking typefaces never go over board, it’s best to use 2-4 different ones in a single project. You should pick typefaces that have good contrast and compliment each other. Also knowing the difference between san-serif and serif fonts is helpful too.

Not only do these tips make your design and content more legible but it will look better too. Next time when you’re designing or using type try remembering these tips! Keep practicing them and you’ll be a typography pro. Check out the links listed below for more tips and details!

https://99designs.com/designer-blog/2011/08/25/5-important-typography-rules/

http://designshack.net/articles/typography/8-rules-for-creating-effective-typography/

http://practicaltypography.com/summary-of-key-rules.html

The Invention of Typography

Have you ever wondered how we got the alphabet or how typography was created? The first writing found in history was pictographs. They were a set of pictures, which told a story. Ideographs were developed after pictograms. They were more like symbols and the Egyptians and Chinese used them too.

Egyptians created a system called hieroglyphics; they used objects to represent sound. The hieroglyphs turned into a cursive called hieratic. It was more freer and contained lots of ligatures. Then around 1200 BC, the Phoenicians created the first alphabet that consisted of letters. The Greeks used the Phoenicians alphabet and started developing their own. They created 5 vowels and did not use punctuation, spaces between words, or lowercases.

http://planetoftheweb.com/components/promos.php?id=174
http://planetoftheweb.com/components/promos.php?id=174

Next was the Roman Revolution. The Romans developed the alphabet more. They based it on the Etruscans Greek language and it consisted 23 letters. Romans also created serifs and were first to use thin and thick stokes.

Around 732 a guy named Charlemagne made a writing system called Caroline Miniscule. It was the first writing system that used lowercases. In the 1400’s Guttenberg created movable type. It was a huge improvement that allowed the world to print large quantities. In the 1500’s Aldus Manutius created the first pocket book; he also created the first italic typeface.

https://upload.wikimedia.org/wikipedia/commons/a/ae/Metal_movable_type.jpg
https://upload.wikimedia.org/wikipedia/commons/a/ae/Metal_movable_type.jpg

In France, Claude Garamond created a typeface that was based on geometric principles. The typeface was named after him and for the next 200 years. Garamond was the main typeface being used. In the 1700’s more typefaces were created overtime. To learn more about the great invention of typography go to http://planetoftheweb.com/components/promos.php?id=174 .

More Resources:

http://ilovetypography.com/2010/08/07/where-does-the-alphabet-come-from/http://planetoftheweb.com/components/promos.php?id=174
http://ilovetypography.com/tag/type-history/

Success In My Eyes

Success can be many different things. Being successful depends on a person’s goals and dreams in life. Anything someone accomplishes can be a success. In my eyes success can be good or bad but step-by-step your making progress and you don’t give up – it takes hard work and ambition.

http://quotesgram.com/funny-quotes-for-student-success/
Retrieved from: http://quotesgram.com/funny-quotes-for-student-success/

To me success means lots of things. On an ordinary day I feel successful if I get good feedback about my schoolwork, my house is completely clean, or if I have my son in bed early. These are just little things that happen on a daily basis. There are also bigger things that mean success to me as well.

Last weekend I bought my first car; this was success to me. For years I have wanted to buy a car, not only for myself but for my son too. I knew that this meant better time management and would help us out a lot in life. Another priority right now is getting good marks in school.

There are also things that mean success to me that wont happen until the future. In the future success to me is graduating from the graphic design program and starting a career. One day success would also be buying a house and starting a bigger family.

At the end of the day though, my son’s smile is the most important thing that makes me feel successful. Knowing that he’s happy is enough success to get me through my day. To me success can be the little things in life and it’s nice to be able to share them with loved ones.

fishing2015

Typography Class

Starting second semester I was excited and nervous. There were some graphic design classes I didn’t have in first semester and felt like I wasn’t going to remember everything I needed too. Typography was one of those classes. Although I need to work on my type hierarchy skills I made it through the semester.

Making a good hierarchy can be hard. This semester has helped me a lot though. I think I learned the most during typography boot camp. It consisted of 4 different type exercises – Pairing type, rags, hierarchy and grids. Boot camp lasted for 4 weeks; every week we had a lecture and a new exercise assigned.

When the class was told to write blog posts throughout the semester I was a little nervous. We had to write blog posts for Jamie’s english class last semester – they weren’t hard but just sometimes annoying. I have also never been that good at writing but in the end I think the blogs are helping.

Over the summer I think I will try to keep writing blog entries. I do think the blogs are great for increasing my writing skills and developing an online profile.

Overall I enjoyed typography class and can’t wait for next year!

type_exercise4_1

An exercise from typography bootcamp I did.

Fables & Foretelling- The Crisosotomo Collection

Second year graphic design students at St. Lawrence held an art gallery March 27 – April 4th. As I looked at all the different work many pieces stood out to me – It was hard to only pick one piece.

My favorite piece was called Fables & Foretelling The Crisostomo Collection. The designer is Elda Crisostomo. I chose this piece because I really liked the layout and illustrations. I also thought the type hierarchy was great too.

edittedart1

 The project was to create a book cover and spread for a classical themed book. The format of the book was 6 x 9 inches but printed at 88%. Some project parameters were to include two spot illustrations, and two letter ‘private press’ monogram, and use the “Lifetime OpenType Fonts” folder. The project schedule was:

Week 1:

  • Intro
  • Topic
  • Word clusters
  • Strategic brief
  • Research
  • Thumbnails

Week 2:

  • Critiques
  • Spread layouts & grids & linear
  • Begin illustrations

Week 3:

  • Critique
  • Cover linear
  • Monogram development
  • Pattern & ornament experiment

Week 4:

  • Critique

Week 5: Final critique

Week 6: Final Due

When I interviewed the designer, Elda said the biggest challenges were, “To use the J.A.van de Graaf’s canon layout so the 2 fables fit “proportionally” on the grid- because the length of both fables were so different. And trying to sketch the illustrations that matches with the history content, but in a way that looks engraving’s method.” She over came these by making layouts and grids to fit the J.A.van de Graaf’s canon layout. Elda also did multiply different sketches and research to come up with the perfect illustrations and found techniques that gave the effect she wanted. I think this can help with my own work by showing that all the hard work, and the long process is worth it and improves a design.

Overall I think the art gallery was a huge success and I can’t wait till next years! Below is some more work from the artist.

editted3      editted2

The Bauhaus Movement

In the 20th century The Bauhaus Movement (1919 – 1933) originated from The Bauhaus School in Germany that focused on fine arts and crafts of all mediums. The school offered things like a textile workshop, metalworking, and typography – by 1947 there were weaving, photography, and the fine arts as well. The goal was to make accessible and practical designs for everyone. Their priority was ‘form over function’.

There was many important professors at the Bauhaus school but the one that stood out to me the most was Herbert Bayer the school’s 1st typography master – he created the Universal Typeface in 1925. The Bauhaus style font was incomplete until 1969. The font is simple and practical, and suited the school. It also has no serifs. It was a good change compared to the German Fraktur typeface, which was hard to read.

BauhausA

Universal Typeface

http://99designs.com/designer-blog/2013/08/15/know-your-design-history-the-bauhaus-movement/

The school moved to Berlin in 1930 and in 1933 closed down. World War 2 was extremely dangerous and professors moved to United States to continue their teachings. In 1945 Bayer moved to New York and worked as a commercial artist, painter, sculptor, and exhibition designer. The Bauhaus Movement influenced many things such as architecture, furniture design, and painting in Western Europe, United States, Israel, and more.

Typography from the Bauhaus school

http://www.citrinitas.com/history_of_viscom/avantgarde.html

It’s important for young designers to research type and design history because they can learn new techniques and improve their designs. They can also learn how type and design has changed and advanced over the years. It can also inspire students and gain their interest. I think it can improve my own work by having the knowledge to identify different typefaces and understand the history and theme of a font to pick better options.

bayer_reinhold

https://nadinechicken.wordpress.com/tag/herbert-bayer/

Citations:

Ayiter, E. (n.d.). The history of visual communication. Retrieved from http://www.citrinitas.com/history_of_viscom/avantgarde.html

Lekach, M. (2015. February). Know Your Design History: The Bauhaus Movement. Retrieved from http://99designs.com/designer-blog/2013/08/15/know-your-design-history-the-bauhaus-movement/

Winton, G. A. (n.d.). The Bauhaus, 1919–1933. The Metropolitan Museum of Art. Retrieved from
http://www.metmuseum.org/toah/hd/bauh/hd_bauh.htm

The Ten Commandments of Typography

There are tons of different typefaces, and when it comes to picking out the right one for your design it can be a challenge. It can be hard only choosing one. Are you having difficulties picking out a font? If so, try following the ten commandments of typography.

10-gebote-font-infography

(Evan Brown http://www.designmantic.com/blog/infographics/ten-commandments-of-typography/)

The chart above from Evan Brown at DesignMantic helps designers by not having to scroll through type for a long period of time. A quote from Brown states, “Even though typography is an art and art is supposed to be subjective with minimal parameters, these rules can still be applied in order to save time and too much experimentation,” he explains. “It’s always good to know the few basic do’s and don’ts in order to save yourself the trouble of experimenting too many fonts on your design.” It is considered to be a great guide when designing with typography.

The ten commandments of typography go through different font families and show how to combine typefaces together. It helps with contrast and complimentary moods. It even tells you which fonts to avoid using such as, comic sans, curls, papyrus and more. It’s easy to experiment too much with your text, and this chart reminds us to follow the rules. This way your type won’t get distorted and it will be more appealing to your audience.

The ten commandments of typography can be useful for web design, advertisement, and much more. It will make typography simpler. It might even teach you something new. And always remember not to experiment too much.

Citations