Subscribe: Typies
Added By: Feedage Forager Feedage Grade B rated
Language: English
concept  curve  design  designers  drawing  handles  order  point  points  shape  text  typeface  vector drawing  vector  work 
Rate this Feed
Rate this feedRate this feedRate this feedRate this feedRate this feed
Rate this feed 1 starRate this feed 2 starRate this feed 3 starRate this feed 4 starRate this feed 5 star

Comments (0)

Feed Details and Statistics Feed Statistics
Preview: Typies


Last Build Date: Tue, 20 Mar 2018 15:55:05 +0000



Thu, 19 Jun 2008 23:14:00 +0000

Comalle is an organic roman typeface that recovers some elements proper of handwritten letter forms, even though its strokes do not necessarily refer to a literal calligraphic structure.In order to produce a powerful impact on the page, Comalle has thicker strokes than its counter forms. This makes the black of the letter to fill the page thus causing a faster visual impact than other typefaces of similar black and white balance.One of the most important challenges in the design of Comalle was precisely the balance of black and white areas in the typeface. Interestingly, that precision work would not produce the blacks, but the whites of the letter forms. This is why at first all the efforts were put in the generality rather than the details, but in the end the design of the counter space proved to be by far the major visual feature of the new typeface.Comalle was conceived at the careful draining and filling of letter forms and thus intends both to charm with its delicate counters and impact the reader with the heavy strokes that conform its unique personality. More information in Veer site Here, you can download the type specimen Even more information (in spanish):[...]

The content of form

Wed, 24 Oct 2007 02:52:00 +0000

I’ve been thinking lately about the complexity inherent to the process of abstraction, this in order to simplify the conceptualisation stage (of design). Interestingly, I’ve spent most of my time to study the basic shapes, this in order to focus on those meaningful details which give meaning to those qualities we live our daily lives with and —somehow— help define ourselves too.PersonalityI started to design a little bit better (I think) the day I understood the basic principles of shape, and began to separate information from informer, attempting to give a separate and tangible value to that which doesn’t have a true one.t is hard to understand, but I’ll try to explain myself with an easy example. Imagine your hands holding a ball. Close your eyes and feel it. Be able to feel its great peculiarity and then throw it away.Take a pencil and draw the shape you were able feel. Very good, now, if that shape would have a sound, what would it be like?Great! What we just did was taking a very simple visual shape, to two entirely different dimensions.It’s a mere circle that took tactile and auditive shape. Now, you can give that circle velocity, temperature, hardness, harshness, size, etc. You can feel its taste or even imagine how it smells like.Then, understanding that the visual shape depends on factors that acquire agreggate values as we give them to it, is something very complicated. Thus, giving the circle one more feature, is a very complex process of abstraction.One step furtherWhen we were little children, the teacher told us the “a” sound matched the “a” shape. And that the “a” shape wasn’t related at all to the “a” sound. Just unlike we were used to, when we would see the shape of a horse and matched it to the real horse.The complex shape we’re dealing with is just a small part trying to depict, in a neutral way, the concept we have of a horse. This small part will work if (and only if) it goes along the rest of the letters in a given sequence.The designer and the evolution of writingGoing back to our last topic and facing the high complexity levels inherent to the written speech, we’ll be able to understand that we, as designers, frequently feel forced to re-invent writing over and over, to give it new values beyond what is visible. We’ll give it —for the time being— the name of abstract expression.This kind of expression is everything but new and responds to a creative way of matching tangible concepts to abstract ideas. A couple of years ago, a Chilean pianist named Valentín Trujillo, used to work with a graphic artist whose name is Iván Arenas (also known as proffessor Rossa). When the proffessor was drawing he asked his friend (the pianist) to play a song about “cockroaches playing the ball”, in order to give ambience to what he was drawing. Unexpectedly, the pianist surprised us all with a melody that exactly matched the proffessor’s request. Weird? I don’t know, may be. I just came to my mind not long ago when I was asked to design a fat, fluffy and sensual typeface.How could I explain my client, a designer too, that an “a” has a very well defined shape and that any modification made to it will affect directly its legibility? It sure may be fat, but sensual?Then the client-designer not only told me that I had the ability to give letterforms an added value, bot also that I knew how to do it. In other words, he meant that I could do with the shape what Valentín did with the piano. As soon as I got home I sat down, took paper and pencil and smiled surprised. Happy. Then I knew that typeface designers have to make their own palette of tricks on the run, and I felt kind of obliged to share a couple of secrets more about the shape, something I did in a former article.SensualityAt first, I attempted to look thoroughly for what defines the sensuality of a shape. However, it turned out much easier for me to understand those shapes that were NOT sensous in order to build the concept starting from that point.Straight, hard, dry and broken [...]

