Веб дизайн с чего начать – как стать веб дизайнером самостоятельно

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

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

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

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

Для кого эта статья о веб дизайне?

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

Требования к начинающим веб дизайнерам

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

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

Также, вам пригодятся знания основных языков кодирования, а именно HTML и CSS, об этом мы тоже поговорим.

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

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

Как использовать этот руководство по веб дизайну для начинающих

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

Дизайн в браузере для начинающих

Возможно, знаете, что большинство дизайнеров сначала используют графические редакторы, а уже потом отдают свои проекты кодеру на верстку. Photoshop – это наиболее часто используемый инструмент, но дизайнеры также используют такие программы, как Sketch, GIMP, Inkscape и Illustrator.

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

Рабочий процесс на основе браузера имеет ряд других преимуществ:

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

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

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

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

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

Навыки, которые вам понадобятся, чтоб стать веб дизайнером

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

UX / UI дизайн

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

Больше информации об этом можно найти в статье «Что такое UX/UI дизайн на самом деле?»

Эстетические навыки

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

Сочетание шрифтов и типографика

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

Чтоб провести вас «от А до Я», предлагаю просмотреть книгу Эмиля Рудера «Типографика» . Чтение может быть довольно долгим, потому для желающих сразу же приступить к практике – короткое видео по теме, а так же гайд по определению шрифтов по картинке (это если вдруг вы уже нашли хороший пример текста, и хотели бы идентифицировать его шрифт).

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

Многие люди, включая меня, выбирают свои шрифты из Google Web Fonts. Шрифты Google можно «встраивать» в сайт, и это довольно удобно. Более того, можно пользоваться готовыми комбинациями шрифтов:

Другие подобные примеры можно найти в Интернете.

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

Если Google шрифтов мало, то можно заглянуть на WebDesignerDepot, Fonts-online, и другие сайты.

Теория цвета и цветовые схемы

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

Из обязательных инструментов – Adobe Color CC

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

Композиция и общая организация

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

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

Веб дизайн тренды

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

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

• abduzeedo.com
• behance.net
• noupe.com
• webdesignerwall.com
• flickr.com
• awwwards.com

Как стать веб дизайнером: HTML и CSS

HTML это «Язык гипертекстовой разметки». Каждый сайт, на который вы когда-либо смотрели, сделан на основе HTML. HTML – это тот язык, воспринимая который ваш браузер понимает, что на сайте есть текст, изображение, ссылка, видео или другие элементы. Ваш браузер затем переводит код в то, что вы видите на экране.

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

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

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

Выливка на живую

Готовы разместить свой сайт в Интернете? Есть доменное имя (например: mywebsite.com) и хостинг (пространство на компьютере, постоянно подключенном к Интернету или онлайн хостинг, приобретенный у сторонних провайдеров)? Загрузите файлы на хостинг, откиньтесь в кресле, расслабьтесь и …

Что делать после запуска сайта

Поправьте ошибки и допилите то, о чем забыли

“Ах, да, вот это вот… я точно хотел это поправить.”– С кем не бывает. Почти неизбежно после запуска любого сайта всплывают ошибки. И чем больше сайт, тем больше вероятность, что вы пропустили ошибку или что-то забыли. Для вашего удобства, вот довольно подробный контрольный список-чеклист :

Соберите отзывы

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

Как стать веб дизайнером – итоги

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

А если вы уже готовы опробовать свои навыки на живом проекте, и Вам нужен хороший хостинг – в качестве бонуса, вы можете купить хостинг на год от нашего партнера Inmotion всего за 1$.

Купить хостинг за $1

С чего начать изучение Web-дизайна, как научиться дизайну

Оплатить участие в мероприятии можно следующими способами:

• Банковской картой на нашем сайте
• Через систему «Расчет» (ЕРИП)
• В отделение банка
• За безналичный расчет путем банковского перевода
• Картой рассрочки Халва до 2 месяцев по Халва Mix и до 9 месяцев по карте Халва Max (подробности на сайте МТБанка)

Мы принимаем платежи по следующим банковским картам:

К оплате принимаются карты международных платежных систем VISA, MasterCard.

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

Ввод данных карточки осуществляется на защищенной авторизационной странице банка. Для оплаты необходимо ввести реквизиты карточки: номер, имя держателя, срок действия и трехзначный код безопасности. Трёхзначный код безопасности (CVV2 для VISA, CVC2 для MasterCard) — это три цифры, находящиеся на обратной стороне карточки. Если карточка поддерживает технологию 3DSecure, для ввода кода безопасности Вы будете перенаправлены на страницу банка, выпустившего карточку.

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

Если услуга была оплачена банковской картой через сайт, то возврат осуществляется на карту, с которой была произведена оплата. Срок поступления денежных средств на карту — от 3 до 30 дней с момента осуществления возврата Продавцом (Исполнителем).

Для оплаты банковской картой через систему «Расчет» (ЕРИП) вам необходимо:

Оплатить услуги UX Mind School Вы можете через систему ”Расчет“ (ЕРИП), в любом удобном для Вас месте, в удобное для Вас время, в удобном для Вас пункте банковского обслуживания – интернет-банке, с помощью мобильного банкинга, инфокиоске, кассе банков, банкомате и т.д.

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

Для проведения платежа небоходимо выбрать:

1. Выбрать
   – Пункт “Система “Расчет” (ЕРИП)
   – Образование и развитие
   – Дополнительное образование и развитие
   – Тренинги, семинары, консультации
   – г.Минск
   – ИП Колесень И.Г.
   – Посещение занятий
   – Ввести ФИО ученика и сумму для оплаты
2. Совершить платеж.

Если Вы осуществляете платеж в кассе банка, пожалуйста, сообщите кассиру о необходимости проведения платежа через систему ”Расчет“ (ЕРИП).

Условия возврата

– При отказе от посещения мероприятия возврат денежных средств происходит на карту, с которой был осуществлен платеж.

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

– Если вы решили не посещать мероприятие (курсы, интенсив, мастер-класс) и сообщили об этом не позднее 7 (семи) календарных дней до начала мероприятия, возврат оплаченной суммы происходит за минусом 10%. В теме письма напишите «отказ», в письме укажите, какое мероприятие вы не можете посетить, ваше ФИО, контакты телефон. Наш менеджер свяжется с вами в течение следующего рабочего дня для подтверждения вашего отказа и уточнения суммы возврата.

– Если мероприятие не состоится по каким-либо причинам — наш менеджер свяжется с вами для уточнения суммы возврата.

– В остальных ситуациях возврат денежных средств, оплаченных за мероприятиях, возврату не подлежат.

Хочу стать веб-дизайнером: с чего начать?

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

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

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

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

В Киеве могу посоветовать Projector School и MEAT Studies, в Москве — Британку. И да, не жалейте денег на образование, понимание этого приходит только спустя время, все мои даже захудалые курсы по фотографии сейчас возвращают сполна. И я даже немного жалею, что в свое время не пошла на курс английского в Прожекторе и что отказалась от приглашения в Школу Яндекса в июне прошлого года. Если есть возможность уехать учиться загруницу — не думайте ни секунды.

Из онлайн люблю самый полный курс по веб-дизайну от Тильды — Digital Design Basic Course. Там именно вся база, которую важно знать. И еще недавно Макс Ширко запустил курс по основам веб дизайна и по Тильде — Тильдошная.

13. Поработать в другой стране
Наверно это уже не для начинающих, но все же. Я не говорю о “валить из страны”, просто уехать на пару месяцев в другую страну и вернуться другим человеком. Это меняет полностью, это чистит голову и дает понять насколько мир огромный, и насколько твоя война ничего не значит. Это дает неимоверное количество мотивации и уверенности, появляются новые цели. Другие люди, другой язык, другой подход, другая страна. А вернуться в свой город никогда не поздно.

14. Поставить цели
Я фанат списков и заметок, записываю все подряд. Я верю, что это освобождает голову для следующих мыслей (и ничего не забываю, и никого не подвожу). Можно расписать цели на полгода, например, нарисовать 3 фейка до мая, оформить портфолио, найти стажировку до июля, закончить этот проект, запустить блог, пойти на курсы в апреле, прочитать две книжки до конца месяца, выучить Иллюстратор до конца лета. Потом это все разбивать на более мелкие цели и на недели, и каждый день заходить перечитывать, чтобы не забывать куда, а главное зачем, идешь. Часто я слышу фразу “я не уверен что это мое”. Окей, но это надо проверить. Например, поставить себе цель — если до конца этого года у меня ничего не получится и это будет уже не в кайф, начну пробовать что-то другое. И до конца года не сомневаться, а бежать как можно быстрее. И уже ближе к намеченной дате смотреть по ощущениям, твое или нет.

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

16. Найти опору
Важно найти то, что успокаивает. Человека, на которого ровняться. Цель, которая греет. Это может быть даже незнакомый человек, идеализированный образ из интернета, главное чтобы читая его нутро успокаивалось: “я тоже могу не смотря ни на что”. И никому об этом не рассказывать, пусть это будет личное.

