0

Please see the image. The yellow arrows are spaces/paddings I'm talking about.

If I use the height of my logo (bottom right corner) for all measurements, then this tag and even logo appears little too close to edges. So currently I'm using little more space than the height of logo.

How do you usually determine them? Is there any rule that will eventually make it better or it is just opinion based and can be done what looks better?

enter image description here

Also, I needed the big hashtag. I randomly chose a font size. Should it also follow a rule like 70% of the total width or something like that?

PS: The reason for asking this question is that last time Scott fixed my design by using a method for properly placing an object on design. So I think there might be a rule.

1

It's all really personal preference and design aesthetic.. there are no rules.


I'd use the logo as the basis for spacing...

enter image description here

The logo is used to determine the hight of the hashtag.
Then the size of the hashtag is rotated 90° to determine position of the text.

enter image description here

This would be my preferred configuration.

Hashtags do not have to be "big". If it's readable, it's readable. There is certainly no readability issue with the hashtag here. The larger you make something, the more the connotation of SCREAMING is conveyed. If you do not wish to be loud, offensive, and "in-your-face", then larger is never better.


I cant read it, but I seriously doubt that text needs to entirely be italic. I'd personally prefer to use not italics for a single sentence. Italics are meant to be used for emphasis. In this usage they are merely a distraction.

  • lol do you even know what's written on it? :P Actually it's a Urdu poetry which kind of says "Before the postman comes, I must write another letter to my lover because I know what would he/she eventually reply". I replaced the Postman with Mail, lover with HR Manager, letter with Resume. Berozgar is a word for Unemployed. – Vikas Jan 4 at 21:33
  • 1
    @Vikas it doesn't really matter what it reads. I'm looking at it aesthetically. – Scott Jan 4 at 21:34
  • Did you also use the height X for vertical space between logo and bottom edge of banner? It looks little less than X. – Vikas Jan 4 at 21:35
  • All the green boxed are the size of the logo (X) - made one around the logo and then copied. Any apparent size difference is merely a visual anomaly in the image posting.. they are all identical. – Scott Jan 4 at 21:36
  • 1
    I used the dimensions of the logo... it is not symmetrical, therefore the spacing isn't symmetrical. The hashtag/logo sit above the bottom edge the same distance as the logo is tall. They sit from the left/right edge the same width as the logo. The green boxes are not meant to be "squares" because the logo is not defined by a square. – Scott Jan 4 at 21:52
1

Every designer has his/her own methods, but generally yes I'd say go with whatever looks good.

I personally don't believe in rules much and design things to just look well spaced out, unless there's a very specific branding guidelines document to follow.

In your particular case, it looks like there's plenty of space at the top of the banner, so why not move the logo up, then move the hashtag about 2 times shift+, 2 times shift+ and make it 10-15% bigger font size.

enter image description here

  • Does 2-shift have special meaning? – Vikas Jan 4 at 21:46
  • Presumably you're using Adobe software, and in all these a SHIFT+ARROW will move items by a predefined amount. You can also read this as "20 pixels up and 20 pixels to the right", but the actual amount can be edited via preferences. – Lucian Jan 4 at 22:34
  • Thanks. This is helpful. – Vikas Jan 4 at 22:35
  • The hashtag is coming close to logo after making changes as you suggested. And you said move logo up only. While the hashtag is moved up and on right. So there's different horizontal space around edges of banner and hashtag and logo. I think logo should also be 2-shift left then? – Vikas Jan 4 at 22:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.