Сегодня мы расскажем вам о наборе инструментов веб-дизайна, с которых вам нужно будет начать.

Но перед этим, давайте быстро определим разницу между веб-дизайном и веб-разработкой. Это два термина, которые часто используются в одном контексте, но они совершенно разные:

ВЕБ-ДИЗАЙН И ВЕБ-РАЗРАБОТКА:

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

Веб-разработка , это процесс создания самого сайта. Этот процесс включает в себя программирование (написание кода и скриптов), и вёрстку страниц, для будущего веб-дизайна и информационного контента. Разработчик должен иметь опыт и навыки программирования, чтобы сделать основу сайта, для того чтобы веб-дизайнеру было где творить.

ИНСТРУМЕНТЫ ВЕБ-ДИЗАЙНА:

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

Эскизы и инструменты для рисования:

Как и в любой разновидности Дизайна, веб-дизайн начинается с эскиза (идеи). Его можно нарисовать на бумаге или использовать графический планшет.

Планшет: если вам нравится цифровые изобретения, можно использовать графический планшет, чтобы набросать на нём ваши дизайнерские идеи. В них можно установить Adobe Photoshop и Illustrator, и это поможет быстро создать цифровой эскиз.

Карандаш + блокнот: традиционный метод сделать эскиз от руки, и это хороший и простой способ.

ТИПОГРАФИКА:

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

Google Fonts - одно из первых мест, где нужно искать шрифты. Там они бесплатные, и вы можете их легко перенести в Blogger, WordPress или Squarespace.

oert.org является замечательной платформой, которую можно использовать для изучения различных стилей типографики, узнать больше о типах и поэкспериментировать с ними.

ЦВЕТА:

Можно часами создавать цветовые палитры, исследуя, как цвета взаимодействуют друг с другом - это просто и так красиво! Но выбрать из цветовой палитры может быть сложно, поначалу. Со временем вы начнёте быстро создать идеальную цветовую палитру для ваших проектов. Вот несколько ресурсов, которые могут вам помочь.

coolors.co - красивый, простой и лёгкий интерфейс для быстрого создания цветовых палитр.

color.adobe.com - Adobe палитра. Кулер имеет массу дополнительных функций, если вы хотите смешивать и сочетать цвета и создавать свои палитры. У них также есть огромная библиотека готовых цветовых палитр для вашего вдохновения.

Здравствуй, дорогой читатель! В этой статье мы расскажем вам о том, как стать веб-дизайнером самостоятельно.

Путь до уровня профессионала непрост, но результат того стоит. Советуем запастись терпением, трудолюбием, ведь научиться нам предстоит многому.

Для начала, давайте определимся, стоит ли это ваших усилий? Ведь, если вами движет цель заработка, то этого будет мало, важно желание получать удовольствие от самого процесса обучения и выполнения заказов. Тогда и работодатели будут вас ценить, так как истинный мотив – это дело всей вашей жизни.

С чего начать новичку

Многие начинающие в этой сфере теряются в тоннах информации, книгах, статьях, видеокурсах. Давайте, структурируем всю информацию и обозначим конкретные шаги.

Согласны?

• Научитесь работать с графическими редакторами.

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

Также будет полезно разобраться в следующем:

1. Illustrator – поможет при создании иконок, а также логотипов;
2. UX и UI дизайн – знание основ поможет создать удобный интерфейс;
3. HTML, CSS – понимание языков программирования служит помощником для оптимизации графики в полноценный элемент сайта.

Но на этом обучение не заканчивается, а только начинается.

• Всё свободное время рисуйте.

Особенно, если вы без опыта, важно перерисовывать работы других дизайнеров, известные бренды и их сайты.

• Создайте собственный блог, на котором будете публиковать свои первые работы, фишки, которые узнали.

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

• Развивайте в себе художественный вкус.

