Wednesday, July 31, 2013

Research Own Art Direction

Own Art Direction :
First: Cute
Second: Cute
Third: CUTE!!!




Many layer to make it look more real and nice and cute!!!!
Colourful <3 cute <3 omggggggggg!!!

---------------------------------------
After almost reaching final,
I discover that i quite like this kind of style
I will try this on final.


I like the feel of the square covering a little a little part of the artwork.


Weekly Task 2 - Hotel Logo Research

Title: Do a research on How to design a Typography Hotel Logo.
These are some of the example of hotel Logo.
 


I like the 3rd design because it is simply and clean.


Tuesday, July 30, 2013

Weekly task 1

Title: Use typography to create a hand-draw logo and a digital logo.

 Hand-draw muffin room logo

Bibi Hair-salon

digital sketch
Final outcome: Bibi Yanni beauty center



Typographic logo Research


Wolda Professional awardsBest of Hong Kong
Logo name: GreenOne
Nation: Hong Kong
AgencyHCWONG
Designer(s): HC Wong
Client: GreenOne
Description: GREEN ONE founding production lines in China at 1998-GUANGYI COMPANY , Guangyi has accumulated over 10 years of experience in technical research. We have extensive experience in production and mature technology. We also provide a variety of product series for various manufacturers and businesses. Quality product is our lifeblood. Over the years, we have maintained strict quality management and control procedures. Our main products are refined κ-carrageenan, semi-refined κ-carrageenan, and semi-refined ι-carrageenan, as well as compound colloids. Stringent control is implemented from raw materials to production, and to the delivery of finished products. This helps us to ensure product quality and to prevent quality problems by ensuring that they can be traced back to the corresponding source materials and the individual quality inspector. In order to obtain high-quality algae, we have sourcing specialists stationed in Indonesia and the Philippines. In addition, we continue to pursue research and development to improve our product quality. Guangyi's goal is to meet the needs of our customers. Our employees are committed and strive to serve the society and to satisfy our customers; our motto is excellence in everything we do, every member of the company seeks self improvement and continues to improve our after sales service in order to increase the level of customer satisfaction. In the future, we will continue to persist in our R&D efforts and improve our product quality. Guangyi Foodstuff Co., Ltd. sincerely look forward to working with you. We will reward your support with reputable, quality products, and the best service.



Wolda Professional awardsBest of the WorldBest of AmericasBest of United States
Logo name: Circus of Magazines
Nation: United States
Designer(s): Olivier Courbet
ClientCircus of Magazines
Description: Logo created for Circus of Magazines™, an online marketplace for magazines. It combines an open magazine and a circus tent in order to represent the online community and by extension the website, a place where magazine lovers gather to buy, sell and exchange magazines. The challenge consisted of avoiding any clichés while keeping in mind the client's desire to incorporate a classic circus feature in the mark. The final result is a simple and memorable logo and a mark that works well for stand-alone usage.



Wolda Professional awardsBest of Argentina
Logo name: LvngLove
Nation: Argentina
Designer(s): Juan Pablo Tredicce
ClientLvngLove
Description: LvngLove is a feeling that transforms consumers' behavior in helping other people's needs. The Logo was designed with the idea of being universal. To understand the word "love", there is no need for letters to read, only imagination and feeling. Some people will only see simple shapes and others will read LOVE, in this non-letters word.



Wolda Professional awardsBest of Japan
Logo name: In the City Entertainment
Nation: Japan
AgencyGraphik-Movements
Designer(s): Cory Williams Crowther
ClientIn the City Entertainment Inc.
Description: "In the City Entertainment" specializes in productions, video production services, on-line content creation, electronic press kits, photo shoots, promo packages, press junkets, publicity and independent production. Their clients resources range from all Hollywood Studios, Networks, Executive Producers, Publicists and Marketing teams. Clientele include: Warner Bros. Int. Warner Bros. Studio, CBS, CW Network, TV Guide, WWE, FOX, Nickelodeon and others.