17. Не бояться ошибиться
К счастью, у наших жизней абсолютно нет никаких целей, потому тут важно только прожить эту сотню лет счастливо и в удовольствие. Потому не стоит слишком заморачиваться или относиться сверх серьезно к чему-то. Если что-то вдруг долго не идет — бросай. Нелюбимую работу, скучную книжку, сложные отношения. Если вдруг загорелся быть дизайнером, но через год оно как-то не идет — бросай и занимайся новым. Чем больше перепробуешь, тем проще будет сделать правильный выбор. Я начинала заниматься очень многим, танцами, каллиграфией, фотографией, копирайтерством, программированием, шитьем (!), фешн дизайном, журнальной версткой, сьемкой видео и все бросала на каком-то этапе. Да, может это выглядело, как будто я не довожу ничего до конца, но все эти начинания помогают в итоге, без этого опыта я не была бы там, где есть. Начинать и бросать это нормально. И прислушиваться только к себе, а не к социальным нормам.

18. Make in your own way
Важно еще приучить себя жить по своим правилам. Быть нишевым дизайнером или делать все по чуть-чуть. Желать получить Каннского Льва или не думать о наградах вовсе. Хотеть уехать в Нью-Йорк или развивать дизайн в своей стране. Идти на курсы или учиться онлайн. Разряжать строчные или быть адептом классики. Общаться с дизайнерами или игнорировать их. Читать о веб дизайне или публично хейтить это. Ругаться матом в Твиттере или делать вид, что ты порядочный. Быть на Дрибббле или не быть. Работать в маленькой компании или в крупном сетевом агентстве. Запускать свои проекты или работать над чужими. Рисовать в Скетче или Фотошопе. Прототипировать на бумаге или на компе. Следить за популярными дизайнерами или не следить. Делать свой выбор. Не поддаваться на общие тренды и всегда иметь свое мнение. Жить по своим правилам. Because nobody really cares.

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

20. Да, получать удовольствие!
Ну конечно, это основа любого профессионализма. Когда работа не в удовольствие — достичь высот сложно, даже нереально. Любить то что делаешь, и делать то что любишь. Пробовать и начинать. Не бояться. Воспитывать вкус и самоуверенность каждый день. Не терять время. Ставить цели, добиваться и ставить новые. Много рисовать, смотреть, рисовать, рисовать. И постоянно помнить, что можно добиться чего угодно.

Итого, с чего начать? Записаться на курсы или пройти курс онлайн. Рисовать фейки. Оформить Биханс. Много рисовать, каждый день. Смотреть чужие работы и повторять. Искать проекты через знакомых. Не сомневаться.

Буду рада ответить на любые вопросы в комментариях, если есть какие-то более обширные вопросы или “я вообще похож на дизайнера?” можете писать с линками на свои работы на почту [email protected], что-то посоветую.

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

И да, все получится. У меня же получилось, и у вас получится. Work hard and have fun!

Март 2016
@elenabazu

Веб-дизайн: с чего начать новичку?

Информационные технологии

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

Определить, подходит ли профессия

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

Прочесть базовые книги

Чтобы развиваться, каждый начинающий веб-дизайнер должен следить за современными тенденциями, смотреть туториалы от профессионалов и, конечно, знать базу. Проще всего (и надёжнее) черпать необходимые знания из литературы. Среди них «‎Отзывчивый веб-дизайн» Итана Маркотта, «‎Эмоциональный веб-дизайн», Аарон Уолтер и другие книги.

Следить за профессиональными сайтами

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

Курс веб-дизайнаПо ходу курса вы сможете сделать 9 полноценных работ для своего портфолио. Также мы расскажем как правильно презентовать свои проекты.Записаться на пробное занятие

Записаться на курсы веб-дизайна

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

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

Максимилиан Антипенко, UX/UI-дизайнер и преподаватель курса по web-дизайну Адукар

Узнать ошибки начинающих специалистов

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

Спланировать подготовку портфолио

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

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

Спасибо, что дочитал до конца. Мы рады, что были полезны. Чтобы получить больше информации, посмотри ещё:

ИТ-курсы с трудоустройством Адукар

Кому не стоит идти в ИТ?

Гуманитариям больше не стоит бояться идти в ИТ

Не пропускай важные новости и подписывайся на наш YouTube, ВК, Instagram, Facebook и уведомления на adukar.by.

***

Если хотите разместить этот текст на своём сайте или в социальной сети, свяжись с нами по адресу [email protected]. Перепечатка материалов возможна только с письменного согласия редакции.

где учиться, навыки, зарплата, плюсы и минусы

---

Содержание:

1. Что такое web-дизайн?
2. Чем отличается дизайнер от веб-дизайнера
3. Плюсы профессии
4. Минусы профессии
5. Где учиться на web-дизайнера
6. Навыки web-дизайнера
7. Чем занимается web-дизайнер
8. Уровни и карьера web-дизайнера
9. Сколько зарабатывает web-дизайнер
10. Заключение

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

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

 

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

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

---

Читайте также:
Как проходит рабочий день веб-дизайнера
7 инсайтов, которые помогут нанять веб-дизайнера
Топ-12 самых прибыльных интернет-профессий 2021 года

---

Плюсы профессии

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

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

Процесс разработки (скетчи) дизайна бизнес-журнала UpDate для МегаФон

 

Минусы профессии 

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

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

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

 

Где учиться на web-дизайнера: вузы, курсы и самообразование

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

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

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

Фото с офлайн-курсов Red Collar

Чем занимается web-дизайнер

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

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

---

По теме: Как проходит рабочий день веб-дизайнера

---

 

Уровни и карьера web-дизайнера

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

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

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

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

Жизненный цикл дизайнера в агентстве

 

Навыки web-дизайнера: портфолио и soft-skills

Надеяться нужно на свое портфолио и свои навыки. Важно владение базовыми программами типа Figma и Adobe Photoshop, ProtoPie или Principle для анимации. Часто просят показать пять лучших работ. Здорово, если резюме представлено в виде хорошего имиджевого сайта, но можно собрать портфолио на Behance или вести аккаунт в Инстаграм, чтобы работодатель или заказчик могли отследить актуальность ваши проектов. Можно презентовать работы в формате видео или анимации.

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

---

По теме: 7 инсайтов, которые помогут нанять веб-дизайнера

---

 

Сколько зарабатывает web-дизайнер

Денежные средства можно получать, исходя из оклада или почасовой таксы. Заработок зависит от опыта и уровня. Если смотреть по топовым рекрутинговым площадкам, то зарплата веб-дизайнеров в Москве и Санкт-Петербурге идет от 60 000 ₽. в зависимости от опыта. В регионах – 40 000 ₽. 

А вообще, есть простая формула: как поработали + сколько поработали = зарплата. 🙂

 

Что посмотреть веб-дизайнеру — рекомендация Rusbase 

 

Заключение

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

Для тех, кто хочет понять профессию лучше, могу порекомендовать несколько книг:

• Ян Чихольд «Новая типографика»
• Иоханнес Иттен «Искусство цвета»
• Сьюзан Уэйншенк «100 принципов дизайна»

Фото на обложке: Unsplash

курсы, как стать дизайнером сайтов в 2021 году

Как продвигать услуги дизайнера фрилансера

Связи

Построение связей — критический аспект для любого бизнеса.

1. Посещайте местные мероприятия.

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

2. Проведите семинар или мастер-класс.

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

3. Предлагайте бесплатные вебинары.

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

4. Быстро отвечайте на запросы.

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

5. Разговаривайте с потенциальными клиентами по телефону.

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

6. Встречайтесь с местными заказчиками лично.

Персональные встречи с местными заказчиками могут помочь вам продать свои услуги.

Реклама

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

7. Реклама с оплатой за клик (PPC, Pay-Per-CLick).

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

8. Реклама в Facebook’е.

Реклама в Facebook’е — ещё один вариант платной рекламы. У Facebook’а большая пользовательская база, также есть возможность настройки объявлений.

Стоковые сайты

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

9. Продавайте шаблоны сайтов и предлагайте услуги по их изменению.

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

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

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

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

11. Включите ваши лучшие работы в портфолио.

Если работ в вашем портфолио мало, разместите в нём ваши шаблоны и другие материалы.

Вы как бренд

Продвижение себя как бренда — отличный способ привлечь больше клиентов.

12. Специализируйтесь.

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

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

13. Станьте экспертом.

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

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

14. Овладейте CMS.

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

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

Будьте активными

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

15. Делайте «холодные звонки» клиентам.

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

16. Пишите электронные письма потенциальным клиентам.

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

17. Предлагайте дополнительные услуги своим прошлым и настоящим клиентам.

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

18. Предлагайте регулярные услуги.

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

19. Будьте в курсе событий бывших клиентов.

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

20. Делайте специальные предложения.

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

21. Определите возможные препятствия.

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

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

Как стать веб-дизайнером: истории 4 женщин :: Здоровье :: РБК Стиль

Юлия Семенова, 27 лет, Москва

«Меня зовут Юля, мне 27 лет. Последние три года я разрабатываю дизайн сайтов под ключ: создание стиля, дизайна, продвижение. Я делаю так, чтобы продукт работал.

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

