Tag Info

Hot answers tagged

124

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. ...


52

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 ...


21

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 ...


19

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 ...


18

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 ...


16

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: ...


15

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 ...


15

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 ...


13

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 ...


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

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

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

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.


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 ...


9

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


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

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

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 ...


8

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 ...


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

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: ...


6

This stretches the question a bit, but as well as the logo artwork itself, you're going to need to need some guidelines on how to use it. This might be as simple as a couple of bullet points, e.g. Only resize the logo proportionally - don't stretch it in one direction Make sure it's legible - e.g. don't place a red logo on a red background, ensure text is ...


6

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 ...


6

Good question. I've never done web design in multiple languages. Well, not manually. I've used some multi-language CMS template packs like Smarty. I honestly don't know how well they work though. And it ultimately wasn't any concern. I've never had a client specifically ask for web design in a language other than English. However...... I have done print ...



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