Wolda Professional awardsBest of the WorldBest of OceaniaBest of Australia
Logo name: One Degree
Nation: Australia
AgencyLandor Associates
Designer(s): Jason Little, Tim Warren, Steve Clarke, Mike Staniford
Client: News Limited
Description: In 2007, Rupert Murdoch laid down the challenge for News Limited and its associated global businesses to become carbon neutral by 2010. The challenge was to create a brand that would materially help drive employee, supplier and public action on climate change. One Degree has been developed on a simple premise: that if everyone were to change their behavior by just one degree, we can change the future of the planet. The logo combines both the number and the degree symbol, which together represent a person. In doing so, it neatly encapsulates the real impact that an individual can start to make in addressing climate change.

Monday, July 22, 2013

Introduction to Type




Ampersand

An ampersand (or epershand; "&") is a logogram representing the conjunction word "and". This symbol is a ligature of the letters etLatin for "and". A stylized character of the Latin et used to represent the word and. 



Aperture

The aperture is the partially enclosed, somewhat rounded negative space in some characters such as n, C, S, the lower part of e, or the upper part of a double-storey a.


Apex

The point at the top of a character such as the uppercase A where the left and right strokes meet is the apex. The apex may be a sharp point, blunt, or rounded and is an identifying feature for some typefaces.







Arc of Stem

A curved stroke that is continuous with a straight stem.







Arm
The arm of a letter is the horizontal stroke on some characters that does not connect to a stroke or stem at one or both ends. The top of the capital T and the horizontal strokes of the F and E are examples of arms. Additionally, the diagonal upward stroke on a K is its arm. Sometimes arm is used interchangeably with bar or crossbar or cross stroke.
Arm is often also used to describe the mostly horizontal top stroke of C, double-storey a, G, and other glyphs, to include the finial, terminal, spur, or other elements of the stroke.



Ascender

In typography, the upward vertical stem on some lowercase letters, such as h and b, that extends above the x-height is the ascender. The height of the ascenders is an identifying characteristic of many typefaces.
The ascenders of some letters may touch or almost touch letters in the line above causing awkward or distracting patterns. This is most likely to happen or be obvious when a line of text with tall ascenders is below a line of text with long descenders. To resolve the problem of touching ascenders and descenders you can: Increase the leading (line spacing) between lines of type; Choose a different typeface; For headlines and subheads, some careful editing/re-wording can eliminate the problem; Changing the alignment of the text may also help.

Ascender Line

The invisible line marking the height of ascenders in a font.





Axis

An imaginary line drawn from top to bottom of a glyph bisecting the upper and lower strokes is the axis. For typefaces that exhibit changes in the thickness of curved strokes, the inclination of the axis of the lowercase o is used to measure the angle of stress. A completely vertical axis indicates a design with an angle of 0 or vertical stress. When the axis leans to the left or right the design has angled (positive or negative) stress. Early styles of typefaces generally shared similiar axis or stress angles.
The axis or design axis is also an adjustable attribute of some fonts, such as Multiple Master fonts. Adjusting the design axis results in variations in the weight, width, size, and other features of the typeface.

Ball Terminal

In typography, the terminal is a type of curve. Many sources consider a terminal to be just the end (straight or curved) of any stroke that doesn’t include a serif (which can include serif fonts, such as the little stroke at the end of “n” as shown in the illustration). Some curved bits of tails, links, ears, and loops are considered terminals using the broader definition (see the Microsoft Typography site for further explanation).
Ball terminal is a combination of a dot (tail dot) or circular stroke and the curved bit (hook) at the end of some tails and the end of some arms (a, c, f). Beak terminal refers to the sharp spur or beak at the end of a letterform’s arm and the curved bit (terminal) between the beak and the arm.

Bar
The (usually) horizontal stroke across the middle of uppercase A and H is a bar. The horizontal or sloping stroke enclosing the bottom of the eye of an e is also a bar. Although often used interchangeably, the bar differs from an arm and a cross stroke because each end connects to a stem or stroke and doesn’t (usually) intersect/cross over the stem or stroke. The varying positioning, thickness, and slope of the bar is an identifying feature of many type designs.




Baseline
The (usually) horizontal stroke across the middle of uppercase A and H is a bar. The horizontal or sloping stroke enclosing the bottom of the eye of an e is also a bar. Although often used interchangeably, the bar differs from an arm and a cross stroke because each end connects to a stem or stroke and doesn’t (usually) intersect/cross over the stem or stroke. The varying positioning, thickness, and slope of the bar is an identifying feature of many type designs.