Начать свой путь в дизайне мне очень помог супруг, который знал о моей мечте. Он придумал хитрость: периодически говорил, что у него на работе проводится конкурс (давал мне задания, чтобы я рисовала). Первые мои работы были просто вырви глаз, но муж всегда меня поддерживал. Со временем стала чувствовать себя увереннее, начала выполнять различные заказы. Бралась абсолютно за все: рисовала визитки, верстала журналы, изучала Illustrator и Photoshop. Даже поработала в нескольких веб-студиях. Потом мне попался YouDo.com — онлайн-сервис по подбору исполнителей различных услуг. В то время сервис активно развивался и очень помог мне.

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

После ухода в декрет у меня появилось больше свободного времени и желания развиваться. С помощью заказов, которые я находила на YouDo, я набивала руку и расширяла портфолио. Ведь если ты работаешь на фрилансе, то нужно уметь конкурировать с такими же, как ты, заинтересовывать клиента своим предложением и обращать на себя внимание. Отклик на интересное предложение нельзя оставлять в виде короткой фразы: «Готов выполнить». Так тебя никто не заметит. Нужно быть ярким. Можно придумать какой-нибудь креатив, предложить подарок, создать интригу. Главное — искренность, честность и оригинальность.

Со временем клиенты начали сами обращаться ко мне — сработало сарафанное радио. Тогда я создала свой сайт и в один момент поняла, что могу не только заниматься веб-дизайном, но и отвечать за полную разработку сайта. Так переквалифицировалась в разработчика. У меня также есть свой образовательный канал на YouTube, где я рассказываю о том, что умею. Еще я продвигаю себя через «ВКонтакте» и «Инстаграм». 

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

Регина Аминова, 37 лет, Уфа

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

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

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

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

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

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

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

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

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

Анна Антоненко, 33 года, Москва

«Я занимаюсь дизайном уже 13 лет. Не скажу, что планировала строить карьеру именно в этом направлении, но так решила жизнь.

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

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

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

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

На будущее у меня уже очень много планов. Еще в 2006 году появилась идея создать собственный магазин онлайн-шаблонов. За годы работы накопилось множество различных дизайнов, которые я делала для себя. Это помогало мне оттачивать навыки или учиться новому. Сейчас таких шаблонов у меня уже более 400, пока я размещаю их в личном блоге, но думаю перенести на отдельный ресурс. Кроме веб-дизайна я пробую себя в компьютерной графике, живописи и рисовании (оно меня успокаивает)».

Дарья Калиненко, 27 лет, Москва

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

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

Спустя полгода подруга написала мне: «Ты же окончила курсы дизайна? Моей маме нужен логотип для ее магазина». Так я получила свой первый заказ, который принес мне деньги. Не могла поверить в то, что мне доверили такую работу, казалось, что я сплю и что это происходит не со мной. Логотип я, конечно же, нарисовала позорнейший. Заказчица осталась довольной, но вот использовала ли она его потом, к сожалению, не знаю. Для меня, на самом деле, тогда это было не так важно, и заработанное не стало толчком — дизайн вновь отошел на второй план.

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

Как начать бизнес веб-дизайна

Зарабатывайте на создании веб-сайтов.

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

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

А если вы хотите получить еще больше преимуществ, зарегистрируйтесь в The Hub от GoDaddy Pro. Зарегистрироваться можно бесплатно, и вы сэкономите массу времени благодаря этой платформе для управления всеми клиентами, которых вы собираетесь привлечь.

Готовы это сделать? Пойдем!

Загрузить Ebook

Как начать бизнес веб-дизайна

1. Настройте рабочую среду
2. Создайте команду поддержки
3. Определитесь с вашими продуктами, услугами и их моделью ценообразования
4. Назовите свою веб-дизайнерскую компанию
5. Напишите свой бизнес-план
6. Адрес юридические и административные требования
7. Создайте свои предложения и шаблоны договоров
8. Формализовать управление проектами и коммуникацию
9. Создайте процесс запуска клиентского сайта
10. Создайте свой бренд
11. Расширьте свое присутствие в Интернете
12. Найдите своих клиентов по веб-дизайну тремя способами

1.Настройте рабочую среду

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

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

Предприниматели знают, что борьба за баланс между работой и личной жизнью реальна.

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

• Выделите место для домашнего офиса — будь то целая комната или просто письменный стол в углу, и установите границы вокруг других, использующих его.
• Работайте с другими жильцами, такими как ваша семья или соседи по комнате, чтобы установить правила в отношении рабочего времени, включая рабочие часы, и как справляться с перерывами или избегать их.
• Запасите свою станцию ​​канцелярских принадлежностей, чтобы вас никогда не поймали без бумаги для принтера, этикеток, папок или любых других принадлежностей, от которых вы регулярно зависите для выполнения своей работы.
• Определите всего несколько магазинов, в которых вы можете объединить закупки для бизнеса, и настройте учетные записи, которые будут получать вознаграждения или скидки.

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

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

Связанный: Разделение личного и профессионального

Знайте свой план действий в чрезвычайных ситуациях

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

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

Место нахождения:

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

Инвестируйте в надежное и функциональное оборудование и программное обеспечение

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

• Купите лучший компьютер, который вы можете себе позволить.Купите внешний монитор, принтер и сканер.
• Если вы собираетесь делать фотографии для использования на веб-сайтах клиентов, подумайте о покупке специальной камеры.
• Знайте, как вы будете продолжать работать в случае компьютерной катастрофы, например, оставьте второй компьютер для резервного копирования.
• Определите, какое программное обеспечение вам понадобится. Если вы не уверены, многие предлагают 30-дневную бесплатную пробную версию. Первым кандидатом в вашем списке должен быть Adobe Creative Cloud.
• Для услуг по подписке выясните, какой уровень плана вам нужен.Например, GoDaddy Pro Sites предлагает набор специальных функций для управления большими группами сайтов.
• Не забывайте о текущих расходах на другие облачные приложения, такие как программное обеспечение для бухгалтерского учета, видеозвонки и удаленный доступ к компьютеру.

Связанный: 90 основных инструментов для дизайнеров и разработчиков WordPress

Иметь надежную стратегию резервного копирования

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

Выберите удаленное резервное копирование файлов в OneDrive, Google Drive, Dropbox или другого поставщика.

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

При выборе техники помните о простоте и масштабе

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

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

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

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

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

Финансовая ответственность

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

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

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

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

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

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

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

Связано: Лучшие варианты программного обеспечения для выставления счетов для малого бизнеса

Точно знайте, как вам будут платить

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

Определите процессы и политики выставления счетов, включая создание счетов, доставку и сроки выполнения относительно дат выставления счетов.

Уточните, как вы будете принимать платежи, включая чеки, кредитные карты и онлайн-системы, такие как PayPal или Stripe.

Установите ожидания в отношении депозитов, штрафов за просрочку платежей и последствий неоплаты счетов.

Знайте, как вы заплатите сами. Будете ли вы получать фиксированную зарплату по регулярному графику или асинхронные выплаты в зависимости от дохода?

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

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

Наверх

2. Создайте команду поддержки

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

Найдите своих взглядов

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

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

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

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

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

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

Работа с наставником

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

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

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

Связанный: Важность женского наставничества в технологической индустрии

Соберите свою звездную расширенную команду

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

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

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

Связано: Формирование стратегических партнерских отношений для развития вашего бизнеса

Подумайте, как и когда можно передать на аутсорсинг

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

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

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

Наверх

3. Определитесь с вашими продуктами, услугами

и их моделью ценообразования

Определите свои услуги, произведите их и установите цену для ежемесячного регулярного дохода.

Уточните свои предложения услуг

Например, вы можете предложить одно или все из следующего:

Вы также можете предложить дополнительные услуги, например:

• Управляемый веб-хостинг
• Создание контента
• SEO
• Управление социальными сетями
• Интернет-реклама
• Электронный маркетинг

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

«Производите» свои услуги для получения регулярного дохода

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

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

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

Вы точно определяете, что вы делаете, какова ценность и сколько это стоит каждый месяц.

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

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

Связано: Модель периодического дохода для веб-дизайнеров и разработчиков

Как установить прибыльную цену

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

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

Помните:

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

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

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

Учтите комиссии, связанные с принятием онлайн-платежей.

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

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

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

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

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

Если клиенты не платят за всю эту деятельность, значит, платите вы.

Наверх

4. Назовите свою веб-дизайнерскую компанию

«Мне нужно было выбрать название компании, и я решил использовать свои инициалы в двух отраслях, в которых, как мне казалось, будет возникать большая часть моих услуг, — KR Media & Designs.”
~ Кристина Ромеро, веб-разработчик и владелец бизнеса

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

Учитывайте свои долгосрочные бизнес-цели при принятии решения о том, использовать ли «деловое» имя (Web Awesome Agency of Washington) или свое личное имя (John Doe Design).

Вы видите, что переходите в агентство или остаетесь фрилансером и развиваете свой личный бренд? Будут ли потенциальные клиенты рассматривать вас как «просто фрилансера» и ожидать более низких ставок по сравнению с профессионализмом, который подразумевает название / структура агентства?

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

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

Вы на 100% уверены в предлагаемых услугах? Если нет, не указывайте конкретное название своей компании.

