Мой, можно сказать, первый опыт создания изображения в иллюстраторе. Ничего сложного, и как оказалось иллюстратор гораздо удобней того же корела. Хотя есть тоже некоторые раздражающие моменты.

Молекула фуллерена. Фуллерен это особая форма соединения атомов углерода. Углерод широко известен двумя своми формами — алмаз и графит. Фуллерен это третья. А есть еще и углеродные нанотрубки… =)

Схема технологии скважинной гидродобычи для Сибирского промышленного холдинга. Нарисована полностью в фотошопе вектором.

Если мы хотим, чтобы нас услышали, мы должны говорить на языке слушающего нас человека.

Существует множество языков, которые человек использует при передаче информации. Я имею ввиду не набор слов принадлежащих определенной территориально обособленной группе людей, а способ мышления, и некоторое количество образов, находящихся на поверхности, ярких образов имеющих определенные ассоциации и значения для человека… (например: «козел» — для кого-то это оскорбление, для других просто животное, а для некоторых это Фрэнк)

Есть некий универсальный язык и его образы, одинаково понятные и достаточно эмоционально яркие для всех. Обычно это то, что близко каждому из нас. Редкие личности останутся равнодушными или вовремя сделают вид, что не заметили слова «охуеть» в рекламе Евросети некогда звучащей во всех радиоэфирах. Редкие люди подумают что «ЙУХ» это зачем-то неправильно написанное слово ЮГ. Это лежит на поверхности, это задевает, это не оставляет вас равнодушными. Это универсально как показать жопу со сцены.

Если подходить к этому явлению более разумно, и пытаться стать ближе и понятней своему предполагаемому клиенту, нам нужно начать говорить на его языке, причем формулируя его предположительные цели, его же словами. Это значит при создании сайта нужно ориентироваться не на сформулированные компанией цели и задачи, а на те, которые могут стоять перед пользователем — предполагаемым клиентом компании. А они могут очень сильно отличаться. Если компания говорит о себе как о «динамично развивающейся, с широким уровнем сервиса, и высоким ассортиментом выпускаемой продукции», то для меня, как пользователя, это абсолютно пустой звук. Разве только я подумаю, что маркетолог компании только что закончил институт. А когда я хочу купить утюг, и вижу что на сайте написано: «КУПИТЬ УТЮГ», рука как-то сама тянется.

Правда я знаю одного человека, который умудряется и жопу показать, и оставаться при этом мастером (по крайней мере, в моих глазах), но это тема отдельного разговора.

В дизайне работают на руку выразительности:

1. Цветовой контраст (здесь и яркость, и насыщенность, и сам цвет на цветовом круге).
2. Контраст размера, взаимного положения объектов, масс, форм.
3. Динамика/статика.
4. Контраст стилей, элементов оформления, шрифтов и контраст смысла, в конце концов.

Привычки — это пути, которыми мы ходим, проторенные тропинки. Человек проходит путь впервые — знакомится, второй раз — понимает, третий раз — привыкает. На пути встречаются новое — подстраивается (это тоже входит в привычку). Большинство привычек — дурные, сложившиеся случайно, хотя, конечно, и с учетом предлагаемых обстоятельств, но последние меняются, а тропинки остаются. Еще долго мы будем обходить дом, который снесли, озерцо, которое высохло просто потому, что есть тропинка. «Юзабилити» — это вера в удобство, в то, что нам не придется переучиваться, вера в проторенную дорожку, в  неизменность. Но, как известно, единственное, что неизменно в этом мире — это перемены.

Человека нужно учить хорошему. Не каждый достиг цели наиболее коротким путем, но он ходит им, потому что привык. Несомненно, есть некоторые правила, не зависящие от случайного стечения обстоятельств, толкнувших нас когда-то пройти тот путь именно так, а не иначе. Эти правила можно назвать аксиомами. Аксиомы « юзабилити» — это Аксиомы Здравого Смысла.
И способность современного человека быстро и легко привыкать к новому — Высшая аксиома « юзабилити».

