Содержание

«С чего начать обучение веб-дизайну?» – Яндекс.Кью

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

  • Бесплатный курс с сертификатом о прохождении и поддержкой кураторов «Веб-Дизайнер 2.0: Взрывной Старт» от WayUp — https://clck.ru/N5dLZ
  • «Adobe Illustrator на раз-два-три» от Бориса Поташника — https://clck.ru/N5dNf
  • «Adobe InDesign для дизайнера-верстальщика» — https://clck.ru/N5dQ5
  • Меганабор из 4 курсов от Photoshop-Master — https://clck.ru/MGgd7
  • Фантастический набор курсов от Photo-Monster — https://clck.ru/MGgdy
  • Все курсы «Нетологии» — https://clck.ru/N5dYF
  • «Веб-Дизайн с 0 до PRO» от SkillBox — https://clck.ru/MAqHH

ТОП-10 советов для начинающих веб-дизайнеров:

  1. Учитесь работать в графических редакторах – при любых условиях дизайнеру понадобятся знания такого рода, использование программ хотя бы на базовом уровне является обязательным условием успешной работы в дальнейшем. На курсах даются основы, изучайте их внимательно и развивайтесь;
  2. Практикуйтесь – теория нужна, но она не приблизит к мечте и заработку, необходимо подкреплять свои знания опытом. Для этого не жалейте времени на перерисовку чужих сайтов, эксперименты, обучение методом проб и ошибок. Практика поможет развить вкус, наработать скорость, расширить собственный арсенал инструментов;
  3. Пробуйте разные направления – изучая web-дизайн с нуля никто не знает, что именно ждет на пути и какие пригодятся навыки. Нужно уметь создать одностраничный сайт, рекламную презентацию и интернет-магазин. Это также отличный поиск себя – в процессе изучения многие находят именно то узкое направление, в котором становятся профессионалами;
  4. Анализируйте – смотрите сайты с высокой посещаемостью, уже с точки зрения дизайнера попробуйте определить причины их популярности, чтобы позже применять эти тонкости в своих работах;
  5. Создавайте портфолио – результат труда дизайнера и есть его визитная карточка, никакие слова не убедят клиента так, как очевидность качественной работы. Не обязательно для этого искать настоящие заказы, можно делать сайты самостоятельно для первых образцов;
  6. Не отказывайтесь от работы – на первых порах после обучения брать заказы страшно, а их цены часто низкие. Но это прежде всего важнейший опыт, который нельзя упускать, а также это первые шаги к наработке репутации;
  7. Учитесь общаться и слушать – понимание потребностей и задач чаще важнее мастерства. С опытом придет и умение, но нужно применить его так, как того хочет заказчик;
  8. Основы основ – чем проще сайт, тем он лучше, нужно уметь определять важные элементы, выстраивать их иерархию, чтобы разместить на странице лишь самое нужное. Этому учат на курсах веб-дизайна с нуля;
  9. Мультидисциплинарность – знания в других сферах деятельности всегда помогают, в первую очередь, если это смежные категории. Но знания в любых других отраслях всегда пригодятся – чем шире кругозор, тем проще понять специфику деятельности заказчика и решить его задачи лучшим способом;
  10. Постоянно развивайтесь – уроки веб-дизайна с нуля из перечисленных выше курсов очень информативны, они позволяют за несколько месяцев стать специалистом, готовым к труду. Но этого никогда не будет достаточно, так как отрасль изменчива и динамична, постоянно развивается, изменяется. Важно следить за трендами и получать в процессе работы новые навыки.

5 шагов, чтобы стать веб-дизайнером

#1. Определитесь с направлением в дизайне

Если вы еще не решили, в какой сфере дизайна начать развиваться, самое время сделать это. Только вы знаете, чем именно вам бы хотелось заниматься. Проведите время наедине с собой и выпишите 3 главных требования к профессии. Что для вас важнее всего: творчество, проявление лидерских качеств, выполнение аналитических задач, активное взаимодействие с коллегами? Возможно, вы хотите работать удаленно, или для вас на первом месте стоит материальный аспект? Ответив на эти вопросы, вы легче выберете подходящую сферу дизайна для изучения и карьеры.

  • Нравится рисовать, придумывать образы и воплощать творческие идеи? Рассмотрите профессию графического дизайнера. Он создает айдентику, логотипы, занимается версткой печатных материалов, иллюстрациями и многим другим. Подойдет тем, кто мечтал совместить художественное хобби и работу.
  • Восхищаетесь визуальной частью интерфейсов, можете скачать приложение только из-за красивой иконки или предпочитаете один сервис другому исключительно благодаря оформлению? Возможно, вы станете хорошим визуальным дизайнером (UI). Эта профессия подойдет тем, кто отличается визуальным перфекционизмом и хорошим вкусом.
  • Вам интересно продумывать логику работы интерфейсов и анализировать продукт?
    Дизайнер интерфейсов (UX)
    изучает потребности пользователя, тестирует гипотезы и работает с данными. По этому пути стоит идти людям с развитым аналитическим мышлением.
  • Если вам нравится работа

