Быть дизайнером и делать что-то для себя, возможно, самое трудное задание которое только можно придумать. В принципе, многие его даже боятся. Особенно, когда составить правильное представление о себе и своих навыках в Сети не просто важно, а жизненно необходимо. В конце концов, если ты не можешь показать что умеешь на собственном веб-сайте, то где тогда? Вполне возможно, что именно так будут думать и потенциальные работодатели.

Ниже мы рассмотрим препятсвия которые стоят на пути «дизайна для себя». 10 простых правил, которые помогут создать лучший дизайн на который ты способен. Размажем темную сторону по стенке так сказать.

Борьба внутри.

Отличный пример двойственности человеческой натуры, это не шибко популярная у нас история доктора Джекила и мистера Хайда (на картинке). Двойственность – исследование добра и зла, внутреннего конфликта творческого человека. Для дизайнера это может быть очень сильным инструментом в руках, конечно, если знать как им пользоваться.

Правило №1: Пункт назначения.

Когда садишься в машину, то просто начинаешь ехать в надежде попасть в нужное место? Ведь нет. Ты знаешь куда хочешь поехать еще до того как там оказался. То же самое и сайтом. Спроси себя что должно быть в результате. Не бойся сказать – «Крутой сайт!». Возможо это именно то, что нужно показать заказчику, свой опыт. То, что потом разойдется по форумам и галлереям-сборникам лучших сайтов. Это может быть эксперимент или совместная работа с другим дизайнером, но в любом случае все должно быть сосредоточено вокруг общей идеи и цели.

Правило №2: Создай порядок.

Помнится был классный фильм Mad Max, про мир где не было правил и с главным героем могло произойти все что угодно. Прекрасный пример того, что происходит когда нет порядка. Чистый хаос, первый шаг в котором создать границы. Некоторые скажут – «Возьми проект, поставь дедлайн». А я скажу, что не верю в то, что  самоограничение не убьет творческий потенциал. Чем ближе к дедлайну, тем больше мыслей о том как его отодвинуть. Избавимся от них сразу.

Опредили задачи которые четко соответствуют целям. Обозначь структуру (например: блог, портфолио, о себе, контакты). Реши точно что ты хочешь получить в конце проекта.

Правило №3: Контент здесь король.

Будь максимально точен с тем чего хочешь добится на каждой из страниц. Это значит, что сначала нужно опредилиться с наполнением. Понятно, что это портфолио, но тем не менее что-то же нужно оформлять. Сколько раз заказчик просил дизайн не сказав ни слова о том, что он там собирается размещать, или с обещанием прислать контент в самое ближайшее время (за день до запуска). Не делай этого с собой.

Нет смысла писать заранее каждую строчку. Но опредилиться с тем будут ли линки в подвале, большая биография на странице «Обо мне» или, возможно, с чего будет начинатся порфолио, просто необходимо.

Правило №4: Хватит сравнивать.

Всегда есть кто-то лучше тебя. ВСЕГДА. Но помни: у него тоже первые несколько сайтов были полной лажей. И не просто лажей, возможно это были самые никакущие сайты которые когда либо были созданы. К чему тогда загибаться ради того что бы сделать один сайт с первого подхода? Ты никогда не станешь лучше не начав что-то делать.

Хватит использовать другие сайты как опору, в бесцельном поиске, попытках зажечь чью-то идею. С того момента как четко определены цели и есть понимание чем наполнить сайт, ты сможешь быстро двигатся дальше до того момента пока не будут найдены пути решения. Самое время ПРЕКРАТИТЬ смотреть.

Правило №5: Придется попотеть.

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

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

Правило №6: Непробиваемый бренд.

Вот одна из важных вещей которые я обнаружил: такого как ты больше нет. Звучит просто, но это правда.

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

После создания бренда в нем уже не будет дыр. Именно поэтому он непробиваем. Стань лучшим дизайнером в своей нише. Используй это для создания текущего сайта и его будущих версий. Все становится намного проще когда ты знаешь кто ты.

Правило №7: Совершенствовать можно бесконечно.

Сейчас самое время избавится от внутреннего критика. Если ты слышишь что кто-то говорит тебе что это плохо, не слушай (это касается и своей же головы). Будь реалистом. Ты можешь доводить дизайн еще следующих несколько лет и все еще быть недовольным результатом. После того как все предыдущие правила были учтены, сформировать свой стиль и найти нужный дизайн будет намного проще.

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

Правило №8: Это оно.

Так как узнать что это оно? Когда уже достаточно? Отпусти свои «ферменты» дизайнера на пару дней. Когда посмотришь на свою работу снова и почувствуешь что все нормально или даже лучше, значит ты на правильном пути.