Bear
A sharp spur, found particularly at the top of letters in some 20th centry Romans. Definition: A beak is a type of decorative stroke at the end of the arm of a letter, connected to the arm by the terminal. Similar to a spur or serif, it is usually more pronounced.




Bilateral Serifs
A serif extending to both sides of a main stroke. They are reflexive.









Body Height
The complete area covered by all of the characters in a font. In typography, the body height refers to the distance between the top of the tallest letterform to the bottom of the lowest one.






Bowl
In typography, the curved part of the character that encloses the circular or curved parts (counter) of some letters such as d, b, o, D, and B is the bowl. Some sources call any parts of a letter enclosing a space a bowl, including both parts of a double-storey g and the straight stem on a D or B. The curved strokes of a C are sometimes also referred to as bowls although they aren’t closed.
The shape and size of the counter and bowl can affect readability and is also an identifying factor for some typefaces.
At small sizes or at low resolution the bowls of some letters may fill in and appear solid. Print at a larger size, higher resolution, or change to a different typeface if this becomes an issue. Heavy typefaces or ones with normally small bowls and counters are especially prone to closing up.


Bracket
The bracket is a curved or wedge-like connection between the stem and serif of some fonts. Not all serifs are bracketed serifs.
Brackets can have different shapes with deep or gentle curves. Brackets may taper all the way to the end of the serif or attach at a midpoint before the serif ends.





Cap Height
n typography, cap height refers to the height of a capital letter above the baseline for a particular typeface. It specifically refers to the height of capital letters that are flat—such as H or I—as opposed to round letters such as O, or pointed letters like A, both of which may display overshoot. The height of the small letters is referred to as x-height.



 Cap Line
A line marking the height of uppercase letters within a font.






Counter 
In typography, the enclosed or partially enclosed circular or curved negative space (white space) of some letters such as d, o, and s is the counter. The term counter may sometimes be used to refer only to closed space, while partially enclosed spaces in m, n, or h are the aperture. The shape and size of the counter and bowl (curved stroke enclosing the counter) can affect readability and is also an identifying factor for some typefaces.




Cross Stroke
The horizontal stroke across the stem of a lowercase t or f is a cross stroke. Although often used interchangeably, the cross stroke differs from an arm and a crossbar because it intersects/crosses over the stem. The varying positioning, thickness, and slope of the cross stroke is an identifying feature of many type designs.




Crossbar
The (usually) horizontal stroke across the middle of uppercase A and H is a crossbar. The horizontal or sloping stroke enclosing the bottom of the eye of an e is also a crossbar. Although often used interchangeably, the crossbar differs from an arm and a cross stroke because each end connects to a stem or stroke and doesn’t (usually) intersect/cross over the stem or stroke. The varying positioning, thickness, and slope of the bar is an identifying feature of many type designs.




Crotch
An acute, inside angle where two strokes meet.







Descender
The portion of some lowercase letters, such as g and y, that extends or descends below the baseline is the descender. The length and shape of the descender can affect readability of lines of type and is an identifying factor for some typefaces.
The descenders of some letters may touch or almost touch letters in the line below causing awkward or distracting patterns. This is most likely to happen or be obvious when a line of text with long descenders is above a line of text with tall ascenders and capital letters. Some solutions include: Increase the leading (line spacing) between lines of type; Choose a different typeface; For headlines and subheads, some careful editing/re-wording can eliminate the problem; Changing the alignment of the text may also help.




Descender Line
The invisible line marking the lowest point of the descenders within a font.










Descent Line
The invisible line marking the farthest distance between the baseline and the bottom of the glyph.










Diacritic
Diacriticals are the accent marks used on some characters to denote a specific pronounciation. Rare in English, they are a common occurrence in French, German, Italian, Spanish, and other languages. Some of the more commonly seen diacriticals include acute, cedilla, circumflex, grave, tilde, and umlaut.








Diagonal Stroke
An angled stroke.











Dot
A small distinguishing mark, such as an diacritic on a lowercase i or j. 











Ear
Typically found on the lower case g, an ear is a decorative flourish usually on the upper right side of the bowl. Similar to a serif, the ear can be a distinctive, identifying element of some typefaces.








Eye
Much like a counter, the eye refers specifically to the enclosed space in a lowercase e.