Итак, вот когда использовать название компании:

• Вы видите, что переходите от фрилансера-одиночки к агентству.
• Вы меняете профессию и хотите создать торговую марку, отличную от вашего личного имени.
• Вы регистрируете юридическое лицо, такое как LLC или S-Corp (если находитесь в США), и хотите защитить свою личность и дистанцироваться от нее.

А когда использовать свое личное имя:

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

Связанный: 10 советов по названию бизнеса

Примите меры и зарегистрируйте свой домен

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

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

По теме: Как купить доменное имя

Наверх

5. Напишите свой бизнес-план

Ваш бизнес-план должен:

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

Не нужно начинать с нуля. Вот пять отличных шаблонов бизнес-планов.

Совет от профессионала: Попробуйте использовать одностраничный шаблон Lean Canvas для создания бизнес-плана.

Относитесь к созданию бизнеса как к проекту

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

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

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

Насколько велик ваш потенциальный рынок сбыта? Используйте такие инструменты, как Google Trends и Facebook, чтобы оценить рыночный потенциал. Если вы ориентируетесь на географические регионы, проверьте общедоступные источники данных, такие как местные торговые палаты и корпорации экономического развития.

Наверх

6. Выполните юридические и административные требования

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

Подтвердите свой фирменный стиль

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

Получить лицензию

Посетите веб-сайт правительства своего города, чтобы определить местные требования к лицензированию бизнеса, разрешениям и фиктивному имени или регистрации DBA («Doing Business As»).

Получить страховку

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

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

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

Преимущества плана

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

Можно ли получить медицинскую страховку супруга или партнера? А как насчет настройки пенсионного счета?

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

• Укажите, будете ли вы получать медицинские / стоматологические льготы через трудовое пособие другого члена семьи, групповую принадлежность (например, членство в профессиональной организации) или независимые закупки.
• Планируйте пенсионные взносы через свой бизнес или другими способами.
• Определите вашу политику отпуска / отпуска.
• Знайте, как вы сообщите клиентам о свободном времени.
• Составьте план действий на случай непредвиденных обстоятельств, если ваши услуги потребуются в запланированное время.

Ace повседневные задачи

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

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

Определите ключевые задачи, которые выиграют от последовательного выполнения.Настройте процессы, контрольные списки и стратегии организации для:

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

Создать шаблоны для:

• Предложения
• Контракты
• Электронные письма «Приступим к работе», в которых излагаются первоначальные потребности клиентов при запуске новых проектов
• Часто отправляемые электронные письма, например, с объявлением о запланированном отпуске

Связано: Как создать систему управления клиентами

Наверх

7.Создайте шаблоны предложений и договоров

Выполните предварительные работы, чтобы убедиться, что клиент подходит.

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

Эта предварительная работа включает в себя разведку с вашей стороны: есть ли существующий сайт? Где это размещено? Этична ли их бизнес-модель?

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

Начать переговоры с предварительной калькуляции

Большинство проектов начинается со спекулятивной предварительной документации, которая инициирует обсуждение стоимости проекта — в идеале, ведущее к более официальному контракту.

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

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

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

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

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

Связано: 14 ошибок в оценке проекта, которые допускают фрилансеры, и способы их исправления

Создайте договор, защищающий как вас, так и ваших клиентов

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

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

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

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

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

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

Связанный: Как создать контракт на веб-дизайн, который превращает новых клиентов в постоянных клиентов

Наверх

8.Формализовать управление проектами и коммуникацию

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

Формализовать управление проектами

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

Инструментов много

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

Наладить процесс приема / адаптации новых клиентов

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

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

Одержимо отслеживать время

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

Запросы на изменение управления

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

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

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

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

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

Именно здесь вступает в игру концепция интерактивных прототипов.

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

Наверх

9. Наладить комплексный процесс запуска клиентского сайта

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

• SEO и аналитика
• Подключение к каналам социальных сетей
• Проверка HTML и CSS
• Доступность
• Кроссбраузерность и тестирование устройств
• Тестирование всей функциональности
• Тестирование подачи формы
• Оптимизация изображения / JavaScript / CSS
• Безопасность
• Шрифты
• 301 перенаправляет
• Проверка Google
• CDN
• 404 страницы
• CMS актуальная
• Актуальные темы и плагины
• Наличие расписания ежедневного и еженедельного резервного копирования

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

• Удовлетворены ли мы тем, что веб-сайт поможет нам достичь наших целей SMART?
• Четко ли указано на веб-сайте, что мы делаем и для кого мы это делаем?
• Содержит ли веб-сайт четкие призывы к действию?
• Готовы ли мы получать и читать отчеты Google Analytics?
• Есть ли у нас календарь содержания на следующие 12 месяцев?
• Есть ли у нас ресурсы для продвижения нашего сайта через социальные сети?
• Готовы ли мы принимать входящие запросы с форм сайта?
• Используем ли мы чат, и если да, готов ли кто-нибудь его отслеживать?
• Используется ли наш код отслеживания при проведении рекламных кампаний?
• Наш поставщик услуг электронного маркетинга подключен и готов к захвату адресов электронной почты?
• Готовы ли к запуску наши кампании по автоматизации электронного маркетинга?
• Обучены ли мы пользоваться системой управления контентом?
• Подписались ли мы на план обслуживания, и если нет, кто будет поддерживать веб-сайт в будущем?

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

Связано: Как запустить и передать сайт

Запросить социальное доказательство

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

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

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

Связанный: Как запросить отзывы и обзоры у ваших клиентов

Наверх

10. Создайте свой бренд, чтобы рассказать свою захватывающую историю

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

Пусть ваш «голос» представляет ваши ценности, ваши сильные стороны, ваш стиль.

Молодой и модный или зрелый и опытный? Серьезный или капризный? Роскошный сервис или экономичная альтернатива?

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

• Почему я должен нанять вас, а не вашего конкурента?
• Что делает вас лучшим решением?
• Почему я должен нанимать фрилансера-одиночки вместо агентства?

Связанный: Create It — Расширение вашего присутствия, бренда и продукта

Создание маркетингового обеспечения

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

Связано: 9 вещей, которые можно использовать в сумке для подарков для вашего бизнеса

Наверх

11. Расширьте свое присутствие в Интернете

Вы гордитесь своей работой — пора продемонстрировать ее миру с помощью веб-сайта и социальных сетей, которые привлекают ваших идеальных клиентов!

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

Создайте сайт для своего нового бизнеса

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

Ничто не расскажет вашу историю лучше, чем портфолио выполненных работ.

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

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

На вашем сайте должно быть как минимум:

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

Связанный: 5 советов для убийственного портфолио WordPress

Установите связи в социальных сетях

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

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

Связанный: Как требовать, чтобы социальные сети обрабатывались

Привлекайте клиентов на свой сайт

Для привлечения потенциальных клиентов на ваш сайт требуется маркетинговая стратегия.

Используйте такие инструменты, как Google AdWords, реклама в Facebook и электронный маркетинг GoDaddy, чтобы повысить осведомленность о своем бизнесе и продуктах.

Связанный: Привлечение потенциальных клиентов для предприятий веб-дизайна

Наверх

12.

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

Фокус на нише

Вы не хотите, чтобы вас называли обычным «веб-дизайнером».

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

Специализации

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

Ваша золотая середина — это сочетание ваших навыков и увлечений.

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

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

Знайте свою аудиторию

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

Удовлетворение потребностей клиентов имеет решающее значение для успеха бизнеса в области веб-дизайна.

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

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

Связано: Что включать в профиль клиента

Стратегия поиска клиентов для развития вашего бизнеса в области веб-дизайна

Вы можете спросить: «Как мне найти новых клиентов?» как будто они прячутся. На самом деле клиенты от нас не прячутся; они ждут, чтобы их обслужили.Хитрость в том, чтобы их найти.

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

Советы, которые помогут найти клиентов:

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

Разработайте способы найти, встретить и высадить этих людей.

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

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

Связанный: Исчерпывающее руководство по поиску идеальных клиентов

Наверх

Готовы ли вы начать

и развивать бизнес веб-дизайна?

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

Плюсы

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

Связанный: 17 типов клиентов, с которыми имеет дело каждый веб-дизайнер

Вызовы

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

Связано: 11 тенденций веб-дизайна, на которые стоит обратить внимание в 2019 году

Еще не бросай свою повседневную работу!

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

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

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

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

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

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

Связано: 14 советов для успешного веб-дизайна

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

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

Связанный: Поиск первого клиента в качестве внештатного веб-профессионала

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

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

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

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

Марк Твен сказал: «Секрет успеха в том, чтобы начать.”

Найдите время, чтобы усвоить все, что здесь описано, изучить статьи по ссылкам, чтобы получить дополнительную информацию, составьте план, выберите отправную точку — и вперед!

Обобщая основные этапы процесса:

1. Если вы определились, что готовы начать бизнес в области веб-дизайна, настройте рабочую среду и создайте команду поддержки.
2. Сосредоточьтесь на бизнес-планировании, составив бизнес-план, решив юридические и административные вопросы, определив свой бренд, определив своих идеальных клиентов и способы связи с ними, а также разъяснив свои продукты и услуги по выгодной цене.
3. Создайте инфраструктуру и процессы для работы с клиентами, включая предложения, контракты, управление проектами, общение и запуск их нового красивого веб-сайта — разработанного вами!
4. И, наконец, установите свое присутствие в Интернете и сообщите миру, что вы готовы к работе.

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

Примечание редактора: Начинаете заниматься веб-дизайном? Присоединяйтесь к GoDaddy Pro , чтобы безопасно управлять всеми своими клиентскими сайтами и учетными записями GoDaddy с единой панели управления. Узнайте больше и зарегистрируйтесь бесплатно.

***

Эта статья включает материалы, изначально опубликованные в блоге GoDaddy следующими авторами: Лиза Стамбо, Кристина Ромеро , Рэнди А. Браун , Аарон Рейманн , Трой Дин и Энди Макилвейн .

---

Эффективно добивайтесь лучших результатов.

Когда вы используете The Hub от GoDaddy Pro, у вас внезапно появляется больше времени, чтобы сосредоточиться на самом важном. Забудьте о жонглировании административными задачами. Рекламируйте свое время и используйте его, чтобы клиенты чувствовали себя центром вашей вселенной.

Бесплатная регистрация

Автор изображения: Кристин Хьюм на Unsplash

Руководство для начинающих: как научиться веб-дизайну дома | Винсент Ся

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

Визуальное + взаимодействие = ядро ​​веб-дизайна

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

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

Изучить дизайн макета

Изучить принципы цвета

Освоить базовые знания интерактивного дизайна

Придется овладеть PS и другим инструментом макета веб-интерфейса

Понимать базовый язык кодирования (HTML, CSS)

Знаком с продуктом компании и группой пользователей

По крайней мере, владею одним из интерфейсных программ редактирования кода, я хотел бы порекомендовать Dreamweaver

Знать о SEO

Макет, цвет, графика, шрифт, контент

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

1. HTML и CSS: проектирование и создание веб-сайтов

2. Изучение веб-дизайна: руководство для начинающих

3. Не заставляйте меня думать: здравый подход к веб-удобству

4. Изучение веб-дизайна Pages Functional

5. Проектирование с использованием веб-стандартов

Treehouse

Lynda

Udemy

1. Smashing Magazine

2. Блог Mockplus

3. Webdesigner Depot

4. Webdesignledger

6.Взлом UI

7. 1stwebdesigner

8. WEBAPPERS

1. W3Schools

Чтобы выучить базовый язык программирования, он включает ： HTML и CSS с простым языком, чтобы научить вас.

2. Google Code University

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

3.Code Avengers

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

30 дней для изучения HTML и CSS

Руководство по HTML и CSS для новичков

Не бойтесь Интернета

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

Как начать бизнес в области веб-дизайна (всего за 24 часа)

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

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

Кроме, конечно, когда есть…

Я дам вам несколько ярлыков.Здесь и сейчас. (Я уже слышу разочарование в голосе отца. « Раздавать коммерческую тайну ?? », вероятно, говорит он.)

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

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

А теперь моя очередь ответить на просьбу.

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

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

Как начать бизнес в области веб-дизайна за 13 шагов

Хорошо, больше никакой болтовни. Перейдем к , работа .

1) Спросите себя: «Почему?»

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

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

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

«У каждого есть план, пока он не получит удар по лицу». — Майк Тайсон

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

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

2) Найдите свою нишу

Тебе, наверное, надоело слышать, как забили до смерти это клише. Но вы хотите знать, почему это повторяется так часто?

Потому что это 100% правда.

Это особенно актуально в индустрии веб-дизайна. Веб-дизайн настолько невероятно переполнен . Конкуренция ожесточенная.

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

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

Между острой конкуренцией и негативными ассоциациями с вашей работой, вам придется отказаться от своей работы за вас. Недостаточно просто быть «веб-дизайнером».

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

Ответы на эти вопросы помогут вам вырезать свой собственный маленький кусок огромного пирога веб-дизайна.

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

Это был мой билет.

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

СВЯЗАННЫЙ: Как я привлек одного из крупнейших руководителей в Канаде в качестве клиента

PRO TIP: Я создал первую в мире социальную сеть для веб-дизайнеров в Launchers. Присоединяйтесь к нам, и я помогу вам найти свою нишу! Подпишите здесь.

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

Вы знаете, как я назвал этот бизнес веб-дизайна, который специализируется на быстром дизайне веб-сайтов?

RapidWebLaunch .

Броский? Нет. Сексуально? Нисколько. Легко запомнить? Не совсем.

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

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

1. Логотип
2. Таблица цветов
3. Слоган / слоган
4. Голосовая связь / обмен сообщениями

Логотип

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

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

Таблица цветов

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

Слоган / слоган

Сделайте это простым, но запоминающимся.

Шахта? ? Быстрый и доступный веб-дизайн. Гарантированно.

Голосовая связь / обмен сообщениями

Может быть, это вас немного сбивает с толку.

Вы должны думать о своем бренде как о личности. Каковы ценности этого человека? Симпатии и антипатии? Сильные и слабые стороны? Стиль речи? Возраст? Пол?

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

4) Зарегистрируйте свое доменное имя

Теперь, когда вы придумали название компании, торговую марку и логотип, пора зарегистрировать свой домен!

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

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

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

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

5) Выберите подходящий инструмент для дизайна веб-сайтов

Сейчас вещи становятся интереснее.

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

Давайте быстро взглянем на каждого, не так ли?

Weebly

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

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

Это позволяет легко маркировать их продукты и профессионально представлять себя.

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

Благодаря этому Weebly идеально подошел мне и моему бизнесу.

По крайней мере, на время.

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

СВЯЗАННЫЕ:

WordPress

WordPress — самая популярная платформа для веб-дизайна в мире, и не зря.

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

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

Если вы собираетесь стать веб-дизайнером, вам стоит в какой-то момент изучить WordPress. А пока используйте более простой инструмент, например Weebly, чтобы получить некоторый опыт.

На данный момент я использую WordPress почти для всех веб-сайтов моих клиентов.

СВЯЗАННЫЕ: Weebly против WordPress: какая платформа для веб-дизайна вам подходит?

Shopify

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

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

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

Очень рекомендую!

Squarespace

Squarespace рекламировала меня на Facebook, Twitter, YouTube, Instagram, телевидении, радио, рекламных щитах и ​​почти во всех моих любимых подкастах.Они везде .

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

Я рекомендую вам проверить их и узнать, что вы думаете.

Wix

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

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

Джимдо

Я не знаю ничего о Джимдо. Честно.

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

6) Пора создавать свой сайт!

Woop woop! Приступим к строительству!

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

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

1. Будьте проще. Меньше — больше. Чисто, минималистично, красиво.
2. Ваш сайт — это ничего, без качественных изображений и видео. Они должны составлять около 70-80% вашего контента.
3. Всегда думайте о телефоне. Сейчас большая часть трафика идет с мобильных устройств. Убедитесь, что ваш сайт на 100% реагирует на все устройства!
4. Скорость — это все. Убедитесь, что вы сжали все изображения, чтобы они были как можно меньше без ущерба для качества.И не добавляйте слишком много модного кода или раздутых приложений и расширений!
5. Ваш пользовательский опыт должен быть фантастическим. Сделайте кристально чистым, то, что вы ожидаете от посетителей. Направьте их по этому пути. Хотите, чтобы они подписались на вашу рассылку новостей? Купить подогреватель чашек ручной работы? Позвоню тебе? Покажи им, как. Если вы этого не сделаете, ваши посетители уйдут так же быстро, как и прибыли.
6. Не делайте ни одной из этих распространенных ошибок веб-дизайна. ????

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

7) Выберите платформу для выставления счетов

Тебе ведь нравится, когда тебе платят?

Вам нужна платформа для выставления счетов, которая:

• Позволяет легко создавать красивые и профессиональные счета-фактуры
• Автоматически отслеживает расходы (благодарите меня в налоговый сезон)
• Имеет автоматическое регулярное выставление счетов за продукты по подписке
• Может обрабатывать платежи по кредитным картам

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

У них тоже есть бесплатная версия. Идеально для начинающих.

СВЯЗАННЫЙ: Мой полный обзор FreshBooks

8) Настройте процессор кредитной карты

Как я уже сказал, я использую Stripe.

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

У вас также будет возможность предварительно авторизовать списание средств с клиентов. Я не приступаю к работе, пока не получу 50% залог.

50% до начала работы, 50% после завершения работы. Отсекает всех отрывочных людей.

9) Продвигайте свой новый блестящий бизнес в области веб-дизайна!

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

Настройте профиль здесь:

• Google Мой бизнес ( решающий )
• Yelp (на самом деле просто заполнитель)
• Facebook (если вы думаете, что вам нужно… Я лично ненавижу Facebook и теперь удалил его)
• Twitter (раньше был моей любимой социальной сетью, но сейчас он слишком токсичен)
• Pinterest (отлично подходит для блогов)
• YouTube (если вы не снимаете видео, значит, вы сильно отстаете)
• Instagram (я использую его не для бизнес-маркетинга, а скорее как доказательство того, что я практикую то, что проповедую)
• Reddit (может быть очень полезен, если у вас толстая кожа)
• Quora (в основном для идейного лидера)
• Лаунчеры (социальная сеть для веб-дизайнеров!)

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