Дэнl: «Но как мне узнать что моя картина та самая?»
Мияги: «Если сделал от души, то она всегда та самая.»
– из фильма «Парниша Карате»

Правило №9: Ты не креативный гений.

Одна знакомая как-то говорила, что вдохновение или «гениальность» это часто совсем не то что идет изнутри, а скорее реакция на вещи которые нас окружают. Что-то вроде Музы из греческой мифологии. Она просто снимает напряжение с изобретательного человека. Эта мысль действительно изменила мой взгляд на творчество и способы нахождения идей.

Правило №10: Сила с тобой.

Все эти правила вместе очень мощный способ преодолеть внутренние сомнения на пути создания дизайна для себя. Используй то что создал в рамкого каждого из них и не сбивайся с пути.

Например, если видишь линк на крутой сайт после того как начал свой, используй Непробиваемый Бренд. Подумай о целях этого классного сайта. Он работает только для того, другого дизайнера, но не для тебя. А ваши цели могут очень сильно отличаться. Просто посмотри, и продолжай делать именно то, что нужно тебе.

Автор: Francisco Inchauste, How to Design for Your Worst Client: You
Перевод: Viacheslav Ozerov, Дизайн для самого ужасного заказчика. Себя.

© 2009, From «Absolute Advertising» | Permanent link | Comments: 5
Want some more? Browse all posts from category: «Статьи.»

Связанные записи

• Работаем с сеткой и «960 Grid System» (8)
• Креативная реклама: «Imaginator 2.1» (0)

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

1. Никогда, ни при каких обстоятельствах, не отдавать клиенту лого которое не нравиться самому себе. В подавляющем большинстве случаев это будет двойная или даже тройная работа. Худшим поступком может быть только — «Вот эти два уродца сделаю для галочки, и на фоне них они полюбому выберут вот этот классный». Выберут НЕ «классный», и потом опять придется много и долго думать как выходить из положения, если не тебе, то уже другому дизайнеру. Уважение к себе и коллегам в первую очередь.
2. Только Adobe Illustrator. В отличии от веб-графики, применение фотошопа при разработке логотипов для повседневной жизни абсолютно неоправдано. Особенно учитывая, что различные элементы лого будут использоваться в фирменном стиле, и люди, чей бизнес находится вне Сети, обязательно захотят увидеть наружную рекламу различных форматов. Забудте про растровые редакторы при работе над логотипами для оффлайн компаний.
3. Не участвовать в тендерах, конкурсах и работе, где за прием дизайна отвечает больше одного человека. В этих случаях даже не важно что рисовать. В памяти есть примеры когда в равной степени «улучшались» как ужасные творения в духе творчества секретарши, так и действительно сильные работы людей знающих свое дело. Результат всегда один и тот же — масса потраченного времени/нервов и логотип на который страшно смотреть. Нет контакта с одним человеком который принимает решение? Отказывайтесь от работы.
4. Две различные гарнитуры и один знак. Это максимум.
5. Варианты и универсальность. Всегда пробовать варианты, как логотип будет выглядеть на красном, синем, черном фоне, на футболке, кружке, большой, маленький, с адресом сайта или просто знак без текста. Чем больше вариантов, тем меньше вопросов и работы будет при последующем сотрудничестве. Конечно если не работать по принципу «сдал, рассчитал, послал». Как показывает практика один постоянный заказчик лучше поиска двух новых.
6. Получать результат, а не оправдание процесса. Здесь лучше посмотреть ниже.

© 2009, From «Absolute Advertising» | Permanent link | Comments: 2
Want some more? Browse all posts from category: «Статьи.»

Связанные записи

• Современные веб-логотипы, часть первая. (0)
• Современные веб-логотипы, часть вторая. (13)
• Лучшая идея в мире (0)

Ньюансы.
Или немного о процессе.

1. Вектор → Растр. Практически любому крупному (и не очень) проекту так или иначе понадобятся варианты их логотипа в дуотоне и векторе. Что бы не делать никому не нужный «мартышкин труд» (если понадобиться растровый вариант переводить в вектор), работу со шрифтом и формой знака стоит начинать в первую очередь в векторном редакторе, а в растре уже доводить до товарного вида. Добавить эффекты из утвержденного варианта в векторный всегда будет проще.

От векторного варианта к растровому

2. Рисовать ли все с нуля?
Знаки, ленточки, загнутые уголки, флаги, глобусы и многое-многое другое уже нарисовали (и не раз кстати) добрые стоковые иллюстраторы. Не вижу ничего плохого в том что бы собирать новые логотипы из уже готовых материалов, и тратить основное время на компоновку, выбор цвета и дорисовку отдельных моментов. Зачастую пользуюсь следующими стоками: iStockPhoto, ShutterStock, StockXpert.