Вот, по моему мнению, некоторые Аксиомы Здравого Смысла, то, что понятно всегда и всем и воспринимается как умолчание в процессе восприятия новой информации, и помогает нам ее легко структурировать и складывать по полочкам, для последующего быстрого к ней доступа:

1. Родство. Логические связи. Родовое дерево. Матрешка. Свойство фасета. Ссылка. Непосредственная связь. Указание. Стрелка.
   В дизайне:
   • Положение. Объекты, расположенные близко друг к другу, воспринимаются связанно (рядом, внутри, пирамида, иерархия).
   • Форма. Между объектами одинаковой формы также устанавливается родственная связь.
   • Цвет. Предметы одинакового цвета объединяются.
   • Динамика. Тоже самое.

   Следующий, более высокий уровень родства – закономерности. Логическая последовательность. Неочевидная связь элементов. Циклы. Сюда же входят и ассоциации, привычки, шаблоны, паттерны. (Какого цвета холодильник? Что пьют коровы?)

2. Архетипы. Стереотипы, сложившиеся в результате воздействия среды обитания, красный цвет – активней голубого, поступальное движение – слева направо (традиция письма), белое легче черного, восходящее движение.
3. Иерархия приоритетов.
   • Важность информации (Со стороны предоставляющего).
   • Необходимость информации (Со стороны ищущего).

Еще кто-то говорил что «юзабилити» — плохое слово и предлагал вместо него использовать слово «удобство», тогда якобы все встанет на свои места, но то, что удобно цезарю, не удобно быку. Я бы предложил использовать вечное сияние чистого разума. Всегда и везде.

При создании хорошего, а, значит, понятного сайта самое большое внимание нужно уделить иерархии приоритетов: что нужно показать человеку в первую очередь, о чем рассказать во вторую, что преподнести в третью*. Вот в этом нам очень сильно помогает именно визуальная составляющая, поэтому она должна строго подчиняться только лишь определенной нами заранее иерархии приоритетов преподнесения информации и жестко контролироваться на каждом этапе создания на предмет соответствия (казалось бы, все это элементарные вещи, но почему то мы всегда об этом забываем и делаем, как привыкли — сваливаем все в одну кучу, но от дурных привычек, как я уже говорил, рекомендуется избавляться).

1. Чтобы выстроить иерархию, нужно выстроить иерархию.
2. Без иерархии никак. Даже если от нее отказаться сознательно, глаз будет находить приоритеты на свое усмотрение и в процессе восприятия информации создаст свою иерархию, которая будет очень сильно отличаться от замысла, владеющего разумом создателя визуального воплощения. Это хорошо только в том случае, когда мы хотим чтобы воспринимающий в сотворчестве с автором создал свой неповторимый образ.
3. Если вы хотите чтобы сайт продавал кактусы нужно показать лучшие кактусы лицом (как бы это ни казалось банальным).
4. Чем меньше элементов в уравнении, тем больше вероятность, что это уравнение будет понято. Например:
   • Разделяя меню на два блока: «продукция» и «о компании», мы облегчаем ориентацию в пространстве.
   • Уделяя максимум внимания структуре меню — облегчаем поиск нужного пункта (из семи представленных найти легко, из двадцати семи — трудно.)

У меня есть примерно одна целая три десятых мегапикселя моего скромного монитора. У каждого пикселя этого монитора есть шестнадцать миллионов семьсот семьдесят семь тысяч двести шестнадцать градаций цвета и яркости. Итого, если возвести второе число в степень первого числа, мы получим количество вариантов, которые можно воспроизвести на небольшой площади диагональю в девятнадцать дюймов. Конечно, не столь большое число – 16 787 216 ^{1 310 720} (кстати, сколько это будет?).

Но!
Даже если отсечь те сочетания, в которых заведомо нет и не будет смысла, и те, отличия между которыми не столь значительны, я уверен, что оставшихся вариантов хватит даже не на одну мою жизнь.

Как вы думаете, может ли после этого меня интересовать что-то еще?

Конечно может!