СВЯЗАННЫЙ: Как получить больше отзывов в Google от ваших клиентов (за один простой шаг)

10) Поиск новых клиентов

Это самая сложная часть работы веб-дизайнера.

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

Ваш самый ценный актив — ВАША сеть

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

Это займет время. Вам нужно набраться терпения и много работать. Но вы начнете видеть «эффект снежного кома», когда будете закрывать один веб-сайт за другим. Один довольный клиент рассказывает всем в своей сети и так далее, и так далее…

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

Upwork

Upwork — самая популярная в мире платформа для фрилансеров.В нем немало послов и недоброжелателей.

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

Гуру

Guru похож на Upwork, только меньше. — сказал Нуф.

Карты Google

Хотите быстро найти новых клиентов для веб-дизайна? Выбирайте местный.

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

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

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

Craigslist

Это старая школа, но она все еще может работать.

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

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

СВЯЗАННЫЙ: Как НЕ продавать услуги веб-дизайна (10 ошибок, которых следует избегать)

11) Зацикливайтесь на своем опыте работы с клиентами

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

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

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

Например, вот что видят мои посетители после того, как отправят запрос на расценки:

Он маленький, но более запоминающийся, чем «Спасибо за отправку! Мы скоро свяжемся с вами.”

А вот что происходит, когда посетители моего блога получают страницу 404 в моем блоге:

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

12) Масштабирование и автоматизация агрегата

Автоматизируйте как можно больше задач и процедур. Такие вещи, как:

• Отправка счетов
• Обработка платежей
• Электронная почта
• Свинец
• Управление воронкой

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

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

13) Подумайте о дополнительных услугах, которые вы можете предложить

Малому бизнесу нужны веб-сайты. Но что еще нужно малому бизнесу?

Например:

Проявите творческий подход. Сколько проблем вы можете решить для своих клиентов с помощью ?

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

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

Я сейчас нахожусь на той стадии, когда у меня есть небольшая команда, которая помогает мне не отставать от спроса. Рост FTW!

СВЯЗАННЫЙ: Как создать РЕАЛЬНЫЙ пассивный доход с помощью вашего бизнеса веб-дизайна

Готовы начать свой собственный бизнес в области веб-дизайна?

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

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

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

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

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

Не смотря ни на что, просто начало .

СВЯЗАННЫЙ: Позвольте мне разобрать ваши 14 самых серьезных оправданий для того, чтобы не начинать бизнес

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

Если вам понадобится помощь, напишите мне по адресу [адрес электронной почты]

Часто задаваемые вопросы

Вот самые частые вопросы, которые я получаю об открытии бизнеса в области веб-дизайна:

Сколько я должен взимать за дизайн веб-сайта?

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

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

Будьте готовы поработать несколько раз бесплатно!

Как мне передать веб-сайт клиенту, когда он будет готов?

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

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

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

Когда мне следует поднять цену на дизайн веб-сайта?

Повышение цен — процесс очень постепенный.Нет конкретного числа.

Что я могу вам сказать, так это то, что когда я дошел до того момента, когда мне больше не НУЖЕН клиент для оплаты счетов в этом месяце, это дает вам полную свободу взимать плату, которую вы хотите, и выбирать клиентов, которые подходят вам. . Но на это потребуется время.

Постарайтесь не клянчить дела! В противном случае люди не будут уважать вас.

Как мне предоставить точную расценку на дизайн веб-сайта?

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

Есть много способов цитировать, но я так делаю.

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

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

Должен ли я зарегистрировать доменное имя моего клиента самостоятельно или попросить их сделать это и предоставить мне к нему доступ?

Зависит от клиента.У большинства моих клиентов уже есть домен, поэтому они просто предоставляют мне к нему доступ.

30 советов по изучению веб-дизайна за 30 дней

Изучение основ веб-дизайна все еще в вашем списке «когда-нибудь»? Почему вы еще не начали? Мы собрали 30 советов и ресурсов, которые помогут вам начать изучать веб-дизайн в этом месяце (и, возможно, даже найти себе новый карьерный путь!)

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

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

1. Создать веб-сайт

Лучший способ начать изучать веб-дизайн — это начать им заниматься. Это совет Дэвида Кадави, автора книги Design Hackers.

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

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

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

2. Читайте все, что можно

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

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

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

3. Будьте эффективным коммуникатором

Если вы не самый красноречивый человек, освежите эти навыки. Большая часть веб-дизайна — это общение.

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

4. Подпишитесь на Tuts + и Envato Elements

Рассмотрите возможность подписки на Envato Elements, которая также даст вам доступ к отличному учебному ресурсу Tuts +.

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

5. Думайте в HTML

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

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

6. Играйте с кодом на Codeacademy

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

Вы можете выбрать курс Codeacademy где и когда он вам нужен, а также начинать и останавливаться по мере необходимости.Выберите предмет для изучения — веб-разработка, программирование, наука о данных — или язык, на котором нужно сосредоточиться — HTML и CSS (отличное место для начала), Python, Java, SQL, Ruby и другие.

7. Научитесь понимать CSS

CSS или каскадные таблицы стилей определяют представление документа, написанного в HTML или XML и SVG.

Согласно определению Mozilla

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

Mozilla также имеет отличную коллекцию ресурсов CSS для начала работы с подробным описанием того, как работает CSS, включая селекторы и свойства, написание правил CSS, применение CSS к HTML, как указать длину, цвет и другие единицы в CSS, каскад и наследование, основы блочной модели и отладка CSS.Затем модули переходят к объяснению стиля текста и полей.

8. Примените свои навыки дизайна в Интернете

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

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

9. Обратите внимание на любимые сайты

Обратите внимание на сайты, которые вам нравятся. Что в них нравится вам? (И как вы можете научиться воспроизводить эти элементы?) Обратите внимание на:

• Типографика
• Навигация
• Использование изображений и пространства
• Дизайн форм
• Анимация и эффекты прокрутки
• Цвет

10.Нарисуйте каркас

Wireframing — это мозговой штурм веб-дизайнера.

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

Не знаете, как создать каркас? В Digital Telepathy есть руководство по передовому опыту, которое поможет вам в обучении.

11. Найдите время, чтобы изучить набросок

Sketch — это инструмент векторной графики для Mac, который упрощает создание элементов дизайна.Многие дизайнеры обращаются к Sketch для создания элементов пользовательского интерфейса и повторяющихся блоков дизайна.

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

12. Будьте в курсе технологий

AI, VR, AR, 360-градусное видео, боты.

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

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

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

13. Почувствуйте себя комфортно с SEO

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

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

Фрилансеры, для вас это тоже жизненно важно. Большинство клиентов достаточно сообразительны, чтобы попросить веб-сайт, оптимизированный для SEO.Если вы работаете в одиночку, вам нужно знать достаточно, чтобы создать прочную структуру, которую Google может прочитать (и уметь направить клиента к специалисту по SEO, если необходимо выполнить дополнительную работу).

14. Играйте с помощью конструктора веб-сайтов

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

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

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

15. Найдите наставника

Есть ли кто-то, с кем вы работаете и которым вы восхищаетесь как веб-дизайнер? Пригласите их на обед и обсудите их мысли об отрасли.

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

16. Присоединяйтесь к сообществу CodePen

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

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

17. Возьмите класс

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

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

18. Хотите что-нибудь сделать? Google It

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

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

19. Обратите внимание на удобство использования

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

Вот как Interaction Design Foundation описывает UX-дизайн:

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

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

20. Обратите внимание на тенденции дизайна

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

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

21. Создавать без цвета

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

Это может не всегда работать, но это отличная отправная точка.

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

22. Научитесь любить шрифты Google

Google Fonts — ваш друг.

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

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

23. Разобрать UI Kit

Загрузите пользовательский интерфейс или набор значков и разберите их.

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

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

Затем попробуйте создать или настроить один или два собственных элемента.

24. Стать типографом

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

Начните с книги Эллен Луптон «Мыслить шрифтом». (Есть также книга с таким же названием.) Луптон является авторитетом в области типографики, и ее информация мгновенно заставит вас задуматься, как типограф.

25. Перейти в JavaScript

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

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

В

Learn JS есть интерактивное руководство, которое поможет вам начать работу.

26. Обновите свое портфолио

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

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

27. Испытай себя

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

Единственное, что в этом поле — это то, что оно постоянно меняется; всегда есть что узнать или попробовать.

28. Получите максимум впечатлений

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

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

Чего вы ждете? Прекратите откладывать на потом.

29. Спросите отзыв

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

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

30. Продолжайте учиться новому

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

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

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

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

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

📌 Связано: В чем разница между веб-дизайнером и веб-разработчиком?

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

Хотите БЕСПЛАТНО изучать дизайн и программирование? Присоединяйтесь к нашему Coding Camp!

Ты выучишь: Основы HTML и CSS Основы визуального дизайна Каково работать в сфере технологий