Как стать веб-дизайнером самостоятельно: что нужно знать новичку

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

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

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

что нужно чтобы стать веб дизайнеромчто нужно чтобы стать веб дизайнером

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

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

Согласны?

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

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

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

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

с чего начать учитьсяс чего начать учиться

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

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

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

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

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

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

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

что необходимо чтобы стать веб дизайнеромчто необходимо чтобы стать веб дизайнером

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

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

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

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

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

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

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

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

как стать хорошим web дизайнеромкак стать хорошим web дизайнером

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

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

Курсы веб-дизайнаКурсы веб-дизайна

13.02.2020

5 920

Подборка лучших бесплатных и платных курсов по обучению web-дизайну для новичков и профи.

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

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

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

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

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

как с нуля стать веб дизайнеромкак с нуля стать веб дизайнером

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

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

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

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

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

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

стоит ли учиться рисовать сайтыстоит ли учиться рисовать сайты

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

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

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

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

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

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

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

советы начинающему веб дизайнерусоветы начинающему веб дизайнеру

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

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

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

Пример, где можно скачать: freebiesbug.com.

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

пошаговый планпошаговый план

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

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

Заключение

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

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

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

Как я стала дизайнером за шесть месяцев / Хабр

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

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

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

Уровень первый: учимся видеть


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

Учимся рисовать


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

Изучаем теорию графического дизайна


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

Изучите основы опыта взаимодействия


Написано огромное количество книг на эту тему, начать можно с этих двух:
— «Дизайн повседневных вещей».
— «Не заставляй меня думать!»

Учимся писать


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

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

Уровень второй: учимся пользоваться Photoshop и Illustrator


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

Изучаем Illustrator


— «Иллюстратор — аудитория в книге». Скучная книжка, но если вы осилите хотя бы половину этого материла, то получите базовые навыки по использованию Illustrator.
— «Основы векторной графики». Эта книга научит вас создавать иконки в Иллюстраторе, которые будут выглядеть действительно профессионально.
— Так же посмотрите обучающий урок по созданию логотипа в Illustrator, вам это должно понравиться.

Изучаем Photoshop


На эту тему написано не менее миллиона обучающих статей, один из популярных сайтов с качественными материалами — дизайн на tutsplus. А это пример хорошего обучающего урока «как создать psd шаблон для веб-сайта» с этого же сайта. Уделяйте прохождению этих уроков пару часов каждый день и прогресс не заставит себя ждать.

Уровень третий: приобретение специализации


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

Изучаем дизайн логотипов


— «Дизайн логотипов».
— «Создание узнаваемоего бренда» (от веб-сайта до визитной карточки).

Изучаем веб-дизайн


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

Уровень 4: создание портфолио


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

Как создать портфолио новичку без опыта работы? Для этого не обязательно иметь за плечами законченные проекты или работать с настоящими клиентами. Просто занимайтесь своими собственными проектами.

Вот, что вы можете сделать, чтобы получить опыт:

— Найдите сайт с плохим дизайном и переделайте его.
— Найдите благотворительные проекты и предложите сделать дизайн бесплатно.
— Практикуйтесь на сайтах для дизайнеров.
— Присоединитесь к команде на StartupWeekend.
— Выполняйте задания из этой книги.

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

Для вдохновения посещайте Dribbble (просматривайте работы лучших дизайнеров) и zurb.com/patterntap (веб-дизайн).

Веб-дизайн. С чего начинать? / Песочница / Хабр

Я открыла для себя веб-дизайн меньше года назад.

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

1. Цвета

Основы по цветам можно найти в этой статье: popel-studio.com/blog/article/o-tom-kak-cveta-sochetayutsya.html
Необходимо научиться подбирать цветовые гаммы и вот пара ссылок для этого:
color.adobe.com/ru/create/color-wheel
colorfulgradients.tumblr.com
colorfulgradients.tumblr.com

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

Я очень люблю эту статью про цвета: habrahabr.ru/post/261181

2. Шрифты

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

Но тут есть маленькая хитрость. Давным давно уже были подобраны оптимальные решения по комбинированию шрифтов. Вот ссылка на несколько удачных комбинаций, которыми по началу можно пользоваться и их действительно предостаточно для новичка:
shkola.readymag.com/futura-garamond

3. Композиция

Композиция, для меня это основной критерий визуальной приятности. Если композиция гармонична, это уже 50% успеха. Поэтому очень рекомендую прочитать вот такие статьи:
naikom.ru/blog/archives/4146
pixelgene.ru/articles/golden-ratio.html
lopart.by/osnovy-kompozitsii-v-veb-dizajne

Прочитайте, осознайте и еще раз прочитайте.

4. Модульные сетки

Очень полезная вещь и для дизайнера и для верстальщика, который будет воплощать ваш дизайн в жизнь. Сетка помогает навести порядок в макете и сбалансировать композицию. Вот статья по сеткам:
popel-studio.com/blog/article/modulnie-setki-v-web-dizayne.html
popel-studio.com/blog/article/oda-modulnoi-setke.html
5. Тренды