Finial
The part of a letter known as a finial is usually a somewhat tapered curved end on letters such as the bottom of C or e or the top of a double-storey a.
Another definition for finial is a swash or ornamental flourish, much like an extended serif, ascender, or descender, often added as a variation to some characters in a typeface.





Flag
The horizontal stroke present on the numeral 5.










Hairline
 In typeface anatomy, a hairline is the thinnest stroke found in a specific typeface that consists of strokes of varying widths. Hairline is often used to refer to a hairline rule, the thinnest graphic rule (line) printable on a specific output device. Hair or hairline is also a type of serif, the minimum thickness for a serif.








Hook
A curved, protruding stroke in a terminal. Usually found on a lowercase f. something curved or bent like a hook









Italics
While roman typefaces are upright, italic typefaces slant to the right. But rather than being just a slanted or tilted version of the roman face, a true or pure italic font is drawn from scratch and has unique features not found in the roman face.
Most word processing and desktop publishing programs have an option to turn a roman font into italic. If a matching italic version is installed, this may work fine. However, if an italic version is not available, some programs will create fake italics by simply slanting the roman typeface.
Venetian printer Aldus Manutius and his type designer, Francesco Griffo are credited with creating the first italic typeface — the term italic paying homage to Italy where the style originated.



Leg
Short, descending portion of a letter. Definition: The lower, down sloping stroke of the K and k is called a leg. The same stroke on R as well as the tail of a Q is sometimes also called a leg. Also Known As: tail A branch or part of an object or system.




Ligature
Two or more letters combined into one character make a ligature. In typography some ligatures represent specific sounds or words such as the AE or æ diphthong ligature. Other ligatures are primarily to make type more attractive on the page such as the fl and fi ligatures. In most cases, a ligature is only available in extended characters sets or special expert sets of fonts.
Ligatures used to improve the appearance of type are usually character pairs or triplets that have features that tend to overlap when used together. The ligature creates a smoother transition or connection between characters by connecting crossbars, removing dots over the i, or otherwise altering the shape of the characters.


Link
A stroke that connects the top and bottom bowls of lowercase double-story g’s. Definition: In typeface anatomy, the link is that small, usually curved stroke that connects the bowl and loop of a double-storey g. Also Known As: neck, terminal A connecting element or factor.





Lobe
A rounded projecting stoke attached to the main structure of a letter. A curved or rounded projection or division.




Loop
In a double-storey g, the loop is the enclosed or partially enclosed counter below the baseline that is connected to the bowl by a link. The enclosed or partially enclosed extenders on cursive p, b, l, and similiar letters are also called loops. Both uppercase and lowercase cursive letters often have extra loops and flourishes. Sometimes the small curve or hook at the end of a j or q is called a loop although it really isn’t.


Lowercase
The little letters or non-capital letters of the alphabet are lowercase glyphs. They make up the bulk of written text, with uppercase or capital letters used primarily only to start sentences or proper names.
The term lowercase is derived from the days of metal type where the more frequently used letters were kept near at hand in the lower case while the less frequently used capital letters were kept in the harder to reach upper case.


Mean Line
The meanline falls at the top of many lowercase letters such as “e,” “g” and “y.” It is also at the curve of letters like “h.





Old-Style Figures
Style of Arabic Numerals where the characters appear at different positions and heights as opposed to the modern style of all numerals at the same size and position are called Old Style Figures. Some Old Style figures sit entirely above the baseline while others (such as the tail on the numeral 9) descend below the baseline. Often Old Style Figures are available only in Expert Character Sets although some fonts may come with both Old Style Figures and Lining Figures (those that sit on the baseline).


Open Counter
The partially open space within a character that is open on one end.





Overshoot
In typeface design, the overshoot of a round or pointed capital letter (like O or A) is the degree to which it extends higher or lower than a comparably sized “flat” letter (like X or H), to achieve an optical effect of being the same size.
Formally, it is the degree to which capital letters go below the baseline or above the cap height, or to which a lowercase letter goes below the baseline or above the x-height.
For example, the highest and lowest extent of the capital O will typically exceed those of the capital X. Although the extent of overshoot varies depending on the design and the designer, perhaps 1% to 3% of the cap or x-height is typical for O. Peter Karow’s Digital Formats for Typefaces recommends 3% for O and 5% for A.


