New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus • Advice and insight from world-class Apple enthusiasts • Exclusive access to members-only contests, giveaways and deals

Join today!

Start a Discussion

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Images, Graphic Design, and Digital Photography Discussion of all things graphics.

On the difficulty of text placement

Post Reply New Thread Subscribe

Thread Tools
Posts: n/a

At school, we are now into learning how to create a grid to help us construct well balanced ads and pages.

It's funny how part intuition, part analysis come into play with text placement. You have to develop a sensitivity to typefaces, the weight of the grey they create as opposed to the white of blank spaces, choosing the right type for what you want the ad to say. You can also choose the type for the space limitation you have, etc.

What works and what doesn't? That's what we are trying to learn. At first, I would have dismissed it as artsy fartsy stuff but I am more and more getting into this type of thing. I really like the thought process behind all this.

The first screenshot is the grid I am using, the second is the first version of the ad, the third is the latest version of the ad. In the last version, I cheated a little and didn't completely respect the grid I created because I felt there was a lack of balance in the ad.
Attached Images
File Type: png Grid.png (4.4 KB, 11 views)
File Type: png First_version.png (121.9 KB, 23 views)
File Type: png Latest_version.png (122.4 KB, 21 views)
QUOTE Thanks

yogi's Avatar
Member Since: Jan 14, 2005
Location: St. Gallen, Switzerland
Posts: 1,973
yogi is a name known to allyogi is a name known to allyogi is a name known to allyogi is a name known to allyogi is a name known to allyogi is a name known to allyogi is a name known to all
Mac Specs: iMac Core i5, iPad, iPhone 4

yogi is offline
Hmm... let me make some first impression remarks:

1) Too many typefaces. The eye is getting confused and doesn't know what to read.

2) The publisher's logo feels liek it's fallen out of the rest. It's better in version 1, or just move it further up or down in version two. It's kind of overlapping now.

3) The D and e of "De" are to far away. The D is too big, and the gradient bar under it seems cluttering. Try placing the D inline with the paragraph.

Just some critical thoughts, otherwise it's quite good.

If you liked this post, consider using the Reputation System.
QUOTE Thanks
Posts: n/a

Well the hierarchy I saw was that the publisher's logo is seen twice: on the book cover and somewhere in the ad. The repetition, I thought, gave me the liberty to put the logo in the text smaller.

For the ad, I used only two typeface families, Égyptienne (Roman) and Avenir (Roman Oblique). Égyptienne because of the serif, brings a feeling of "ancient" or a notion of history with it. Avenir brings in a feeling of "contemporary" ( -> modern translation).

For the gradient bar, it was just an experiment. I had first tried out a grey 6pt line but thought it didn't give a big enough punch.

I will keep on trying things, see where your suggestions might take me, yogi. Thanks for the constructive comments.

We are slowly getting into the "Swiss school" grid for text placement, btw.
QUOTE Thanks

D3v1L80Y's Avatar
Member Since: Feb 02, 2004
Location: PA
Posts: 12,459
D3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond reputeD3v1L80Y has a reputation beyond repute
Mac Specs: MacBook

D3v1L80Y is offline
Well your latest version definitely clears up the issue with the orphan in the second paragraph. Also, the ragged-right is better than the original justified type. Justified type really only belongs in newspapers, and that is about it.

As for the drop-cap, did you use the same font face for both versions? It looks like you bastar.dized (yes, this is an actualy industry term, kids :black: ) the font a bit, you should really try to avoid that if you did.

The logo placement in the copy does seem a little better in the first version, its okay to have a little white space in the right column.

It is a very good use of a grid, though.

Posting and YOU|Forum Community Guidelines|The Apple Product Cycle|Forum Courtesy

mac: a waterproof raincoat made of rubberized fabric
MAC: a data communication protocol sub-layer, also known as the Media Access Control
Mac: a brand name which covers several lines of personal computers designed, developed, and marketed by Apple Inc.

QUOTE Thanks
Posts: n/a

Thanks DB!

Yeah I wasn't working on the orphan lines at that point. I was more concentrated on simple text placement first, then tweaks would be done later once I was satisfied with the general look of the text.