Чтоб не изобретать велосипед, всегда полезно смотреть и учиться у лучших в своем деле. В дизайне важно быть в теме, следить за тенденциями и просто уметь грамотно пользоваться чужими уже удачными наработками и вот несколько сайтов, которые могут помочь в этом:
www.pinterest.com
www.behance.net
dribbble.com
www.awwwards.com
www.cssdesignawards.com
6. Поиск информации

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

Пара слов о психологии восприятия информации:
ekaterinakuzmina.ru/marketing-for-designers2
www.smartinsights.com/traffic-building-strategy/offer-and-message-development/aida-model
Если это зацепило, то ищите, в интернете просто море этой инфы.
8. Photoshop, Sketch или что-то другое

На самом деле я точного ответа не дам, где вам удобнее, там и создавайте ваши макеты. Просто скажу уделить немного внимания Смарт объектам, маскам и конечно работа со слоями: www.lookatme.ru/mag/live/experience-experiments/204035-photoshop-vs-sketch-3
9. Ништяки

Куча просто ништячков для ленивеньких или тех, кто не умеет пока сам:
beloweb.ru/dizayn-sayta/50-stilnyih-sovremennyih-i-besplatnyih-fonov-dlya-dizaynera.html
tooktoo.ru/category/mockups
www.dejurka.ru/articless/free-mockup-websites
pixelgene.ru
10. Совет напоследок

Если уже взялись делать макеты, не ленитесь, подумайте. Продумайте: для чего этот сайт, для кого этот сайт, зачем он вообще нужен и какие цели преследует? Дальше уже приступайте к разработке костяка сайта и так далее. Ищите референсы (аналоги прямые и не прямые). И просто работайте и учитесь и всё получиться.

«С чего начать, чтоб стать веб-дизайнером?» – Яндекс.Кью

Начните с изучения основ  Фотошопа. Это основа всех основ. Курсов действительно много, конечно лучше смотреть видео и копировать то, что там происходит попутно слушая объяснения автора. Статьи не очень подходят для этого дела, имхо. 

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

Еще могу посоветовать уже на ранней стадии ознакомиться с разными способами создания сайтов. WordPress и Tilda, например. Это конструктор для сайта.

На Тильде есть, кстати, небольшой курс, здесь первые лекции бесплатные: tilda.education

Есть книга, которую вам стоит прочитать однозначно «Не заставляйте меня думать» автор Стив Круг / Don’t Make Me Think: A Common Sense Approach to Web Usability, Steve Krug. Ее называют библией веб-дизайна 🙂 

Если вам говорят, что для веб-дизайнера обязательно рисовать от руки — не верьте. Это для графического дизайнера или гейм-дизайнера нужно, ваше оружие — мышка и клавиатура ) 

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

www.awwwards.com

themeforest.net -вводите, например, hotel и получаете сайты отелей.

Скачать бесплатные шрифты можете здесь: fonts.google.com

Здесь классная информация о том, как писать в инфостиле (ведь скорее всего писать тексты на сайте придется именно веб-дизайнеру ) soviet.glvrd.ru

Насчет верстки — есть верстальщики и есть веб-дизайнеры, и это не одно и тоже! Вы делаете макет в ФШ, верстальщик уже занимается непосредственно с html/css. 

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

В маленьких компаниях дизайном и версткой может заниматься один человек, но в больших — это два разных человека.  Есть еще разработчики — они работают с языками программирования — PHP или JavaScript.

Надеюсь, что мой ответ вам помог — если что, пишите 🙂

С чего начать в профессии дизайнера? 5 шагов | GeekBrains

Советы для новичков: основы, навыки и обучение

https://d2xzmw6cctk25h.cloudfront.net/post/1931/og_image/aedfd47763b6a722dd4a9cc119d8c388.jpg

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

 

Граф или веб? Sketch или Figma? Как разобраться в информации — что читать, какие курсы выбрать? Все эти вопросы беспокоят начинающих дизайнеров. Шаг под номером 0 — не бояться, а делать. Нет смысла принимать эту статью к сведению — надо выполнить рекомендации прямо по пунктам.

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

Определитесь с направлением в дизайне

Если вы еще не решили, в какой сфере дизайна начать развиваться, самое время сделать это. Только вы знаете, чем именно вам бы хотелось заниматься. Проведите время наедине с собой и выпишите 3 главных требования к профессии. Что для вас важнее всего: творчество, проявление лидерских качеств, выполнение аналитических задач, активное взаимодействие с коллегами? Возможно, вы хотите работать удаленно, или для вас на первом месте стоит материальный аспект? Ответив на эти вопросы, вы легче выберете подходящую сферу дизайна для изучения и карьеры.

  • Нравится рисовать, придумывать образы и воплощать творческие идеи? Рассмотрите профессию графического дизайнера. Он создает айдентику, логотипы, занимается версткой печатных материалов, иллюстрациями и многим другим. Подойдет тем, кто мечтал совместить художественное хобби и работу.
  • Восхищаетесь визуальной частью интерфейсов, можете скачать приложение только из-за красивой иконки или предпочитаете один сервис другому исключительно благодаря оформлению? Возможно, вы станете хорошим визуальным дизайнером (UI). Эта профессия подойдет тем, кто отличается визуальным перфекционизмом и хорошим вкусом.
  • Вам интересно продумывать логику работы интерфейсов и анализировать продукт? Дизайнер интерфейсов (UX) изучает потребности пользователя, тестирует гипотезы и работает с данными. По этому пути стоит идти людям с развитым аналитическим мышлением.
  • Если вам нравится работать над продуктом комплексно, развивать его не только как работник, но и как владелец, — присмотритесь к специальности продуктового дизайнера.
  • Гейм-дизайнер разрабатывает правила и содержание игрового процесса. Это профессия для тех, кто увлекается играми и хотел бы участвовать в их создании.