Без творческих идей и вкуса web-дизайнеру никак. Если природа вас этим обделила, значит, это нужно в себе воспитать. Ходите в кино, фотографируйте, обращайте внимание на рекламу, посещайте выставки, интересуйтесь новинками живописи, покупайте книжки, уделяйте время путешествиям в красивые места. Делайте всё то, что вас вдохновляет на творчество!

• Не зацикливайтесь на чём-то одном.

Пробуйте и находите именно своё. Чтобы определиться, нужно перепробовать многое, к примеру, верстать сайты или создавать лендинги. Можно уметь многое, но лучше быть профессионалом в чём-то одном.

• Анализируйте.

Нет, не себя, а работы других дизайнеров, к примеру, Андрея Горохова или Василия Пирогова. Изучайте не только отечественных представителей данной профессии, но и зарубежных. Так вы быстрее найдёте свой стиль, вдохновитесь и получите дозу мотивации.

• Создайте качественное портфолио.

Подробнее об этом читайте в инструкции — как сделать портфолио web-дизайнеру (ссылка будет позже).

• Предлагают – берите.

Беритесь за любую работу. Пусть это будут простенькие баннеры и логотипы, это не важно. Ведь, если вы начинаете с нуля, то любая работа нужна вам для портфолио. А ещё это важнейший опыт, который можно получить, только делая, и никак иначе. Действуйте! Пробуйте себя на , ищите сами себе заказчиков. Только не завышайте цены, если вы пока не очень уверены в своих силах.

• Если вы только начинаете брать заказы на биржах, то не забудьте позаботиться и создать электронные кошельки, например, WebMoney и Яндекс Деньги.
• Учитесь общаться с заказчиком.

Для этого лучше пользоваться Skype. Это нужно для того, чтобы лучше понять желания человека. Важно выяснить, что именно хочет в результате видеть работодатель. Попросите заказчика показать сайты, которые ему нравятся, а также расспросите о том, чего быть не должно. Тщательно изучите техническое задание (ТЗ) и, если что-то неясно, то обязательно уточните. Обсудите сроки выполнения.

Составляющие удачного проекта

Хорошим web-дизайнером можно стать, только научившись делать цепляющие работы. В погоне за идеалами важно не впадать в крайности, поэтому давайте с вами поговорим, что нужно, чтобы создать хороший сайт? Какой он?

• Он интуитивный и ясный.

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

• Он простой.

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

• Он уважает время пользователя.

Замечали такое, зайдёшь на один сайт и все странички быстренько загрузились, а на другом так долго, что не хочется и время тратить. Контент должен быть оптимизирован. Если сделать чуть меньше графических элементов, таких как видео или анимация, то это не только ускорит процесс загрузки, но и увеличит вероятность того, что именно вашим сайтом заинтересуется пользователь.

• Он имеет обратную связь.

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

• Он наполнен интересным контентом.

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

Как без специального образования добиться успеха?

• Обучайтесь.

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

• Читайте книги.

Специализированная литература будет вам верным помощником на пути к профессиональному мастерству.

• Вопрос о том, где учиться, не должен вызывать трудностей. Ведь интернет насыщен разными .
• Понемногу разбирайтесь с терминологией веб-дизайна.

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

• Когда вы обзаведётесь необходимыми знаниями по использованию тех или иных программ, то вам, как новичку, будет мегаполезно выполнить следующее задание:

нужно найти любой понравившийся вам сайт в интернете. Далее загружаем фотошоп и копируем макет сайта, хотя бы одну страницу. Если проделывать регулярно такое упражнение, то вы очень быстро разберёте весь процесс на маленькие шаги. Это уберёт страх, когда вы будете приступать к первым самостоятельным проектам.

• Практика – это хорошо, но без теории и «разжёвывания» информации нам с вами не обойтись. Поэтому рекомендуем изучать различные видеоуроки и статьи.

Для примера можно посмотреть этот сайт: egraphic.ru.

