With love for details Interview

26 March 2008

Finding the idea.
Part 1: think before you think.

In my previous articles I mostly dealt with the matter of how to draw. Certainly there may be some reader who is plagued with a question: why not a word has been said about what to draw? I apologize to this reader, and correct my mistake.

What to draw? How to find a metaphor? From where to pull an idea? An icon remains the icon until it is readable, recognizable, understandable. If you are an icon designer you don’t have a universal excuse “It’s my view!”. If your customer is silently watching your creation like a hen watching a Faberge egg then try to turn all thing into a joke before he or she asks you any further question.

The process of inventing a metaphor can be very long and very painful, and often it is a staging point after which you may sigh with relief and relax for a bit. Some designers run into this process and catch every idea they spot around, others are thinking slowly and consecutively, sometimes with a face full of sorrow. But the result has a great chance to be dumped in case if the preparatory work hasn’t been done.

Before you sit and invent the idea you must be sure you understand your task, conditions and goals. Once again, the designer’s work is utilitarian. Like a cook who starts with buying products, finding a recipe, counting a number of guests and checking if anyone has any allergies, the designer should take similar steps before he actually “cooks”.

So, what you should think about before inventing the Idea.

Size

It has been a sweet time when icon sizes ranged between something small and something tiny. But now it’s gone. Icons know no limits these days, either hiding into several pixels, or filling almost the whole screen.

Why does it matter?

  • the smaller size you have, the lesser variants you can choose from. You can’t fit a piano keyboard with 88 keys into 16 pixels.
  • the smaller size you have, the more strict requirements for icon readability you have to follow. (but as a benefit you can decide in favour of simplier metaphor instead of puzzle over something more creative).

For example: we want to make a xmas presents icon.

A big icon lets us draw Santa, and his red nose, and his sack, and there is even a room for a couple of deers. A small icon can only handle a sock.

Context

An icon is a part of an interface and therefore must meet the requirements of the environment in which it is built. Context wants something round — then be round. Environment wants something bright – then glow! Neighbourhood requires sweetness – add some sugar, honey!

That is, if you create an icon for the site of mattresses and pillows it makes sense to bypass the scope of ideas, in which we draw a cup of coffee on “about us” section.

Activity

A very important parameter, which for some reason is often not even taken into account.

What does your icon do? What action does it commit?

  • When it describes or reports something - more attention should be given to image itself and it’s details.
  • If it calls to action – you should focus on the active component.
  • If it prevents or prohibits something – then it has to to be a bright, visible, instantly recognizable.
  • If it makes advances or entertains - then you have an open space for imagination and innovative solutions.

For example, the similar metaphor looks different in different cases:

Icon for
«Our service».
Icon for
«Call service»

Another example. What would you put into icon which is intended to say: “Please don’t walk along this house, because there are some builders working on the roof and they are well known for dropping bricks”?

Would your icon look like this? Or like that?

It may seem that all these preparatory stages are redundant limiters, which only hamper the brain and prevent you from bathing in ideas. And what about brainstorm rule that is “no rules” actually?

Do not hurry with conclusions. These “restrictions” instead of braking minds build a track, which will help us not to go round and round the deserted field, but bring us to the correct metaphor straight and smoothly, and with hardly any traffic lights.

How to go there — will tell you in a second part.

Denis Sazhin
Iconka.com


13 Comments

  1. maiik on 26 March 2008 at 3:50 PM (Reply)

    спасибо, познавательно. все, конечно, очевидно, если задуматься, но примеры классные

    1. Denis on 26 March 2008 at 3:54 PM (Reply)

      вот именно, что очевидно.
      Но часто встречаются ситуации, когда нарушаются базовые очевидные вещи, и это пытаются замаскировать нестандартной метафорой или же тщательной отрисовкой.
      Да и заказчики часто не могут понять, почему вместо “креативной” метафоры в той или иной ситуации им предлагается более “скучный” вариант.

  2. nekropolin on 26 March 2008 at 4:18 PM (Reply)

    Денис, спасибо за статью, Вы не только прекрасно рисуете, но и отлично пишете )

    P.S. Единственное, с чем не соглашусь, так это с незаслуженно отвергнутой чашкой кофе для сайта матрасов-подушек. Ведь если сделать ее на подносике, да с булочкой, то это же будет “кофе в постель” - вполне себе по теме )))

    1. Denis on 26 March 2008 at 4:25 PM (Reply)

      Спасибо :)

      Про кофе с булочкой — это вопрос акцентов. Если мы создаем настроение для мягкого сна, то крутой кофе нас из него напротив выбьет.

  3. Roustem on 27 March 2008 at 10:39 AM (Reply)

    Вобщем то все понятно.

  4. Anna on 27 March 2008 at 2:49 PM (Reply)

    Невозможно прочитать пост русскоязычным пользовтелям с английской виндой… :(

    1. Denis on 27 March 2008 at 2:57 PM (Reply)

      А так?
      http://ikonka.ru/blog/59/lang/ru

  5. 1een on 1 April 2008 at 9:27 PM (Reply)

    Здравствуйте! Немного не в тему, но все же http://www.freeiconsdownload.com/Free_Downloads.asp?id=237

    Работы у вас супер!

  6. Gabriela on 2 April 2008 at 3:14 AM (Reply)

    спасибо за статью, мне она очень понравилась

  7. miiiiia on 3 April 2008 at 6:57 AM (Reply)

    Кстати, про контекст можно добавить, что в россии мало кто знаком с носком для рождественских подарков из главы “Размер”. Потому что у нас не пользуются такими носками. Думаю, это плохая метафора нового года.

    1. Denis on 3 April 2008 at 9:58 AM (Reply)

      Ну, до сих пор я не получил ни одного вопроса “а почему носок?” зато много упреков, что носок - не российская метафора :) Так что практически все знают, только не хотят.
      Но мы ведь работаем не только на российскую аудиторию.

  8. aboutubuntu on 11 May 2008 at 9:57 PM (Reply)

    V удовольствием бы ещё почитал про генерацию метафор для каких-то предельно общих категорий. Скажем, когда создается иконка для блога, то там «создать» скорее всего будет связано с написанием какого-то нового поста, потому логично увидеть ручку, бумажку или человечка (автора) с «идеей-лампочкой» на голове. А вот если делать пиктограммы, например, для целой операционной системы, где создаваться может файл, ярлык и ещё что-нибудь неожиданное. Тут применимы только составные метафоры (какой-нибудь мини-плюсик отражает создание, а далее дорисовывается чего-именно создавать)?

    1. Denis on 12 May 2008 at 3:09 PM (Reply)

      будет, дайте только срок :)
      давно уже вторая часть просится на выход, да.

Leave a comment