Signs and Pictograms

Fri, 26 Jan 2007 04:58:00 +0000

Lately, many people have asked me about icons and pictograms. Then I realized how difficult it is for my students to be maintain consistency between the drawing and the concept behind it.Usually, a pictogram works in 2 big areas: what it means and how we represent it. Those areas must always be in complete harmony, because any imbalance could alter the interpretation of the reader. Summing up, a bad sketching icon could ruin a good abstraction of a concept; and a bad abstraction will never transmit any concept at all, if we were to make a bad drawing. For the time being, we will talk just about the representation, the strength of typies…A universal mistake among the graphic designers is to think that there is only one way to design icons: the ‘ballheads’ that Otl Aicher proposed a long time ago…‘Do it yourself’… take those designs, do small modifications of them and… wow!!! You have a new pictograms system!!!.... Noooooo!!!!! But… Is there any way to design ‘really new’ icons? Let’s talk about design: If we think of a concept for an icons system, we must be able to identify 3 dimensions: style, simplicity and technique.Let’s assume that we already created the abstraction of our concept and now we must think about ways of representing it (from now on, our concept will always be ‘woman’).1. The StyleThe style of the sign will show us how to solve it. We could design geometric and stiff icons, or maybe very complex pictograms. But at the moment of choosing the graphic style of our icon, it’s important to care about the system that we are going to use to print, cut or visualize this pictogram.In the example, we could see two different solutions for the same abstraction (a frontal view of a woman with a skirt). The first solution is based on a grid, maybe pixels, that could suggest something related to technology. In the second one, the image of this woman is a more stylized silhouette. It captures coquetry. Here as well, the same silhouette is represented in two different ways.2. SimplicityAt which level of simplicity could we communicate a concept? There are 8 different icons for the same concept in the example (woman):-In the first one- maximum simplicity. Just 3 rectangles and 1 circle.-In the second icon, the thickness variation and the curved shoulders make the process of recognizing the concept easier.-Third icon: in this pictogram we add a new element: the diagonal.-Fourth: we tried to draw a more geometric shape and make it more real.-In the fifth example, we left out the arms and we modified the position axis of the woman. A simple action gives us more information: she is a woman, she’s got a skirt (and not ‘any’ skirt’) and she’s also got personality.-In the sixth one, we moved away from geometry and we gave physical characteristics to the pictogram. Now, our woman has waist thickness legs, more real.-Seventh pictogram: look at our woman, now we can talk about her build, attitude, physical curves and also about what kind of dress she is wearing…-Finally, the eighth one is almost a reality representation.3. TechniqueThis is a very decisive factor at the moment of choosing a style. It’s not the same thing to design something that is going to be printed, and to design something for the web, cell phones, displays. There are a lot of systems… maybe we are going to paint or carve it… and we must take this point into account at the moment of making design decisions.The technique can determine how many colors we can use, the thickness of the sketch or its simplicity. (Click over the images to see them in real size).[...]

Romeral, a display typeface

Thu, 07 Dec 2006 06:19:00 +0000

(image) I’ve designed Romeral, a display typeface, in the beginning of 2004 in order to accompany my text typefaces.
Romeral is designed to produce a noticeable visual impact that invites the audience to the reading due to its sizable thickness.
Interestingly enough, the basic idea was to find a way to fill the color titles zone in order to create a comfortable atmosphere for the reading experience.
Nowadays, the complex typography of the typefaces makes it very hard for the designer to work with it comfortably. Romeral’s straight geometric form allows an amateur designer to modify its points without much difficulty The idea is to be able to easily design a personalized layout of the text.
(image) The complementary "Inline" variation allows for alternative uses of the typeface. For example, it can be used as a base typeface.

I thank you in advance for your attention and support of the blog.

15 tips to choose a good text type

Fri, 01 Dec 2006 07:59:00 +0000

