Доброго времени суток!

Давайте определимся: «Что такое дизайн?»

Для меня дизайн это, прежде всего, любимое хобби которым я начал увлекаться 3 года назад. За эти 3 года я узнал много нового в этой сфере, научился рисовать макеты сайтов, логотипы, баннеры и т.д. Может, они еще далеки от идеала, но я всегда стремлюсь улучшить свой результат. Когда я только начал учить Photoshop я еще не знал что этим можно зарабатывать неплохие деньги. На эту мысль меня натолкнул мой друг kesn.

Как должен выглядеть дизайн сайта?

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

1) Первое - это хорошее настроение! Без него никак. Если у вас плохое настроение, то вы ничего не сможете придумать.
Решение этой проблемы: Для поднятия настроения можете послушать вашу любимую музыку, провести время в компании с друзьями, просто прогуляться и собраться с мыслями. Я слушаю музыку, по возможности провожу время с друзьями.



2) После того как вы собрались с мыслями, вооружились хорошим настроением, приступаем к обдумыванию вашего будущего творения. Вооружившись чашкой кофе (кто что любит: чая, пива и т.д.) зарисовываем мысли на бумаге. Желательно чтобы это была не газета и чтобы в итоге вашей работы вы поняли то что нарисовали =) Для себя я завел большую тетрадь в которой воплощаю свои будущие идеи. Так же очень удобно зарисовывать на обычном альбомном листе или же на бумаге А4.
Совет: Я бы посоветовал рисовать карандашом, так как по ходу дела ваши мысли могут изменяться, дорабатываться.

3) Вы нарисовали свой макет на бумаге, полностью довели до ума все малейшие детали. Теперь приступаем к сбору материала для вашего дизайна. Ищем нужные кисти, стили, текстуры.



4) Выбираем размер (расширение) макета. Я использую размер в 1000px по ширине и 1400px по высоте. Я выбрал такой размер потому что он отлично походит под мониторы 15, 17 и 19 дюймов. Если вы хотите другой размер, то смотрите статистику используемых мониторов.



5) Расчерчиваем рабочую область направляющими View – New Guide. Это поможет вам быстро прикинуть, где будут находиться колонки меню и другие объекты дизайна.
Совет для новичков: Чтобы быстро создать направляющую не обязательно всегда делать это через меню View, если у вас включены линейки (Ctrl+R) то достаточно потянуть за линейку в нужном направлении. Если нужна горизонтальная направляющая – за верхнюю потянуть вниз, нужна вертикальная – боковую линейку вправо. Пишу это, потому что сам узнал об этом случайно.



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



7) После того как вы нашли нужный для вас материал, разметили рабочую область приступаем к перерисовке вашего макета с бумаги в Photoshop. Руководствуемся всеми своими навыками, берем что-то новое из уроков.
Совет для новичков: Не стоит злоупотреблять такими эффектами как Bevel and Emboss и Outer Glow. Все нужно использовать с умом и в меру.

8) Восьмой пункт я посвящаю логотипам.
Если вам известны подробности о компании или организации, для которой вы рисуете дизайн, то можно сразу нарисовать дизайн логотипа который будет вписываться в дизайн сайта. Если вы не знаете ничего про будущего покупателя, то при отрисовке логотипа нужно учитывать изменения, которые будут представлены покупателем вашего макета. Возможно покупатель закажет логотип отдельно, у другого человека который специализируется только на логотипах.
Немного о логотипах: Логотип доложен изображать сокращенноё имя компании или организации плюс небольшое изображение, которое вкратце характеризует деятельность компании. Изображение и есть главной частью логотипа и обязательно должно быть уникально. В идеале шрифт тоже должен быть уникален, но придумать и создать шрифт не так просто.



9) Настоятельно не советую вместо текста новости писать: «Тут текст, тут текст…» и т.д. Или «Тут заголовок текста», «Новость 1, 2, 3, 4…», «Тут картинка» и прочее. Не поленитесь, зайдите на сайт похожей тематики, скопируйте оттуда новость, категории, название блоков меню и вставьте в свой макет. В проект нужно вкладывать частицу себя. Когда макет сделан методом «Тут текст, а тут фон» то сразу видно, что над макетом не особо заморачивались. И согласитесь, на макет с реальным текстом гораздо приятнее смотреть + так его быстрее купят. Надеюсь, что многие согласятся с моей точкой зрения.



10) После того как вы закончили работу над макетом, обязательно устраните хаос в слоях. Желательно с самого начала распределять все слои по соответствующим папкам. Например: Слои шапки поместить в папку «Шапка» и так далее. Это немного ускорит последующую верстку макета.



11) Все - ваш макет готов! Сдавайте его заказчику или же ищите покупателя (если делали макет сами).
Совет для продажи: Я советую устраивать аукционы со стартовой ценой с нечетным числом (к примеру 49$) и небольшим шагом (к примеру 1$). Обычно зрению сначала воспринимается первая цифра и человек думает что цена 40$. Наверняка вы замечали такую штуку в магазинах. Таким образом быстро дадут старт и пойдут шаги (конечно если ваш макет качественно сделан, без качества тут никак).



Вот и все. Моя статья подошла к концу. Буду рад, если мой труд себя окупит и эта статья будет для кого-нибудь полезна. Спрашивайте что не ясно – поясню. Хотелось бы услышать отзывы о статье . В дальнейшем планирую написать статью «Советы по дизайну»

Спонсорские ссылки:

Покупайте ссылки, а не арендуйте – мега-опция для естественного продвижения!
Почему много денег? Потому что Главмед! Лей трафик и живи без бед!

Сообщение отредактировал Disturbed - 4.11.2009, 11:04