• Также можно поступить намного проще. А именно скачать PSD другого опытного дизайнера и создать самому макет по примеру. Так вы довольно быстро войдёте в курс дела.

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

• Пользуйтесь различными онлайн-программами.

К примеру, для создания баннеров подойдёт bannerovich.ru, логотипов — и т. д.

Заключение

Мы с вами разобрали некоторые шаги, которые приблизят вас к освоению web-дизайна. Время на самостоятельное обучение с нуля обычно занимает 5 — 6 месяцев. Это всё сугубо индивидуально и зависит от возможностей и способностей самого человека.

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

Желаем вам успешных начинаний! Всего вам доброго!

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

Чтобы овладеть профессией веб-дизайнера, успешно применять свои знания на практике и создавать качественный и полезный продукт, зачастую достаточно «проштудировать» различные веб-ресурсы или пройти специализированные видеокурсы, предназначенные для новичков.

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

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

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

Что такое веб-дизайн?

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

Если Вы от рождения не обладаете художественным вкусом, не стоит переживать. Главное - знать основы веб-дизайна, а вкус появится с опытом.

Цвет

По умолчанию цвет монитора черный. Основные цвета - красный, синий и зеленый - добавляются к черному и образуют все остальные цвета. Если сложить три основных цвета, получится белый. Такая цветовая модель называется RGB.

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

Принципы цветового круга

Пары цветов, расположенных друг напротив друга, являются контрастными. Например, фиолетовый с желтым, пурпурный с зеленым, голубой с красным;

контрастные цвета являются взаимно исключающими. То есть, если вы увеличите уровень голубого цвета, это автоматически уменьшит уровень красного. И наоборот;

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

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

Небольшой лайфхак: чтобы быстро подобрать контрастный цвет, можно инвертировать цвет любого растрового элемента с помощью команды Ctrl+I.

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

Форма.

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

Линия может выполнять две функции: соединение и разделение других объектов. Пример соединения:

Пример разделения:

Прямоугольник. В нем важно подобрать пропорции. Наверняка вы слышали про «золотое сечение» - деление отрезка на части таким образом, чтобы отношение меньшей части к большей было таким же, как отношение большей ко всей длине отрезка. Ниже представлен пример, в котором точка C делит отрезок AB так, что AC:AB= CB:AC.

Так вот, принцип «золотого сечения» соблюдается не только на картинах Леонардо да Винчи, но и во всех областях науки и искусства, в том числе, и веб-дизайне. Считается, что «золотое сечение» порождает гармонию. Например, на фотографии важные объекты должны располагаться на расстоянии 3/8 и 5/8 от края, то есть, в важных зрительных центрах.

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

Круг. Как и треугольник, эта фигура хороша в логотипах, иконках и других небольших объектах. В крупных объектах и экранном дизайне круг применяется редко.

Типографика.

Работа веб-дизайнера заключается не только в отрисовке объектов и правильном расположении их в пространстве. Одна из важнейших задач - сделать красивым и удобочитаемым текст, который мы видим на экране монитора.

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

базовый - для основных материалов сайта. Используйте читабельные, простые шрифты с удобным межстрочным интервалом (примерно в 1,5 раза больше высоты символов);

акцидентный - для заголовков. Этот шрифт можно выделить не только размером, но и цветом;

дополнительный - для навигации, важной информации, логотипа меню, цитат и т. д.

На этом пока все. Следующий урок по веб-дизайну будет касаться основ работы с Photoshop.

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

Не поленитесь просмотреть портфолио различных талантливых дизайнеров или сайты известных компаний и обратить особое внимание на вышеперечисленные элементы. Это поможет Вам развить хороший вкус и, возможно, выработать свой собственный стиль.

Подписывайтесь на наши обновления и получайте уроки веб-дизайна первыми. До новых встреч!

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

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

Особенности заработка на веб дизайне

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

Что делает веб дизайнер?

