Tag Info

Hot answers tagged

125

Stay Simple - Don't try to do anything too fancy or adventurous at first. Get the basics down first, then you can start experimenting. Don't try to emulate the Star Trek computer interface. Be Consistent - A consistent design is part of the foundation of a good design. Keep track of your margins, sizes, and placement and maintain them throughout the design. ...


53

In many fonts you will indeed find hardly any difference between using the Unicode characters for Roman numerals and just composing them from stardard Latin letters. For example, the following shows Louis VII (top) and Louis Ⅶ (bottom, using codepoints for Roman numerals) rendered with FreeSans: Apart from a tiny difference in spacing, which was propably ...


26

This might not answer your question completely, but as part of my workflow, I use this technique sometimes. When trying to pick a colour palette (at the very beginning of the creative process), I try to recall from my memory an image or painting that fits the "mood" or "content" of the project. Then I take that image and, using Photoshop, I apply a ...


22

The older convention was that the style of punctuation matched the immediately preceding context: That's the Chicago Manual of Style (3rd edition, 1911), but the same convention can be seen in a French equivalent: Désiré Greffier, Les règles de la composition typographique (Paris: A. Muller, 1897), pp. 54-55. And it's not only an older convention, as the ...


21

TL;DR The Unicode consortium recommends using the latin letter where possible and not the numeral, which where included for compatibility with East-Asian typography. The full story : (with justification of the above assertion) Unless you are doing some East-Asian typography, using the (non-archaic) Roman numeral characters from unicode (U+2160 — U+217F) is ...


19

Jim Krause's design basics index gave me a very good summary of the basics of composition, color and type. I wasn't a huge fan of most of his own examples, but they illustrate his points really well and he touches on a few valuable things I haven't seen mentioned much elsewhere. And perhaps most importantly, reading it made me really excited to go out and ...


18

The basics from Favicons - Best practice for 2013: ICO favicon.ico (32x32) PNG favicon.png (96x96) Tile Icon tileicon.png (144x144) Apple Touch Icon apple-touch-icon-precomposed.png (152x152) And a "painfully obsessive" cheat sheet to favicon sizes/types on GitHub. Always worth a read: ...


16

From a technical standpoint, ideally the logo should be readable on any of the colors that your office uses for that particular logo. The question of printing on white or black is typically necessary for certain branding principles, but in some cases there are examples that show certain designs that are required to be printed only on certain colors, and ...


16

There's sometimes a slight overlap between web development and web design, but I don't think web developers should try to be full-time designers unless they're willing to put as much effort into it as they did learning to program. It's not something that you can just dabble in on weekends and be good at. If this is so you can learn to be your own web ...


14

I'm a programmer myself and for me the following books where very helpful for me: The Non-Designer's Design Book - Robin Williams - This books covers the basics of graphic design. Drawing on the Right Side of the Brain - Betty Edwards The book for developing your drawing skills. The Humane Interface - Jef Raskin This book provokes some thoughts about user ...


13

I think it's great that you're being so detailed. The smallest of details are noticed by the reader, even if it's just subconsciously. I'm sure there are a lot of different opinions, and I'm sure that in the end it comes down to personal preference, but I would say you only include formatting on elements that are part of the nested statement. This isn’t ...


12

SVG is scalable, if you have a vector-graphic that is a clear advantage. For pixel-graphics PNG is better. A downside is, that the Internet Explorer supports SVG only with the coming version 9 (before with plugin). Mobile browsers may also have limited support for SVG. EDIT: As ClemDesm points out, older IE-versions don't support fully transparent PNG, ...


12

This actually sounds like a question more about creativity and getting out of a comfort-zone than about technique but I will answer the technical side. How do you determine what colors work well for what objects? (i.e. "bright red on a canary yellow is too bright for good readability", etc.) This question is a little general, but to address your ...


10

I've been doing my own research and found an option that seems to work okay. It gives the writer an imperfect but near-accurate version of the layout to work in, and takes almost no time away from real work to produce it. It's based on turning a PDF into a Word doc... the very idea of which makes me feel unclean... but it seems to work, and the copywriter I ...


10

Perhaps not relevant to all cases, but for web prgrammers one of the biggest things that stands out to me, which perhaps bridges the gap a little bit, is to learn CSS inside and out, as being able to design well doesn't mean anything if you can't integrate it into your project that you are creating.