Стоковые материалы это хорошо

3. Выбор вариантов.
Не стоит зацикливаться на одной, пусть и удачной идее, равно как не стоит «плодить» десяток вариантов отличающихся друг от другой цветом, градиентом или совсем мелкой деталью. Доступно показать основную направленность проекта в большинстве случаев достаточно для успешного веб-логотипа.

Пример нескольких вариантов одного логотипа

4. Замена старого логотипа на новый при создании сайта.
Мы всегда предлагаем новый бесплатный веб-логотип заказчикам которым создаем новый сайт. Вообще я не понимаю как можно работать с логотипами «из корела за 20 минут», равно как и сайтов сделанных в 2009 году в которых присутствует «нечто» родом из середины 90х. Конечно, не все лого сделанные 10 лет назад так уж плохи, просто зачастую неуместны в вебе. Статистика, к слову, 100% — ни один клиент не отказался от такого варианта, и где-то треть попросила векторные файлы для рекламной продукции. По сути это мелочь, которая меняет не только внешний вид сайта, но и зачастую отношение заказчика (к примеру когда потом рекомендуют дальше).

Бесплатно при разработке сайтов

В следующей части о непосредственной работе в графических редакторах.

37738431.19453396.1241351500.72ee841b67a7af86afc315d80096dc6f

© 2009, From «Absolute Advertising» | Permanent link | Comments: 13
Want some more? Browse all posts from category: «Статьи.»

Связанные записи

• Современные веб-логотипы, часть первая. (0)
• 6 правил работы над оффлайн логотипами (2)

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

Определившись с функционалом страницы не лишним будет создать черновой прототип, либо по-старинке на бумаге, либо в программах вроде «Axure RP»(о которой поговорим отдельно). В любом случае, при работе над чистовым вариантом нам понадобится сетка. И в этом моменте не лишним будет воспользоваться как «960 Grid System» (http://960.gs), с уже готовыми шаблонами для фотошопа, иллюстратора и пр., так и скриптом для создания заданного макета сетки в случае если рабочая область шире стандартных 960 пикселей .

Говорят цифры.
Все современные мониторы работают в разрешениях начиная, как минимум, с 1024×768. Стандартная ширина рабочей области макета в 960 пикселей делится на 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 и 480. Что делает работу с такой сеткой очень гибкой.

Стандартные размеры. 12 и 16 колонок.
Сетка на 12 колонок разбита на равные части по 60 пикселей каждая, соответственно 16ти колонная сетка будет по 40 пикселей. Стандартный отступ слева и справа каждой колонки – 10 px., или 20 в сумме. Для нестандартных размеров стоит воспользоваться небольшим скриптом, работающим на основе этой системы(линк ниже).

Коротко о главном.
Работа c четко заданной сеткой не только сделает конечный продукт более структурированным и понятным конечному пользователюи, но и ощутимо сэкономит время при разработке как дизайнеру, так и кодеру.
 

© 2009, From «Absolute Advertising» | Permanent link | Comments: 8
Want some more? Browse all posts from category: «Статьи.»

Связанные записи

• Дизайн для самого ужасного заказчика. Себя. (5)

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

C чего начать.
Конечно же с небольших размышлений.
Что необходимо решить точно перед тем как приступать к работе:

1. Какой тип шрифта использовать? Если на сайте/блоге используется шрифт с засечками (например Georgia, Times New Roman), то и в логотипе не стоит придумывать что-то иное и использовать, к примеру, декоративные начертания. Общая целостность страницы всегда более важна.

2. Нужен ли знак? Чаще всего это зависит от тематики ресурса – социальным службам, веб-сервисам и практически всем проектам которые активно взаимодействуют с пользователем он необходим. В пример очень удачного использования знака, как в логотипе так и в названии можно привести сервис онлайн-закладок bobrdobr.ru. В категорию же где можно обойтись только гарнитурой отнесем новостные, персональные и корпоративные блоги/сайты.

3. Контраст или нюанс? Законы композиции, в том числе и в вебе, никто не отменял. Крайне важно  будет ли это ярко выраженная противоположность или «едва уловимый переход». Чаще всего контрастный логотип используется в вариантах без знака, на активной по цвету подложке.

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

5. Нужна ли подпись либо слоган? Мнения обычно разделяются – большинство западных сайтов однозначно отвечает  «да», тем не менее в русскоязычном сегменте их использование в логотипе часто считается моветоном. Лично я склоняюсь к тому что да, нужны.

© 2009, From «Absolute Advertising» | Permanent link | Comments: no
Want some more? Browse all posts from category: «Статьи.»

Связанные записи

• Современные веб-логотипы, часть вторая. (13)
• 6 правил работы над оффлайн логотипами (2)