День веб дизайнера весьма насыщен и расписан буквально по минутам. Для достижения весомых результатов в этой сфере необходимо обладать следующими навыками:

• владениеAdobe Illustrator, Photoshop, CorelDraw и другими программами;
• знание HTML;
• знание интернет-маркетинга, основ usabiliti;
• хорошее чувство вкуса;
• пространственное и творческое мышление;
• опыт в сфере продвижения сайтов.

Зарплата веб дизайнера

Сколько зарабатывает веб дизайнер и стоит ли обучаться этой профессии? Заработок специалистов зависит от опыта работы в данной сфере, уровня мастерства и профессионализма, умения находить заказчиков и правильно выставлять расценки.

Среднестатистический специалиста за месяц работы зарабатывает от 50000 до 200000. Лучшиепрофи зарабатывают в разы больше. Минимальная стоимость одного проекта составляет от 3000-4000 рублей. Оптимальные расценки 10-15 тысяч рублей за 1 web-сайт.

Где учиться профессии веб дизайнера?

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

• поступление в ВУЗ;
• запись на онлайн курсы и тренинги;
• самообразование (чтение книг, просмотр видео уроков, самоучители, видеоролики в Youtube).

Как стать веб-дизайнером за 8 шагов?

Начинающим специалистам для приобретения теоретических знаний необходимо придерживаться следующей схемы:

1. Прочтите 1-2 книги по основам веб-дизайна.
2. Освойте фотошоп до уровня продвинутого пользователя. Уже на этом этапе вы сможете начать зарабатывать свои первые деньги, рисуя на заказ баннеры, логотипы, элементы инфографики для сайтов, картинок для рекламных постов в соц сетях, оформлении аккаунтов, заставок для видео для каналов в ютубе, на фотостоках, обработке фотографий.
3. Изучите основы HTML, CSS, принципы верстки, WordPress (именно на этой площадке построена большая часть веб-ресурсов в Рунете), получите начальные знания о веб-программировании. Эти знания помогут вам понимать суть сайтостроения, находить общий язык с заказчиками и понимать их запросы, поможете избежать возможных ошибок сайта еще на этапе разработки макета.
4. Попробуйте разобрать структуру сайтов, которые вам нравятся и повторить их дизайн в учебных целях.
5. Разработайте 3-5 проектов сайтов и составьте подробное портфолио, эффектно презентуя себя и свои услуги (для этих целей можно заказать продающий текст у копирайтеров). Портфолио - это визитная карточка для профессионала, по которой вас оценивают заказчики, поэтому желательно туда включать свои лучшие работы.
6. Продумайте расценки на свои услуги (желательно начинающим веб-мастерам не завышать цены и устанавливать ценник на 10-20% ниже среднерыночных расценок).
7. Заведите кошелек Вебмани для приема платежей от заказчиков.
8. Разместите свое резюме на всех доступных площадках для получения первых заказов (биржи фриланса work-zilla.com, Fl.ru, freelance.ru, kwork.ru, доски объявлений, HR-сервисы, соцсети). Для получения первого опыта важно выбирать .

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

Где найти вакансии и получить первые заказы веб дизайнеру?

Для поиска заказов подойдут любые способы:

• Собственный сайт.
• Просмотр вакансий на досках объявлений и размещение своего резюме.
• Биржи фриланса (freelance.ru, Fl.ru, Воркзилла , Кворк) и сервисы удаленной работы.
• Отправка коммерческих предложений веб-студиям, рекламным агентствам.
• Форумы программистов,сеошников (общение со специалистам смежных профессий позволит вам обмениваться клиентами).
• Бесплатные конструкторы (к примеру, Insales, Wix и другие сервисы, где могут потребоваться услуги по дизайну).

1 голос

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

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

1. Почему заниматься дизайном выгодно