Окружите себя дизайном

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

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

Настройте информационное поле вокруг себя. Ежедневно уделяйте 30 минут просмотру лучших работ на популярных порталах: Behance, Dribbble, Awwwards. Эта практика поможет быстрее сориентироваться в среде, ловить тренды и вдохновляться творчеством ведущих дизайнеров.

На кого подписаться:

  1. Кириллица · дизайн. Полюбите кириллицу благодаря регулярным подборкам свежих шрифтов в этом Telegram-канале. Полезно не только для новичков, но и для тех, кто давно работает в дизайне.
  2. Design & Productivity. Канал экс-дизайн-директора Яндекса, Кости Горского, который пишет про дизайн и продуктивность.
  3. Digital наизнанку. Канал о русском digital с упором на дизайн и веб-разработку.
  4. Блог «Дизайн-кабак». Тематический блог «для своих», который не похож на большинство информационных порталов по дизайну. Здесь вы найдете советы, статьи и просто истории от состоявшихся дизайнеров.
  5. Land-book. Большая подборка лендингов для вдохновения.
  6. Graphic Story. Telegram-канал для графических дизайнеров и всех, кто любит смотреть на красивые работы.
  7. Дайджест Юрия Ветрова. Блог дизайн-директора Mail.ru Group. Обязательно к прочтению дизайнерам интерфейсов и продуктовым дизайнерам.
  8. Medium. Популярная платформа для публикации статей на любые темы. Для знающих английский язык это просто находка, так как здесь ведут блоги выдающиеся дизайнеры со всего мира.
  9. Tilda Education. Образовательный журнал для дизайнеров — практические руководства по дизайну и маркетингу для цифровых проектов.
  10. Бюро Горбунова. Ежедневные инсайты от одного из ведущих агенств России.

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

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

  1. Графические редакторы и инструменты.
  2. Типографика и верстка.
  3. Композиция и сетка.
  4. Текст и редактура.
  5. Управление и результаты.

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

Графические редакторы и инструменты:

  1. Видеокурс по Figma. Освойте за 6 уроков самый популярный графический редактор среди дизайнеров интерфейсов.
  2. Векторная графика в веб-дизайне: основы и практика. Бесплатный вебинар с практической частью в Adobe Illustrator.
  3. Основы Adobe Photoshop. Знать каждому, учить упорно!
  4. Бесплатный интенсив «Основы веб-дизайна». Реальное погружение в профессию. За 2 часа вы создадите лендинг и узнаете, как профессионалы работают в Adobe Photoshop.
  5. Как создать логотип для приложения в Sketch. Даже если вы далеки от графического дизайна или только начинаете путь в нем, посмотрите этот вебинар — и сможете создать свой первый логотип приложения в графическом редакторе Sketch.

Типографика и верстка:

  1. Маст-хэв для новичков — «Живая Типографика» Александры Корольковой. Бесплатная электронная версия.
  2. Электронный учебник «Типографика и верстка» издательства Бюро Горбунова. Доступен по платной подписке. Обратите внимание на оформление сайта — это лучшая реклама содержания.
  3. Джеймс Крейг, Ирина К. Скала «Шрифт и дизайн». В книге много иллюстраций, она читается быстро и легко. Рекомендуем бумажную версию.
  4. Ян Чихольд «Новая типографика». Фундаментальное исследование типографики ХХ века. Материал довольно сложный — подойдет тем, кто хочет углубиться в предмет.
  5. Эмиль Рудер «Типографика». Книга даст базовые знания о контрасте, ритме, пропорциях и цвете в типографике.

Композиция и сетка:

  1. Йозеф Мюллер-Брокманн «Модульные системы в графическом дизайне». Автор на конкретных примерах рассказывает о применении модульной системы в оформительской работе: в дизайне книг, выставочных пространств, корпоративной полиграфии. Издание адресовано широкому кругу дизайнеров и оформителей.
  2. Пол Рэнд «Дизайн: форма и хаос». Знали ли вы, что автор этой книги считается самым влиятельным графическим дизайнером ХХ века? Именно он создал логотипы IBM, Ford и многие другие.
  3. Юрий Гордон «О языке композиции». Как работает композиция — на примерах известных скульптур и произведений искусства.
  4. И следите на Dribbble за этими авторами: BestServedBold, Geex Arts, outer.