9

Nate implied this in passing but I think it's worth emphasizing: one of the key features for a logo is for it to be effective (readible or legible and recognizable) at very small sizes, medium sizes and very large sizes. Some designers make variations for different situations, but in general it should be able to communicate its message equally well as a ...


9

Semantically, the typeface of the punctuation should be determined by its degree of association with the preceding word. In the example given for the Chicago Manual of Style, the exclamation mark after Banzai! belongs to the word itself, rather than marking the end of the enclosing sentence, so it should clearly be italicized, but that doesn't mean that all ...


9

From a perceptive of how it looks there may not be much of a difference. So if you publish only printed material then no difference, except in some fonts as Wrzlprmft points out in his excellent answer. Semantics are important The semantic difference is huge. By using roman numerals it makes it blatantly clear that you're talking of the number 5 instead of ...


9

When I pick a color palette I narrow my selection to a max of 3-5 colors but I expand on those colors. For example, I usually run a script in Illustrator that will allow me to place each color in its own master palette and a variation of the color based from highlights and shadows I've used throughout the year help produce a HEX and RGB output in CSS. This ...


8

I would say PNG simply for the fact it seems to be a more accepted format than SVG.


8

Sooner or later, a company logo will need to be reproduced in just one solid colour/channel, where even halftoning or greyscale aren't achievable. You'd normally use a special variant of the logo for these purposes of course, but you need to consider how the underlying design will adapt. Will it still be recognisable? Perhaps not if effects, or even ...


7

In 2004 I found myself halfway between both worlds, as I had been for most of my life -- I'd been doing web since HTML 3.2 in the dot-com days; raised with an Apple //e by parents (a choreographer and an educator) who allowed and encouraged me to spend a lot of time with art. Design is not art, and in fact some of its more algorithmic patterns line up nicely ...


7

To answer your questions by order I'd say : Keep older drawings Even crappy one can be a source of inspiration one day. Any medium would do the trick. Try many and choose 2 or 3 at the end. Stick with it if you enjoy using them. It can even be computered drawing too. It depends on what you're working on. For example, for webdesign, there are ...


7

I've helped a few organizations - some were ongoing, others were one off tasks. Most of the organizations were from Idealist.org The issue was complete lack of organization: One organization posted looking for someone to design and send out their newsletter. They tell me they're interested and would be in touch. Next thing I know they're telling me I'm ...


7

This tool is a super time saver. Try it out! It takes care of everything for you. Upload your image at something around 800px x 800px so its nice and crisp. http://realfavicongenerator.net/ Also add this meta tag so you can name your icon if some saves to there iOS device. <meta name="apple-mobile-web-app-title" content="Website Name"> Hope that ...


7

The simple answer here is use both. The fact that you've named SVG as an option, means we can rule out photo graphics as an intended use case - because SVGs are only good for line-art graphics such as logos, icons and clip-art-like illustrations. If you are considering this choice for photo graphics, there is no choice; PNG will probably always be better. ...


7

The best practice is to acknowledge that you have no real control over line breaks on the web and it's best to design with that in mind. Any solution to the contrary will, invariably, have to be hacky. As it will be a hack as HTML doesn't adhere to user defined line breaks outside of hard coding. You could do it with JS fairly easily. Set up your break ...


7

I'm only advising this on the basis that it's used for short snippets of text and not paragraphs. The formatting of headlines can and should be controlled as much as possible within reasonable limits. JavaScript, or extra unnecessary elements are not quite "reasonable limits". Non-Breaking Spaces on the other hand... ...


7

There's an art to it In visual perception a color is almost never seen as it really is — as it physically is. This fact makes color the most relative medium in art. // Josef Albers Color theory is where the physics of light and the psychology of color become much more than their scientific parts. Like choosing and setting type well, using color ...


6

In my experience, sooner or later most company logos need to be reproduced in just one solid colour, or 'channel' in applications where even halftoning/greyscale aren't achievable. Fax used to be the classic example. This isn't often a concern these days - but here are some other real life examples I've dealt with: Low resolution single colour printing: ...



Only top voted, non community-wiki answers of a minimum length are eligible