Many people have asked me which text type is best for a magazine, a newspaper, a poster, a newsletter, a publication, etc. In general, I tell them which to use, but I know that this is not the best answer, because they won't learn to do this by themselves.Today, I want to take time to analyze how to choose correct text typography design in different cases. It is very important to understand that these tips are not final word, but they can be good help at the moment of choosing a text type. In any case, it depends on what do you want to convey with this type, because many times legibility is as important as the character of the type. Try to be very careful and take in account the following points:1. The LetterformThe ‘ductus’ represents the framework of a type. It is very important. For legible text we need typographies with a simple ductus without complex details. Those details distract from the reading process and we need the reader to pay attention to the content and not the text.2. The WeightWhen we discuss the ‘weight’ of a type, we refer to a consistent relationship between the characters themselves, and the light of the page that flows around them. If you use a light version of a type for a lot of text, reading of this text will probably become tiring and nobody will want to read it.3. The ContrastThe contrast refers to the thickness difference between vertical and horizontal strokes. The difference between the thicker and the thinner part of the character. Bodoni and Didot are very contrasted type designs. Try to read the photocopy of a photocopy of a photocopy of text layed out in Bodoni. You will probably see only vertical strokes. Good type design should be able to resist a lot of copies. It must be strong, solid, but not coarse.4. The axisIn my view, the axis of a type design could affect reading. Vertical strokes prevail in a text type and if the axis is diagonal, the eye will have trouble following that line of text. If the type uses more than one axis, a line of text will appear as if dancing which makes is harder to read. If we use an orthogonal axis, the characters can't dance.5. x heightThe area between baseline and x height contains most of the readable information (75% of the lower case letters). It is a very important area at the moment of reading text. Long ascenders and descenders require a small x hight. If we compare two types of designs, one with long ascenders and the other with short ascenders, we can see that the x height of the second one will be larger, so it will obviously be more legible. Look up for the difference between Times New Roman and Mrs. Eaves.6. Capital letters heightOlder typefaces designs consider the same height for the ascenders and the capital letters. In any cases capitals are bigger… But the appearance of a word in upper case between lower caps is usually ugly. When I write the word ‘Garamond’ I feel the ‘G’ as a dinosaur and the ‘a’ as its prey…7. Endings and detailsWhen we use a font in a big size (for example in a poster), we enlarge everything. All the small details of the type design become evident, as well as the mistakes. A lot of typographies are badly drawn. As designers, we should not accept this. 8. Text and textureA block of text looks like a texture from a distance. This texture must be uniform, without thicker characters or spots that could attract the attention.9. Degree of the Counter OpeningIn many type designs, the counters are too closed. It could cause legibility problems, because somebody could read 'o' instead of an 'c'. So, if the internal counter is too opened (as in Frutiger), it will start to mingle with the external counter, generating a lot of white (and it looks ugly).10. The Fish EffectThis effect becomes evident when the internal counter is bigger than the space between characters. It looks very strange where round and straight characters join.11. External counterThere are small details that make a text ty[...]

Vector drawing mistakes

Thu, 02 Nov 2006 13:11:00 +0000