Содержание:

1. Какие технические навыки вам нужно знать, чтобы стать веб-дизайнером?
2. «Мягкие» навыки веб-дизайна, которые выделят вас
3. Как научиться веб-дизайну онлайн

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

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

1. Визуальный дизайн

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

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

📌 Связано: Что такое визуальный дизайн? Графический дизайн, дизайн пользовательского интерфейса, веб-дизайн — в чем разница?

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

2. UX

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

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

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

Примечание. Skillcrush также имеет дополнительный курс UX, который вы можете приобрести вместе с нашим курсом Break Into Tech.

Хотите БЕСПЛАТНО изучать дизайн и программирование? Присоединяйтесь к нашему Coding Camp!

Ты выучишь: Основы HTML и CSS Основы визуального дизайна Каково работать в сфере технологий

3.Программное обеспечение для графического и веб-дизайна

Как любому мастеру, как веб-дизайнеру, для работы вам нужны правильные инструменты. Знание отраслевых стандартов веб-дизайна и графического дизайна будет полезно в каждом случае и важно во многих. Хотя создание веб-сайта можно выполнять прямо в веб-браузере, такие инструменты, как Adobe Photoshop, Adobe Illustrator и Sketch, используются в графическом и веб-дизайне для выполнения важных рабочих функций: создание макетов, разработка ресурсов (например, логотипы и изображения) и конечно, доработка и доработка фото.

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

4. HTML

Подождите, чтобы стать веб-дизайнером, вам нужно уметь программировать? Возможно, вы не представляли, что веб-дизайнерам потребуется знать или код , но некоторые технические навыки необходимы — небольшое знакомство с HTML и CSS ожидается для большинства современных дизайнерских работ. HTML расшифровывается как HyperText Markup Language, язык программирования, используемый для размещения контента на веб-странице и придания ему структуры во внешнем интерфейсе.Это означает, что именно так можно превратить связку слов в заголовки, абзацы и нижние колонтитулы. А также то, как вы размещаете на веб-сайте «крутой» контент, например фотографии, видео и графику.

5. CSS

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

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

📌 Связано: Это те вакансии, которые можно получить с помощью только HTML и CSS

Бонус! JavaScript

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

(Вернуться к началу)

Мягкие навыки, необходимые каждому веб-дизайнеру

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

6. Тайм-менеджмент

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

7. Навыки общения

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

8. SEO / цифровой маркетинг / социальные сети

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

9. Управление бизнесом / клиентами

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

(Вернуться к началу)

Как научиться веб-дизайну в Интернете

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

Вы можете изучить ВСЕ навыки, о которых мы говорили выше, в программе Skillcrush Break Into Tech, всеобъемлющем, полностью интерактивном курсе обучения, разработанном для того, чтобы вы с нуля начали работать в веб-разработке или в качестве веб-дизайнера за несколько месяцев.Он включает в себя быстрые пути, которые помогут вам быстро начать карьеру вашей мечты, более десятка курсов, а также дополнительные дополнения к курсам, которые помогут вам найти свою нишу и найти свой путь в технологиях.

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

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

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

(Вернуться к началу)

Хотите БЕСПЛАТНО изучать дизайн и программирование? Присоединяйтесь к нашему Coding Camp!

Ты выучишь: Основы HTML и CSS Основы визуального дизайна Каково работать в сфере технологий

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

3.2. Регистрация предприятия

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

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

3.3. Бизнес-администрирование

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

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

• Бухгалтерский учет / бухгалтерия : Используйте бухгалтерский инструмент, такой как Freshbooks или Quickbooks, для отправки счетов, получения платежей и отслеживания расходов.
• Маркетинг : мы уже поделились некоторыми конкретными советами, но суть в том, что вам не следует ждать, пока у вас закончится работа с клиентами, чтобы продвигать свой бизнес — это долгосрочный процесс.
• Наем / управление : вы можете в конечном итоге решить передать на аутсорсинг небольшие проекты и административные задачи (вы можете попробовать Fiverr для этого), так что это помогает выстроить процесс найма и управления, как только вы начнете осознавать эту потребность. А пока создайте документацию по процессу для как можно большего количества вещей, чтобы, даже если вы еще не готовы нанимать, вы были готовы, когда придет время!
  А пока вы можете проверить лучшие платформы, чтобы нанять разработчиков WordPress, которые помогут вам принять решение.

3.4. Приведите свои инструменты в порядок

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

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

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

4. Увеличивайте масштаб, зарабатывайте больше и повышайте ценность

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

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

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

• Зарегистрируйтесь в качестве партнера для ваших любимых продуктов WordPress (плагины, темы, хостинг) и порекомендуйте их своим клиентам за комиссию. Чтобы добиться успеха, четко раскрывайте информацию о филиалах (например,г. «Эта статья содержит партнерские ссылки» ) и будьте прозрачны в отношении вашего опыта работы с продуктом.
• Зарабатывайте еще больше, напрямую управляя веб-хостингом клиентов и текущим обслуживанием WordPress (плагин, тема, основные обновления, а также периодические обновления / изменения содержимого веб-сайта по запросу вашего клиента).
• Продолжайте узнавать что-то новое. Конечно, нет причин пытаться изучить все, что нужно знать о веб-дизайне / разработке, но вы должны работать, чтобы оставаться в курсе своей ниши / специальности.Следуйте правилу 20% Google для обучения / развития — проводите время на конференциях, прохождение курсов и чтение дополнительной информации о программировании, чтобы оставаться в курсе. Потратив на это время, вы также, по сути, сами выписываете повышение с текущими / новыми клиентами. Ваш опыт определенно чего-то стоит!
• Создание информационных продуктов. Продажа услуг означает, что вы ограничены доступным временем и энергией. Продажа продуктов означает неограниченный потенциал дохода. Спросите себя: «О чем я знаю достаточно, чтобы написать электронную книгу или создать онлайн-курс?».

Заключительные мысли о начале бизнеса в области веб-дизайна

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

Какие еще вопросы у вас есть по поводу открытия бизнеса в области веб-дизайна? Делитесь своими мыслями в комментариях и вместе давайте поможем развитию сообщества благодаря полезной поддержке!

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

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

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

Для дизайнеров среди нас: вы когда-нибудь говорили кому-то «Я занимаюсь дизайном веб-сайтов» и испытывали холодный страх, когда они отвечали: «Круто! Вы можете научить меня, как это сделать? » Я имею в виду, сложно объяснить, насколько трудоемким может быть дизайн.Это особенно верно, когда спрашивающий мало что знает о компьютерах. Многие люди просто предполагают, что вы нажимаете и перетаскиваете все на экран, может быть, как в PowerPoint. Я скажу вам это бесплатно: возможность экспорта «веб-страниц» в PowerPoint не помогла. Мы здесь, чтобы помочь вам исправить эту ошибку. В следующий раз, когда кто-то спросит вас, как создавать веб-сайты, укажите их здесь.

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

Для кого это?

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

«Минимальные требования»… низкие.Если вы знаете, что такое папки и текстовые файлы, можете начинать. Это так просто

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

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

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

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

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

Как пользоваться этим руководством

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

Нет, наверное, вы не хотите читать все сразу. Есть много внешних ресурсов, которые нужно прочитать, множество концепций, над которыми можно осмыслить. Я выучил это не сразу. Скорее всего, вы тоже. Это нормально.

Проектируем в браузере

Может быть, вы искали в Интернете и заметили, что многие люди сначала используют редакторы изображений для создания своих веб-сайтов. Они кодируют дизайн после или поручают это делать кому-то другому.Photoshop — это наиболее часто используемый инструмент, но люди также используют такие программы, как Sketch, GIMP, Inkscape и Illustrator.

Веб-сайты

должны создаваться в браузере… потому что люди не просматривают веб-страницы в Photoshop

.

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

Кроме того, рабочий процесс на основе браузера имеет ряд других преимуществ:

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

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

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

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

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

Образ мышления, который вам понадобится

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

1. Если они сообразительны, они сначала набросают некоторые идеи на бумаге. Затем они откроют Photoshop. Как любитель, я всегда начинал со второго шага — не делай своих ошибок.
2. Они вложат свое сердце, душу, кровь, пот и слезы в свои лучшие идеи. Эти идеи сформируют законченный и красивый дизайн для домашней страницы (возможно). Затем, если у них есть запрос от начальника или клиента, они могут быстро собрать несколько других вариантов дизайна / макета.
3. Клиент почти неизбежно выберет одну из «низших» концепций по собственным причинам. Даже если это не «вина клиента», может быть очень, очень трудно вернуться и изменить дизайн, который вы уже конкретизировали или «закончили».

Такой подход никому не идет. Таким образом, первое, что вам нужно знать, это:

Все повторяется

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

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

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

Вы никогда не перестанете учиться

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

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

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

Содержание превыше всего

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

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

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

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

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

Следствие: типографика в основном — это веб-дизайн

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

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

Вы просматриваете Интернет иначе, чем ваши пользователи

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

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

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

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

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

Вы что-то продаете

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

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

Необходимые навыки