And about the drop cap, yes I did scale it.

Here is my latest version of the ad... Got rid of the scaled drop cap and kept the type as the font made it.
Attached Images
File Type: png Ad_latest.png (123.7 KB, 11 views)
QUOTE Thanks

TenderSurrender's Avatar
Member Since: Aug 02, 2006
Location: Suffolk, UK
Posts: 1,458
TenderSurrender is just really niceTenderSurrender is just really niceTenderSurrender is just really niceTenderSurrender is just really nice
Mac Specs: MBP - 2.66Ghz Core 2 duo, 4GB Ram, 320GB HDD, Geforce 9400m + 9600M GT (256mb)

TenderSurrender is offline
Reminds me of the same sort of techniques required in composition for photography using a grid to help. (Rule of thirds)

Good work with the ad MHC

~~ TS ~~

JEMDNA Photography - Clicky to see latest work
“Punk is not dead. Punk will only die when corporations can exploit and mass produce it.”
QUOTE Thanks
Posts: n/a

Thank you kind sir. :girl:
QUOTE Thanks

Member Since: Dec 04, 2006
Location: Chattanooga, TN
Posts: 92
chicago is on a distinguished road
Mac Specs: MBP 2.33GHz Intel C2D 2GB 667MHz DDR2 SDRAM 120GB SATA 2GB SDRAM

chicago is offline
Seriously... what's the point of that gradation? I think it's just visual noise and doesn't do anything for the ad.

Also... right justifying the copy associated with the photo isn't a good move. You've disassociated that information with the image. In addition, it seems as though you're putting more leading at weird places in that copy. I can't read it b/c I don't know the language, but it seems you have awkward line spacing in your sentences. Visually, it doesn't make sense.

Bring the heading close to the body copy and increase the leading some. Let your copy breathe. It's heavy. Let some air get between your lines there. It'll add to your modern feeling that you wanting to get and will also step your add up a bit.

Check your line breaks. You've got words hanging off at the end of the lines that are wanting to fall to the bottom of the page.

In your second paragraph... on lines 4 and 5 you need to replace your hyphens (-) with dashes (—) and take out the spaces before and after it.

I don't quite understand why you have the drop cap in a sans serif. It honestly doesn't add anything to it b/c your heading is a serif and your copy is a serif. That drop cap is alienated and fights. Either place your heading in the same sans as the D... or change the D into the same serif as your heading and copy.

PS: Sorry if any offense it taken by my thoughts. I'm a product of my boss at the firm I worked for before I moved to another state. You should look at other adds that have been published. Look at design annuals and analyze the type. Why does it work? Why does it give the feel that it has? Etc....

QUOTE Thanks
Posts: n/a

No offence taken. It's after all constructive criticism.

If I were doing this home work in Quark, I would know what to do about the spacing and (sorry I don't know the English term for it but..) espace fine insécable and tweaking of letter spacing.

This is the first assignment we have where we have to use Illustrator for something else than vector drawing. On Monday (tomorrow), I will show this to the teacher and will ask how I can tweak the type a bit further.

I will change the poem to be ragged right though, instead of being ragged left, you are right it does separate the book cover and what it contains, the poem.

Thanks for the ideas. Cheers!
QUOTE Thanks

Post Reply New Thread Subscribe

« iPhoto issue importing | I'm anewb and need some quick help »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread Starter
Last Post
Safari Text Size Y2J OS X - Apps and Games 3 02-15-2007 03:14 PM
Help - all text is appearing with a "shadow" - how to smooth/sharpen it? nmr1279 Apple Desktops 16 07-17-2006 11:04 AM
Safari text size schwine OS X - Apps and Games 4 03-21-2006 12:15 AM
text reflow problems from Quark 4.1 to Quark 6.5 plevault13 Running Windows (or anything else) on your Mac 2 09-30-2005 02:59 PM
text reflow problems from Quark 4.1 to Quark 6.5 plevault13 OS X - Apps and Games 0 09-30-2005 01:57 PM

All times are GMT -4. The time now is 07:20 PM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.

Welcome to

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!

(4 digit year)

Already a member?