Quaint
An antiquated sort or glyph, used to recreate the typographic flavor of a bygone age.




Serif
 In typography, a serif is the little extra stroke found at the end of main vertical and horizontal strokes of some letterforms. Serifs fall into various groups and can be generally described as hairline (hair), square (slab), or wedge and are either bracketed or unbracketed.
Hairline serifs are much thinner than the main strokes. Square or slab serifs are thicker than hairline serifs all the way up heavier weight than the main strokes. Wedge serifs are triangular in shape. Unbracketed serifs attach directly to the strokes of the letterform, sometimes abrubtly or at right angles. Bracketed serifs provide a curved transition between the serif and the main strokes. Within these divisions serifs can be blunt, rounded, tapered, pointed, or some hyrid shape.
Some special serif-like character parts are spurs and beaks.



Shoulder
The curved stroke aiming downward from a stem. The curve at the beginning of a leg of a character, such as in an “m.”




Spine
The spine is the main left to right curving stroke in S and s. The spine may be almost vertical or mostly horizontal, depending on the typeface.
Beyond typography, a spine is specific type of a mathematical curve and the tool used for drawing it.




Spur
A small projection off a main stroke.





Stem
Vertical, full-length stroke in upright characters. Definition: The stem is the main, usually vertical stroke of a letterform. Also Known As: stroke A main or heavy stroke of a letter.






Stroke
The spine is the main left to right curving stroke in S and s. The spine may be almost vertical or mostly horizontal, depending on the typeface.
Beyond typography, a spine is specific type of a mathematical curve and the tool used for drawing it.




Swash
The spine is the main left to right curving stroke in S and s. The spine may be almost vertical or mostly horizontal, depending on the typeface.
Beyond typography, a spine is specific type of a mathematical curve and the tool used for drawing it.




Tail
A descending stroke, often decorative. Definition: In typography, the descending, often decorative stroke on the letter Q or the descending, often curved diagonal stroke on K or R is the tail. The descender on g, j, p, q, and y are also called tails. The back, last, lower, or inferior part of something.








Teardrop Terminal
The teardropped ends of strokes in letters of some typefaces.






Terminal
In typography, the terminal is a type of curve. Many sources consider a terminal to be just the end (straight or curved) of any stroke that doesn’t include a serif (which can include serif fonts, such as the little stroke at the end of “n” as shown in the illustration). Some curved bits of tails, links, ears, and loops are considered terminals using the broader definition (see the Microsoft Typography site for further explanation).
Ball terminal is a combination of a dot (tail dot) or circular stroke and the curved bit (hook) at the end of some tails and the end of some arms (a, c, f). Beak terminal refers to the sharp spur or beak at the end of a letterform’s arm and the curved bit (terminal) between the beak and the arm.


Tittle 
 A small distinguishing mark, such as an diacritic on a lowercase i or j. Also known as a Dot. A point or small sign used as a diacritical mark in writing or printing.




Uppercase
The capital letters of the alphabet are uppercase glyphs. Uppercase letters are normally used at the beginning of sentences and as the first letter of proper names.
The term uppercase is derived from the days of metal type where the lesser used capital letters were kept in the harder to reach upper case while the more frequently used letters were kept nearer at hand, in the lower case.
Uppercase letters are created on the standard keyboard by holding down the “shift” key while typing a letter or by pressing the “Caps” key then typing (to make all letters uppercase).


Vertex
The outside point at the bottom or top of a character where two strokes meet. A point (as of an angle, polygon, polyhedron, graph, or network) that terminates a line or curve or comprises the intersection of two or more lines or curves.




X-Height
  In typography, x-height is the distance between the baseline of a line of type and tops of the main body of lower case letters (i.e. excluding ascenders or descenders). The x-height is a factor in typeface identification and readability.
Typefaces with very large x-height relative to the total height of the font have shorter ascenders and descenders and thus less white space between lines of type. Sans Serif typefaces typically have large x-heights. In typefaces with small x-heights, other letter parts such as ascenders and descenders may become more visually noticeable.
Typefaces with large x-heights may appear darker, heavier, crowded, and more difficult to read at body copy sizes.
If changing to a typeface with a smaller x-height is not an option, open up the lines of type by adding more leading (line spacing), and not using fully justified alignment.