Если вы хотите заниматься этим профессионально, вам понадобятся различные навыки.Здесь мы сосредоточимся на навыках, необходимых для фактического проектирования и создания веб-сайта. Конечно, вам также понадобятся навыки ведения бизнеса и общения. Когда вы будете готовы узнать об этом все, что сможете, ознакомьтесь с категорией «Бизнес» здесь, на WDD.

А пока мы начнем с первого, что вам нужно знать.

Дизайн пользовательского опыта

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

Конечно, есть ресурсы, которые могут помочь вам начать работу, например What is User Experience Design? Эта всеобъемлющая статья Smashing Magazine охватывает основы UX-дизайна и включает обширный список ссылок на другие ресурсы.Как только вы закончите с этим, не забудьте прочитать «UI vs UX: в чем разница?» Дейна Миллера. (Иногда можно встретить взаимозаменяемые термины «UI (пользовательский интерфейс) дизайн» и «UX-дизайн», и это создает у людей неправильное впечатление.)

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

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

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

Эстетические навыки

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

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

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

Типографика

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

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

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

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

Если вы хотите создавать свои собственные пары шрифтов Google, попробуйте The Web Font Combinator. Это инструмент, который позволяет быстро и разумно просматривать комбинации шрифтов. Чтобы получить более продвинутый инструмент планирования типографики, попробуйте Typecast.У него есть бесплатный план, который подойдет большинству начинающих и одиноких дизайнеров. Если вы начинаете работать с другими, и вам действительно нужно предоставить им доступ для редактирования в вашем планировании шрифтов, цена совсем неплохая. Typecast также предоставит вам доступ к платным шрифтам, которых нет в библиотеке Google Fonts.

Еще одно место для поиска веб-шрифтов: Font Squirrel. Font Squirrel имеет огромную библиотеку бесплатных шрифтов для использования на веб-сайтах. В отличие от Google встраивать их не так удобно. Придется делать это самому.Если вы хотите узнать, как это сделать, вот отличное руководство. Однако прежде чем вы это сделаете, вы можете пропустить вперед и сначала изучить основы HTML и CSS.

И последнее, но не менее важное: есть много отличных шрифтов, бесплатных и платных, перечисленных прямо здесь, в Webdesigner Depot. У нас также есть много отличных статей по типографике, которые выходят за рамки основ. Поищите шрифты на сайте (некоторые из них находятся в разделе Freebies). Вы можете найти статьи по типографике здесь: https: //www.webdesignerdepot.ru / category / typography /

Теория цвета

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

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

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

HTML и CSS

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

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

Выучить эти языки достаточно просто. Это самые простые компьютерные языки, которые вы могли когда-либо выучить. Тем не менее, они также обширны, и их можно комбинировать множеством способов для создания множества потрясающих дизайнов. Вам потребуется время, чтобы научиться их правильно использовать. Предлагаю начать с Code Academy. Code Academy — это сайт, на котором вы можете бесплатно изучить HTML и CSS, а также несколько языков программирования. Объяснения просты. Вам предлагаются упражнения по кодированию и отзывы о вашей работе в реальном времени.

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

Базовый JavaScript (необязательно)

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

Что с этим делать? О, такие вещи, как модные слайд-шоу, вызов нового контента без перезагрузки страницы, повышение удобства использования веб-сайта и многое другое! Если вы хотите узнать, как это сделать, моя рекомендация такая же, как и в предыдущем разделе: Code Academy. Они такие классные.

jQuery

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

Если вы ничего из этого не поняли, ничего страшного. Начните с HTML и CSS. Изучите немного обычного JavaScript. Смотри на чужой код … много. Между этим и курсом Code Academy вы начнете разбираться в этом.

Инструменты, которые вам понадобятся

Программное обеспечение может быть щекотливой темой, когда некоторые люди ругаются одним графическим редактором, а другие проповедуют хорошие новости о своем любимом текстовом редакторе.Третьи будут кричать: «Нет! Вы все не правы! » Споры продолжаются. Иногда они могут быть довольно интенсивными; но вы можете спокойно игнорировать большую часть этого.

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

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

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

Полный набор современных браузеров

Ах, браузер.Вы могли знать его как «Chrome», «Firefox» или, не дай бог, «That Blue‘ E ’Thingy». Ни один из них не совсем одинаковый. У всех есть свои маленькие причуды, и веб-сайты могут выглядеть немного по-разному. Они также могут выглядеть радикально по-разному, в зависимости от того, как был написан код сайта. Вам нужно будет протестировать свой веб-сайт и убедиться, что он правильно выглядит на как можно большем количестве из них. К счастью, возможности браузеров достигли точки, когда веб-сайты начинают выглядеть почти одинаково на каждом из них.По крайней мере, макеты веб-сайтов в целом больше не являются проблемой.

Тем не менее, ключом к обеспечению качества вашей работы является ее тестирование в максимально возможном количестве сред. Если на вашем настольном / портативном компьютере установлена ​​операционная система Windows, значит, у вас уже есть Internet Explorer (синий E). По крайней мере, вам понадобятся Firefox и Google Chrome.

На Mac у вас будет Safari, но у вас будут проблемы с запуском Internet Explorer. Это выполнимо, но раздражает. Если на вашем компьютере работает производная Linux, такая как Ubuntu, вы можете протестировать Safari 5 и Internet Explorer 8 и ниже. Следует отметить, что IE 8 и ниже являются наиболее болезненными версиями IE для работы, и они почти не используются.Действительно, Internet Explorer в целом выходит из моды, и с каждым годом им пользуется все меньше людей. Более того, Microsoft выпустит новый браузер вместе с Windows 10 — с Play на Linux.

Мобильные браузеры

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

Word утверждает, что Firefox для iPhone / iPad готовится к выпуску в этом году. Однако вы можете установить Chrome и Opera Mini прямо сейчас.

На устройства Android вы можете установить Chrome, Firefox, Opera и Opera Mini. Никакой любви к сафари, хотя это неудивительно. Apple любит хранить вещи «в семье».

Думаете, это много браузеров для тестирования? Есть еще тонны! Однако их пользовательская база сравнительно невелика. При тестировании в браузерах приходится играть большинству; или сведете себя с ума.

Каркасные инструменты

Ручка и бумага (или приложение для рисования)

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

Приложения для рисования

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

Я делал это раньше. Оно работает. Это круто. Да, и вы получаете около 15 ГБ свободного места для работы. Это веб-интерфейс, поэтому он работает на любой настольной ОС. Похоже, у него нет версии для планшета, что меня разочаровывает. Что ж, всего не может быть.

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

Редактор кода

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

Помните: если кто-то спросит вас о «Vim» или «Emacs», медленно отступайте, не нарушая зрительного контакта.Это твоя единственная защита.

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

Так с чего начать? Я скажу скобки. Он все еще находится в активной разработке, но стабильный. Это бесплатно. Он работает в Windows, Mac и Linux. Он разработан специально для людей, которые проектируют и создают веб-сайты в браузере.

Редактор изображений

Возможно, вы больше не создаете веб-сайты в Photoshop, но вам все равно придется создавать и редактировать отдельные изображения. Будь то фотографии, логотипы или значки, вам что-то понадобится. Опять же, используйте то, что вам подходит. Это может быть Photoshop, GIMP, Paint.Net или одно из приложений Corel.

Локальный сервер (частично опционально)

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

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

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

Для простоты использования я предлагаю начать с XAMPP. Вы можете установить его на Windows, Mac или Linux, и все готово.

Пример процесса

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

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

Соберите все вместе

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

Если вы пишете контент для себя, я предлагаю прочитать практически все, что написано на CopyBlogger. У них есть годы и годы советов о том, как писать хороший контент для Интернета.

Архитектура содержимого

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

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

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

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

Примечание. Для этого я тоже использовал приложение Google для рисования.

Каркас

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

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

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

Создание плиток стилей (или аналогичный)

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

Плитки стиля

— отличный способ сделать это. Вот объяснение того, что такое Style Tiles, прямо с официального сайта:

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

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

Кодирование

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

Текстовый редактор, на который я ссылался выше, Brackets, имеет отличную функцию для этой части. Нажмите кнопку «Live Preview» в правой части окна Brackets, и для вас откроется окно браузера. (Для этого вам необходимо установить Google Chrome.) Окно браузера будет обновляться в реальном времени с любыми внесенными вами изменениями.

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

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

Тестирование

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

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

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

Запуск

Готовы разместить свой сайт в сети? У вас есть доменное имя (например, mywebsite.com) и хостинг (место на компьютере, который постоянно подключен к Интернету)? Загрузите эти файлы, расслабьтесь, расслабьтесь и…

Что нужно сделать после запуска

Исправьте то, что вы забыли.

О. Правильно. Эта штука … ты хотел исправить это перед запуском. Как ты это забыл? Я имею в виду давай!

Это случается со всеми.Почти неизбежно появляются ошибки после запуска. Чем больше ваш сайт, тем больше вероятность, что вы что-то пропустили или забыли. Для вашего удобства вот довольно подробный контрольный список перед запуском: http://boagworld.com/mobile-web/pre-launch-checklist/

Задавайте вопросы

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

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

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

Получить отзыв

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

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

No related posts.