Some time ago, I wrote an article about vector drawing. A basic explanation, but very helpful.A few hours ago I was looking through some files on my computer and I found a lot of archives that I compiled during my student days in order to help my friends with their vector drawing works.Vector drawing is a kind of art… In order to understand vectors, I can propose the following analogy, “Paths are like ropes- we must tug on them, if we want them to take shape. Curiously, most of the vector drawing mistakes stem from the ignorance of this concept. Some people use the point handles like the steering wheel of their cars: it doesn’t matter how the car turns around, the aim is to simply turn the car.Thus, it is very common to find the following vector drawing mistakes (you can click on the images to see them in real size).1. Extra pointsFew will notice the changes when we place extra points in a straight path segment (in a line). The new line may be a little mucky :it is not perfect, and we know that.It is more complicated if we place an extra point in a curved path:we will probably notice a little bump in the place of the curve where the point is. This is one of the most common vector drawing mistakes: we forget to take the extra points off from the curved paths. Often, these points are waste of a ‘remove overlap’ action. In any case, the result is the same: we get bad resolution.2. Misplaced pointIf you are making a path and using your handles in 90º or 180º (orthogonal), make sure where you place the points. A misplaced point generally makes dirty curves.3. Imbalanced pointMaybe the most frequent mistake… if your points are perfectly placed in the extremes of the curves and the handles are in orthogonal position, then why do you still see a dirty curve??? This occurs because of an imbalanced point: In a curve, the points on the right side must be like a mirror of the points on the left side… You must place them at the extremes of the curve, but THOSE EXTREMES must be in the right place of the path.4. Wrong point selectionCorner point, connector point, curve point… we already talked about them in the last post (‘Vector drawing’). It’s very important to choose the correct kind of point when you are drawing a path… Bad selection point=bad resolution.5. Imbalanced handlesHandles must be in orthogonal position, but you must be careful about how long those handles are… If the line is a rope, the point is the tightrope walker and the handles are the stick. An imbalanced stick could make you fall down!6. The handles are not in orthogonal positionTry to use the handles orthogonally, you will note that it will be easier to draw your paths and those paths will become perfect (or “better”).7. Extra handlesIf you have a terminal curve point, take the handles off. They are not necessary and you will note that the curve looks cleaner.8. (Bonus track) Working with arcsIf you are not sure about the correct position of the handles, use the arc tool of your vector drawing program, this tool make perfect curves and it is very helpful.Special thanks to our friend Konstantin Shishkin, for all of his help[...]

Vector drawing

Sun, 29 Oct 2006 20:27:00 +0000

Designers are afraid of precise vector drawing. Many designers have a lot of beautiful logos or types designs, but the bad execution of the path mars the final result. Some designers propose a vector drawing system with the point’s handles at 90º or 180º. But, is this the best solution? Now we are going to analyze which characteristics a perfect vector drawing must have. There are 3 kinds of points that let us edit lines and curves in different ways by adjusting their handles: ‘corner point’: their handles can be adjusted independently, ‘curve point’: their handles do not work independently, and ‘connector point’: this point connects a straight line with a curve (tangent). One of the handles becomes inactive and the other one continues the direction of the straight line, on the aim of doing a perfect curve. In every case, their handles can be extended or retracted. It looks like something obvious, but… where do we place the points?.To start, we are going to place the handles in 90º and 180º on the axles extremes. As we see in this example, handles and points converge to a common centre. We can note that the model is completely adaptable: the external curves are in direct relation with the internal curves. It’s the same with the handles. In the first example, (above left) we see a perfect circle. Their points are on 90º or 180º. Their handles are extended and their lengths fit within the guide that indicates the 30º of the axles. Furthermore we can note that both circles (internal and external) are completely concentric… we could do 1000 of concentric circles and their guides are going to be the same in every case.But, what happens if we move the internal circle to the right, for example? In this case (above right), we can see the same principle… the guides of the internal circle still coincide with the guides of the external circle…Many people may think that learning this could be very useless, but look at the last example again: it could be an ‘U’ serif… In this last example, we can see these principle applied to an ‘a’ character design. The letterform is perfectly drawn, and look up to the counters… their curves look clear and perfect.(click on the images to see them in real size).[...]


Tue, 17 Oct 2006 06:20:00 +0000

Welcome everybody

My name is Juan Pablo de Gregorio, your host from now on.
I’m a chilean graphic designer and a typographer.

On march, I published my blog letritas, a blog in spanish about typography and graphic design. Quickly, it becames in a very visited blog, people from different countries and places started to do their comments and to participate. Unexpectedly, they started to ask me about the english version of my blog… but my English is awful…

Now, I want to introduce you Francisca Reyes. She’s a Chilean graphic designer too, and she teaches typography at the university, like me (but her English is a little better than mine…) She accepted to help me with this work, and now we are going to publish an English version of Letritas together. We decided to call it ‘typies’.

But we want to ask for your help too… please tell us if you find a mistake (we are sure that you will find a lot)… it is very important for us… We are doing our best effort, because we love typography and graphic design… But we want to do a good work, and we need your help on this.

At this blog, I’m going to publish regularly comments about design topics. I want to show you my work, and to share my opinions about other designers work with you. I’m going to talk about influences and to pay homage to all the designers who deserve my admiration.

This is the invitation: we could use this blog as a communication track, I hope that you could claim about my opinions and my posts.

Thanks for your interest and don’t forget to do your comments!