Заработок денег может и должен приносить удовольствие. Множество людей каждый день встают спозаранку и отправляются на работу. Я не предлагаю вам отказаться. Совсем нет. Однако, если у вас есть свободное время или желание достичь большего, то вы легко можете найти приятное хобби, за которое вам будут платить деньги.

Слабо верится? Посмотрите сколько предложений ежедневно выкладывается на www.weblancer.net . Это действительно востребовано.

Мастер веб-дизайна, тратя всего 4 часа в день, может получать по 600 – 800 долларов в месяц, от 40 до 54 тысяч рублей!

Это реальное предложение там же.

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

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

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

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

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

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

Однако, опыт – это не все. За дизайн своего первого сайта я заплатил 5 000 рублей, один мой знакомый вложил 10 000. Мы оба не искали умудренных опытом профи, каждому из нас казалось, что бюджет чертовски мал. Цен на тот момент мы не знали и были уверены, что нашли самое лучшее предложение.

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

2. Как искать клиентов

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

Заплатить те же самые 10 000, а то и больше, готовы многие. Главное, чтобы работа была выполнена. Цены в нашей сфере растут, предложений появляется все больше, понимание необходимости интернета приходит ко всем без исключения.

Что тут говорить, казалось бы, обычный ведущий свадеб из моего города вложил в проект 50 000 рублей. Он сам нашел копирайтера, дизайнера, верстальщика. Он не пошел в фирму, так как его пугали цены, но в итоге заплатил даже больше! Я уже показывал неоднократно, что многие престижные фирмы готовы взяться за дело если им платят 30 000 и считают, что это хороший бюджет. Он заплатил 50…

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

Интернет, как ничто другое показывает, что чем меньше ты знаешь, тем больше приходится тратить. Представляете, сколько в вашем городе молодежных музыкальных групп, фотографов, творческих объединений, мастеров маникюра, педикюра, парикмахеров, которые просто боятся цен и потому не обращаются к специалистам, которые бы могли создать для них сайт!

Не так давно в моем городе молодые мамочки, которые продают друг другу вещи на сайте объявлений собрались все вместе, сняли небольшое помещение на один день и организовали что-то типа своего магазина (). Насколько я знаю опыт прошел успешно. Представьте, если этим мамочкам предложить проводить такие акции раз в месяц и освещать мероприятие в интернете, создав отдельную страничку для этого?

3. Чем вам предстоит заниматься

Давайте перейдем к более-менее технической стороне вопроса. Что входит в дизайн сайта и ложится на хрупкие плечи мастера:

• Ему предстоит разработать структуру сайта: понять какие категории (рубрики) будут присутствовать, что и где будет располагаться.

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

• Создание навигации.

• Тексты

Какие будут тексты и где они разместятся.

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

Они, как правило, имеют схожую структуру. Как здесь.

Они тоже похожи.

4. Как происходит работа

Сейчас я постараюсь показать вам как работают крупные компании и какие этапы работы ожидают тех, кто хочет заниматься разработкой и продажей дизайна.

4.1. Встреча с заказчиком

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

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

Для начала вы обсуждаете проект. Узнаете, что от вас хотят. Обычно клиент не знает и не понимает, что ему нужно. Он в этом совершенно не виноват, задавать наводящие вопросы – ваша работа.

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

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

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

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

Каждый текст должен был содержать информацию куда звонить. На каждой странице два раза должны были повторяться адреса и телефоны: в начале и в конце. Я предложил не создавать для каждого товара свою отдельную страницу, должно быть понятно, что это не интернет-магазин. Писать конкретные цены тоже не имело смысла, надо было лишь показать ценовой сегмент.

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

4.2. Разработка прототипа сайта

Дизайнеры создают облик сайта. Материалы, как правило, предоставляются заказчиком, а потом обрабатываются в фотошопе. Важно показать клиенту, что его ждет на выходе. Добиться того, чтобы он понял ваш план и утвердил его. Как правило, создается несколько вариантов дизайна, сколько — уточняйте сразу.