Текст и редактура:

  1. Максим Ильяхов, Людмила Сарычева «Пиши, сокращай». Обязательно к прочтению всем, кто использует текст в работе.
  2. Бесплатная рассылка о дизайне текста от Максима Ильяхова.
  3. Скачайте «Эгею» и создайте свой блог (это бесплатно). Практикуйтесь каждый день — пишите статьи, посты и рассказы, применяя изученные приемы редактуры.

Управление и результаты:

  1. Работайте эффективно по технике управления временем Pomodoro.
  2. Освойте самоорганизацию с книгой Дэвида Аллена «Как привести дела в порядок».
  3. Юрген Апелло «Agile-менеджмент. Лидерство и управление командами». С помощью этой книги вы сможете глубже погрузиться в процесс управления проектами и создать собственный подход к задачам — в соответствии с вашими потребностями.

Пройдите курсы

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

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

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

Образовательные программы GeekBrains по дизайну:

  1. Факультет дизайна с гарантированным трудоустройством. Здесь вы освоите профессию с нуля за 14 месяцев, выполните дипломный проект и получите свидетельство установленного образца о том, что прошли профессиональное обучение.
  2. Профессия «Веб-дизайнер». Обширный онлайн-курс с возможностью пройти онлайн-стажировку в Mail.ru Group. За 8 месяцев вы сможете создать 5 проектов для портфолио и по окончании обучения получить сертификат.
  3. Профессия «Графический дизайнер». Это онлайн-курс, который расскажет все об индустрии. Как и во всех профессиях GeekBrains, акцент на практическом аспекте обучения: в курс входят вебинары в реальном времени, задания для самостоятельной работы, которые проверяет преподаватель, и проекты, на которых вы сможете закрепить знания.
  4. Дизайнер интерфейсов (UI/UX). В этом онлайн-курсе навыки интерфейсного дизайна отрабатываются на реальных задачах от крупных компаний. Он длится 8 месяцев, по окончании — сертификат и несколько проектов в портфолио.
  5. Гейм-дизайнер. Курс для тех, кто хочет войти в игровую индустрию и начать зарабатывать в ней. Обучение состоит из погружения, специализации и стажировки — она включает разработку реальной игры, которую оценят эксперты рынка и инвесторы.

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

Создайте портфолио и резюме

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

На этом этапе поможет только практика и усердие. Самый популярный способ получить первый проект в портфолио — придумать задачу самому. Редизайн — отличный способ потренировать навыки и заявить о себе в профессиональном сообществе: на крупных порталах популярны «ребрендинги» мировых компаний. Посмотрите на несколько успешных работ с Behance:

  1. Михаил Глазурин, Facebook redesign concept — более 15 000 просмотров.
  2. Edson Chilundo, Apple Music Redesign — более 35 000 просмотров.
  3. Daniel Tan, Daphnie Loong, Starbucks — UI/UX Redesign — более 85 000 просмотров.

 

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

Как только в вашем портфолио появились первые работы, надо оформить резюме и опубликовать его на HeadHunter, SuperJob, 6nomads и других подобных порталах. Также используйте связи — расскажите в социальных сетях, что ищете работу. Среди ваших знакомых вполне может оказаться тот, кто поможет в трудоустройстве.

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

10 советов как начать карьеру веб-дизайнера и начать зарабатывать | DesigNonstop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

9. Каков механизм выполнения заказа
У меня взаимодействие с заказчиками происходило следующим образом. Сначала я получаю техническое задание (ТЗ) от заказчика. Потом в течение какого-то времени (обычно от трех дней и выше, в зависимости от сложности) выполняю работу и предоставляю заказчику макет сайта в jpeg. Обычно это главная страница, страница поста и вспомогательная страница. Иногда достаточно главной страницы, но об этом надо заранее договориться с клиентом. 
 

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

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

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

Как найти работу веб-дизайнера: полное руководство

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

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

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

* Может быть, даже больше, чем вы хотели знать!

Содержание

Глава 1: Что такое веб-дизайнер и чем он занимается?

Веб-дизайнер: определение

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

Есть и другие различия между веб-дизайнерами и веб-разработчиками, но это «короткий рассказ». Другой способ понять работу веб-дизайна — это рассмотреть, над какими проектами работают веб-дизайнеры, что подводит нас к…

Чем занимается веб-дизайнер?

MediaBistro определяет это (очаровательно) так:

«Эти визуальные архитекторы несут ответственность за общий внешний вид веб-сайта — его макет, цвета, шрифты, значки, кнопки и все остальное.”

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

  • Создание веб-страниц или целых веб-сайтов
  • Проектирование навигации по сайту
  • Создание макетов мобильных и / или адаптивных веб-сайтов, которые хорошо выглядят на экранах всех размеров
  • Кодирование страниц или сайтов с использованием HTML и / или стилизация этих проектов с помощью таблиц стилей и CSS (это все чаще является частью роли, хотя и не универсальным — см. Следующую главу о навыках)
  • Управление проектами, включая надзорные группы и / или клиентов

