Sentence


sentence 2 sentence

The task is to arrange the words to form a 10 – 15 word grammatically correct sentence. The meaning can be playful, absurd or ridiculous. This is what I came up with.

[ Arabic ]

ذهبت الى الدوحة. شرب الجمل كركي فعضضته

[ Latin ]

All phones in bathrooms smell so bad. Hashtag hate.


Typeface choice (Click on the typefaces to see examples) 

Adobe Arabic 

Badiya

Frutiger LT Arabic

HelveticaNeue LT Arabic

Janna

Koufiya

Kufi

Palatino LT Arabic

Tanseek

Yakout 


Frutiger

HelveticaNeue ITC

Palatino

Avenir LT STD

Bembo LT STD

Caecillia LT STD

Fedra Sans + Serif A & B

ITC Garamond

Univers LT STD


[ InDesign ]

Opening InDesign for the very first time, I was really taken by surprise. The application can be quite intimidating at first. Where do you start? What do you learn first? 

I started to navigate through the application, and learned more in our introduction to InDesign in class. about a variety of topics to help make you successful including color, effects, rulers and guides, layers and object organization as well as some of the really powerful styles that InDesign uses. By the end of this training, you will have accumulated a solid foundation of knowledge and be ready to move deeper into the powerful application.

Screen Shot 2015-10-25 at 3.30.42 PM

Avoid using these functions, because they stretch the type.

Screen Shot 2015-10-25 at 3.29.56 PM

Never use this function, it also stretches the type.

Screen Shot 2015-10-25 at 3.32.36 PM

Helpful options.

Screen Shot 2015-11-11 at 11.07.45 AM Screen Shot 2015-11-11 at 11.08.47 AM Screen Shot 2015-11-11 at 11.08.56 AM

[ Spacing ]

Typographer’s don’t only focus on the positive nature of letterforms, but the negative gaps between and around them as well. Spacing is crucial, because it translates the sound of speech into understandable words. French philosopher Jacques Derrida, said that type cannot function without silent marks and spaces. You need to figure out how to break up the space, in other words, think about the natural breaks in a sentence. You have the power to influence the way something is read, that’s why its important to understand the way words break.

Readingthisisgoingtobehardifyoureaditwithoutspacing.

[ White Space (Negative space) ]

The space where no text or image exists. It is as important as the placement and sizing of the text itself. It enables hierarchy by allowing the reader to rest while navigating the design by isolating an element that demands attention. It can add tension of even a dramatic effect. 

[ Measure ]

The way to figure out a good measure of type -how many characters there are on a line-, what you’re looking for is a number between 55 and 75. It all depends on the width of your text box. Also, avoid lots of hyphenations and lots of broken lines. Count the characters to figure out what makes a measure, and pay attention to how many characters there are per line.

A3 Screen Shot 2015-11-12 at 10.14.11 AM

Screen Shot 2015-11-12 at 10.11.21 AM

Showing the document grid is definitely a helpful option, to place the type coordinately on the document.

Screen Shot 2015-11-12 at 10.14.29 AM Screen Shot 2015-11-12 at 10.14.44 AM Screen Shot 2015-11-12 at 10.14.54 AM Screen Shot 2015-11-12 at 10.15.08 AM Screen Shot 2015-11-12 at 10.15.17 AM Screen Shot 2015-11-12 at 10.15.29 AM Screen Shot 2015-11-12 at 10.15.43 AM Screen Shot 2015-11-12 at 10.15.56 AM Screen Shot 2015-11-12 at 10.16.10 AM

Ways to think about type: What’s working? Whats not working? How can you improve it?

Your job as a designer is to figure out how type looks best on the page. Therefor, when you make a design decision you need to be able to defend it. You need to think about what you do with type and why you did what you did.

Screen Shot 2015-11-12 at 9.58.06 AM

[ iterations ]

Screen Shot 2015-11-12 at 10.17.22 AM Screen Shot 2015-11-12 at 10.17.58 AM Screen Shot 2015-11-12 at 10.18.06 AM Screen Shot 2015-11-12 at 10.18.24 AM Screen Shot 2015-11-12 at 10.18.33 AM Screen Shot 2015-11-12 at 10.18.53 AM Screen Shot 2015-11-12 at 10.19.06 AM Screen Shot 2015-11-12 at 10.19.17 AM Screen Shot 2015-11-12 at 10.19.38 AM Screen Shot 2015-11-12 at 10.19.51 AM Screen Shot 2015-11-12 at 10.20.21 AM Screen Shot 2015-11-12 at 10.20.32 AM


Screen Shot 2015-11-12 at 11.33.03 AM Screen Shot 2015-11-12 at 11.34.35 AM Screen Shot 2015-11-12 at 11.34.59 AM Screen Shot 2015-11-12 at 11.38.09 AM Screen Shot 2015-11-12 at 11.38.31 AM Screen Shot 2015-11-12 at 11.38.46 AM

Point diagram

Interesting learnings

  • Italic was designed to look like Italian hand writing.
  • Slab serifs feel like bricks. They’re called Egyptian and grotesque ex: (Bodoni).
  • Some words like “the” are empty words, that don’t have a meaning but help us connect our words.
  • Never use a typeface that is named after a place.
  • Justified text looks much neater, but you have to learn how to deal with spacing issues.

Reflection

As a designer you start to emphasize on certain things. I learnt how to experiment and think about sentences in a way that creates a contrast, that takes you to an interesting kind of pattern. It’s important to stick to one scale, and figure out how to let it live on the page in an interesting way.

You have to make the decision that influences the message of the text. An image can be read in various ways, so can type. When you work with two languages such as Latin and Arabic, you start to notice certain things. Some things you can do in Arabic, but can’t do in Latin, and vice versa. In latin we have many more styles we can play with.

In simple words, to summarize this project I would say that the main thing I learnt, is to make things legible and beautiful typographically.


References & links

The Typographic Scale

Palacio, Bryony, and Armin Vit. Graphic Design, Referenced: A Visual Guide to the Language, Applications, and History of Graphic Design. Beverly, Mass.: Rockport, 2009. Print.

Lupton, Ellen. Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students. New York: Princeton Architectural, 2004. Print.

InDesign Demos

Leave a comment