Вот он – дизайн. Все картинки, иконки, категории – все должно быть нарисовано. Точно в таком виде, как впоследствии будет в интернете.

По сути, это и называется веб-дизайном: создание и разработка композиции.

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

«И за это платят?» — спросите вы. Да! И очень неплохие деньги.

В крупных компаниях работают именно так. Если вы занимаетесь частно, то можете нарисовать эскиз даже в Paint, а затем приступать к дальнейшей работе – верстке.

4.3. Верстка

Превращение рисунка в готовый сайт. Это не так сложно, как может показаться на первый взгляд, многое зависит от программы, помогающий в создании сайта (CMS или движок). Однако, вам придется этому научиться и изучить не один самоучитель по веб-дизайну. Но будьте уверены, это окупится!

5. Как стать дизайнером

Чтобы стать хорошим дизайнером, вам придется какое-то время потратить на обучение. Поверьте, это не только интересно, но и прибыльно! В интернете можно найти уйму книг по web-дизайну. Вот несколько из них:

• Майк Монтейро «Дизайн – это работа» .

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

Цитата из книги: «Работать ради портфолио – все равно что умереть молодым ради красивого трупа. Никогда не работайте бесплатно».

• Итан Маркотт «Отзывчивый веб-дизайн» .

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

• Артемий Лебедев «Ководство» .

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

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

Чтобы по-настоящему заболеть, начните с уроков по дизайну сайтов для начинающих. В очередной раз скажу, тратьте на них деньги! Так уж устроен человек, что он не ценит то, что дается ему бесплатно. Заплатив три копейки вы закончите курс, хотя бы из-за жадности. Это нормально, такая уж наша природа.

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

Рекомендую попробовать вот этот курс: Основы коммерческого веб-дизайна . Есть три бесплатных урока. Курс не такой уж дорогой, рассчитан на новичков, все четко и по делу. Автор раскрыл множество тем, начиная от формулы эффективности и заканчивая секретами web-дизайна. Узнав все более подробно, вам удастся понять нравится вам работать или этот труд утомляет вас.

Онлайн-курс с поддержкой автора – надежная инвестиция в будущую профессию.

«Учиться, учиться и еще раз учиться» - мастер-классы, чтение книг от преуспевающих специалистов сферы – все это необходимо, чтобы стать настоящим профессионалом и зарабатывать большие деньги.

Кажется сложным? Ни сколько! Просто начните. Я уверен, что такая работа подойдет не всем кто прочитает эту статью, но если хотя бы 5 человек после этого действительно решит заняться дизайном, полюбит свою работу и добьется больших успехов, я буду несказанно счастлив.

Я искренне желаю вам всего самого наилучшего. Ищите себя и у вас все получится, правда не у всех. Войдете ли вы в число счастливчиков? Все в ваших руках.

6. Ох, как я сегодня болею…

Вчера в городе Белогорске (это 120 км. от моего родного Благовещенска), состоялся мини-футбольный турнир на кубок города между политическими партиями. Я, с младшим братом, решили вспомнить юность и активно поучаствовать.

Не удивляйтесь, что мы играли за КПРФ, мы - коммунисты, и обсуждать политические взгляды на Блоге не будем.

Этот турнир был приурочен к открытию в Белогорске спортивного зала школы футбола «Белогорец». Классно, теперь молодые ребята смогут раскрывать свой талант в футбольном мастерстве. Белогорск городок не большой, с населением примерно 80 тыс. человек, поэтому данное событие очень значимо.

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

Мы разгромили ЛДПРовских ребят и в упорной борьбе уступили единороссам, заняв второе место. Но впечатления остались только позитивные, а положительные эмоции плещут и по сей день, хотя ноги гудят…Ух! Целых два года мячика не касался.

А какой вид спорта предпочитаете вы? И может кто подскажет, что делать, когда после нагрузки болят мышцы?