(вверх)

Глава 2: Какие навыки вам нужны, чтобы стать веб-дизайнером? А как их узнать?

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

Дополнительные навыки межличностного общения, которые следует учитывать:

  • Навыки тайм-менеджмента / управления проектами
  • Отношения с клиентами / коммуникативные навыки
  • Знание лучших практик цифрового маркетинга

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

* Хотя некоторые могут возразить, что HTML и CSS не являются обязательными навыками для веб-дизайнеров, компании все чаще включают их в требования к найму, чтобы найти членов команды «единорогов», то есть профессионалов, обладающих практическими знаниями в области дизайна и веб-разработки. Между тем, Javascript продвигает ваше резюме на один шаг вперед, потому что он дает веб-дизайнерам больше практического доступа в процессе сборки. Кроме того, все три навыка необходимы, когда вы работаете в командах, где вам нужно общаться с интерфейсными веб-разработчиками и т. П.

(вверх)

Глава 3: Заработная плата веб-дизайнеров: на что вы рассчитываете?

Согласно Indeed, по состоянию на январь 2019 года средняя зарплата веб-дизайнера в США составляла 47 049,60 долларов США (22,62 доллара США в час).

Мы разбили это число дальше в нашей статье о зарплатах в веб-дизайне, но имейте в виду, что оно будет зависеть от определенных элементов — местоположения, опыта, знаний и т. Д. Инструмент Your Worth — отличный способ указать конкретные данные о ваших личных обстоятельствах для расчета вероятной заработной платы (и правильного числа, которое нужно дать, когда вас спросят о ваших требованиях к зарплате).Вы также можете узнать, как рассчитать свою ставку за работу внештатного веб-дизайнера.

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

(вверх)

Глава 4: Как найти свою первую работу веб-дизайнера начального уровня

Сделай работу в первую очередь.Серьезно, это наш лучший совет. Сайты-портфолио веб-дизайна необходимы для получения этой первой работы. Студенты Skillcrush часто спрашивают нас: Если у меня нет клиентов, как я могу создать портфолио?

Шаг 1. Создайте фиктивные проекты

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

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

Шаг 2. Убедитесь, что ваше портфолио выглядит как часть

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

Шаг 3. Улучшите свою презентацию для лифта

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

Шаг 4. Не забудьте персональное сопроводительное письмо и резюме.

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

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

Шаг 5. Ищите вакансии, которые не требуют большого опыта, но не бойтесь подавать заявки, если они соответствуют

Большинство сайтов, включая LinkedIn, Glassdoor и Indeed, позволяют фильтровать по уровню опыта, чтобы найти роли веб-дизайнера начального уровня, так что начните с этого. Тем не менее, несколько слов совета: не позволяйте требованию типа «2-3 года опыта работы в этой области» останавливать вас. Женщины с меньшей вероятностью будут претендовать на должности, если они не на 100% квалифицированы, но мужчины делают это все время. Если вы сможете доказать, что являетесь подходящей личностью для команды и активным учеником (например, вы научились веб-дизайну в свободное время с помощью онлайн-курса Skillcrush), эти требования могут быть не такими, чтобы требовалось в конце концов.

бонусных чтений

Эти шаги должны помочь вам начать работу. Вот еще несколько ресурсов:

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

(вверх)

Глава 5. Фриланс в качестве веб-дизайнера

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

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

По сей день в Smashing Magazine есть лучшее руководство для фрилансеров в качестве веб-дизайнера. Здесь также есть руководство по установке вашей оценки в качестве веб-дизайнера (и веб-разработчика тоже).

А вот еще несколько статей и ресурсов для начала:

(вверх)

Глава 6. Выведите свои навыки веб-дизайна на новый уровень

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

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

Но есть и другие направления. Все чаще веб-дизайнеры изучают роли в UX / UI (User Experience — один из самых популярных курсов в Skillcrush!) Или даже изучают цифровой маркетинг, включая такие элементы, как SEO и стратегия в социальных сетях.

(вверх)

Глава 7. Заключительные мысли

Тот факт, что вы здесь и так глубоко изучили это руководство, показывает, что у вас есть упорство, чтобы начать карьеру в веб-дизайне, и поверьте нам, это полдела.Если вы готовы сделать решительный шаг, подумайте о том, чтобы записаться на курс Skillcrush’s Visual Design. А пока не забудьте скачать наше Руководство для начинающих по поиску работы младшего веб-дизайнера, чтобы взять с собой некоторые из этих советов куда угодно.

(вверх)

.

10-шаговое руководство по началу работы в качестве веб-дизайнера-фрилансера

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

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

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

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

Шаг 1. Нет коротких путей к успеху фрилансера

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

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

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

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

Шаг 2: Веб-дизайнер или веб-разработчик?

Люди все время путают себя с этими двумя терминами.

designer-vs-developer

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

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

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

Согласно исследованию, проведенному FastPrint, 72% участников считают, что большинство веб-сайтов выглядят одинаково.Чтобы стать успешным веб-дизайнером, вам необходимо изучить дизайн пользовательского интерфейса и иметь творческий склад ума.

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

Четко определите, по какому пути вы хотите пойти.

Шаг 3: Предположим, вы ничего не знаете

После посещения всех этих веб-сайтов «научитесь кодировать» и прохождения множества курсов HTML / CSS вы, должно быть, чувствуете себя достаточно уверенно в своих навыках программирования.

Но насколько хорошо вы знаете о дизайне пользовательского опыта (UXD) и удобстве использования в Интернете?

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

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

User Experience Design и Web Usability — два навыка, которыми вы должны овладеть, чтобы стать профессиональным веб-дизайнером.Эти два навыка позволят вам создавать веб-сайты с большей вовлеченностью и помогут понять психологию веб-дизайна.

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

Ответ прост: все это часть UXD.

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

Шаг 4. Узнайте о доменах, веб-хостинге и серверах

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

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

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

Шаг 5. Изучите немного графического дизайна

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

Вы можете объединиться с другим фрилансером, чтобы разработать их.

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

Шаг 6: Создайте свое портфолио

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

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

Создайте отличную тему и бесплатно опубликуйте ее в Интернете. Или обратитесь к компаниям и предложите им создать веб-сайт бесплатно.

no-website-app

Вот как я это сделал:

  • Я просмотрел Google Play и Steam в поисках разработчиков игр и приложений, у которых нет веб-сайта.
  • Я отправил им электронное письмо, в котором объяснил, зачем им нужен веб-сайт, и предложил сделать это бесплатно.
  • Несколько компаний ответили мне, и я сделал для них классные сайты.

После этого вы можете продемонстрировать свою работу на собственном веб-сайте или на таком сайте, как Behance.

portfolio-website Веб-сайт Шона Халпина

Шаг 7. Как установить цену на свои услуги

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

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

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

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

Постарайтесь придумать разумную цену для вашего проекта. Не слишком дорого или слишком дешево. Цена, которая заставит ваших клиентов сказать ДА, но не заподозрить.

Шаг 8: Лучшие сайты для фрилансеров для поиска работы

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

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

Шаг 9. Переход в автономный режим

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

Знаете ли вы, что более 58% малых предприятий до сих пор не имеют веб-сайтов?

Ходить по домам и звонить по телефону лучше, чем поиск работы в Интернете. Так мне удалось привлечь много клиентов.

Вот что я сделал:

  • Сначала я ходил по улицам, записывая названия и контактную информацию малых предприятий и магазинов без веб-сайта.
  • Я пришел домой и поискал эти имена в Интернете, чтобы убедиться, что у них нет веб-сайта.
  • Затем я составил небольшой документ, в котором объясняются все преимущества веб-сайта.
  • Я распечатал документ и отправил (обычным письмом) адреса тех магазинов.
  • Я неделю ждал ответа от этих компаний, а затем позвонил им, сославшись на мое письмо и спросив, не хотят ли они встретиться для получения дополнительной информации.
  • 2 раза из 5.Вот как хорошо это сработало.

Шаг 10: Следующий уровень

Как только вы встанете на ноги, вы начнете получать рекомендации от старых клиентов и множество новых проектов.

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

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

Вам понадобится время, чтобы пройти все эти 10 шагов, но вы доберетесь до цели, если будете достаточно последовательны.

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

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

.

Как создать небольшую фирму веб-дизайна

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

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

1. Создание экономичного бизнес-плана

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

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

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

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

2. Рассчитать стартовые затраты

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

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

  • Основы . Помимо базового оборудования, такого как компьютер, телефон и рабочий стол, вам нужно будет рассмотреть стоимость регистрации доменного имени и создания собственного веб-сайта.Вам также понадобятся визитные карточки, канцелярские принадлежности и программное обеспечение, специально предназначенное для вашей дизайнерской работы. Когда вы только начинаете, вы можете использовать 30-дневные пробные версии бесплатного программного обеспечения, пока не найдете то, что вам подходит. Но убедитесь, что ваши визитные карточки и другие рекламные материалы демонстрируют ваши лучшие дизайнерские работы, чтобы произвести хорошее первое впечатление.
  • Страхование, налоги и программное обеспечение . Обязательно подумайте о стоимости медицинского страхования, страхования гражданской ответственности, налогов и программных инструментов, которые вам понадобятся.Когда дело доходит до программного обеспечения для бухгалтерского учета, многие услуги предназначены для малого бизнеса, и ведение собственной бухгалтерии может обойтись дешевле. QuickBooks, Xero и FreshBooks — популярные варианты. Однако поиск хорошего бухгалтера на раннем этапе может сэкономить вам много душевных страданий в будущем и поможет вам точно знать, где вы находитесь с точки зрения вашего налогового положения и других обязательств.

3. Создайте свой бренд

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

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

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

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

4. Установите ставки фрилансера

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

Расчет ваших ставок:

  • Трудно понять, с чего начать, поэтому начните с расчета своих ежемесячных затрат. Включите все, например арендную плату, счета за коммунальные услуги, дорожные расходы, страховку и налоговые обязательства.
  • Умножьте эту сумму на двенадцать и добавьте свою идеальную годовую зарплату.
  • Разделите это число на 48, чтобы определить ваши расходы в неделю (с учетом четырехнедельного отпуска).
  • Наконец, разделите свои недельные затраты на количество часов, которые вы планируете работать в неделю (многие фрилансеры начинают с 20 часов), чтобы определить вашу почасовую ставку.

Убедитесь, что вам заплатят

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

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

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

5. Продемонстрируйте свои работы

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

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

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

6. Продвигайте свои услуги

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

Вам следует разработать процесс продаж, который охватывает следующее:

  • В поисках новых перспектив
  • Развитие отношений
  • Информирование потенциальных клиентов о ваших услугах
  • Предлагайте свои услуги нужным людям
  • Соответствие ожиданиям
  • Развитие отношений с клиентами

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

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

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

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

7. Начать работу в сети

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

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

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

8. Мастер тайм-менеджмента

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

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

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

Итог

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

Каллум — руководитель отдела маркетинга Warble Media. Это агентство по дизайну веб-сайтов и цифрового маркетинга, базирующееся в Даббо, Новый Южный Уэльс, Австралия.

.

10 вещей, которые должен знать каждый начинающий веб-дизайнер

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

Большинство уроков веб-дизайна вы извлечете из опыта работы; обучение — это итеративный процесс, и нет лучшего способа получить знания, чем делать ошибки (а затем и учиться на них).

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

1. Оптимизация веб-графики для увеличения времени загрузки страницы

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

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

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

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

2. Сохраняйте чистоту и простоту

Хороший веб-дизайн — это не только визуально привлекательный дизайн, но и удобный для пользователя. Чистый и простой веб-дизайн обычно заканчивается удобным веб-дизайном, с которым легко взаимодействовать.

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

  • Неужели дизайну нужно вот это?
  • Что делает этот элемент и как он помогает пользователю?
  • Если я внезапно удалю этот элемент, захочет ли большинство людей вернуть его ?
  • Как этот элемент связан с целью , сообщением и целью сайта?

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

3. Навигация — самое важное, что вы создадите

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

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

Размещение, стиль, технология (будет ли он использовать JavaScript или просто CSS?), Удобство использования и веб-доступность — это всего лишь или вещей, которые необходимо учитывать при создании дизайна навигации.

Ваш дизайн навигации должен работать без CSS из-за текстовых браузеров.Издевайтесь над текстовыми браузерами сколько угодно, но они все еще распространены на многих мобильных устройствах. Что еще более важно, навигация, которая работает с отключенным CSS, доступна (99,99% времени) через программы чтения с экрана.

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

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

Пользователи должны никогда не задумываться, даже на долю секунды: « Где — это навигация по сайту?»

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

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

4. Используйте шрифты с умом и методичностью

Хотя существуют тысячи шрифтов, на самом деле вы можете использовать только несколько (по крайней мере, пока CSS3 не будет полностью поддерживаться основными браузерами).Сделайте ставку на использование веб-шрифтов. Если вам не нравятся веб-шрифты, подумайте о прогрессивно улучшенном веб-дизайне с использованием sIFR или Cufon.

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

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

5. Доступность цвета

Говоря о шрифтах, мы также должны указать на важность использования правильных цветов.

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

Также используйте цвета, доступные для пользователей с определенными формами дальтонизма (попробуйте инструмент Vischeck, который поможет вам проверить определенные типы дальтонизма).

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

6. Вам нужно уметь писать код самостоятельно

С появлением на рынке различных редакторов WYSIWYG создание сайта стало таким же простым, как 1-2-3. Однако большинство этих редакторов вставляют ненужный мусор кода, что делает вашу HTML-структуру плохо спроектированной, ее труднее поддерживать и обновлять, а размеры файлов сильно увеличиваются.

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

Знание того, как использовать WYSIWYG или IDE с визуальным предварительным просмотром, не освобождает вас от изучения HTML и CSS. Вы должны знать, что происходит, чтобы создавать эффективные, семантические и оптимизированные веб-дизайны.

7. Не забывайте про поисковую оптимизацию

Хороший дизайнер всегда должен помнить об основах SEO при разработке сайта.Например, структурирование веб-контента таким образом, чтобы важный текст был представлен в виде заголовков (то есть заголовка страницы и логотипа). Вот где пригодится обучение правильному программированию. Зная правильный, семантический и основанный на стандартах HTML / CSS, вы быстро поймете, что блоки div лучше таблиц для веб-макетов не только для точного представления содержимого сайта, но и для ранжирования в поисковых системах; вы также знаете, что замена фонового текстового изображения CSS — хорошая идея.

8. Поймите, что люди нетерпеливы

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

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

9. Изучите особенности браузера (и помните о них)

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

10. Создавайте гибкие и удобные в обслуживании конструкции

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

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

Каковы ваши советы по веб-дизайну?

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

Связанное содержание

.