Професія Веб-Дизайнер: хто це, чим займається, як стати і де вчитися

0
95

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

зміст

  1. Скільки заробляє веб-дизайнер в 2020 році?
  2. Плюси і мінуси професії
  3. Обов’язкові навички веб-дизайнера
  4. Уміння працювати в основних програмах і інструментах
  5. HTML / CSS / JS
  6. Загальне розуміння SEO
  7. самоорганізація
  8. Правильний підбір кольорів і шрифтів
  9. Як стати веб-дизайнером: покроковий план
  10. Вивчіть теоретичні матеріали з веб-дизайну
  11. Почніть дивитися безкоштовні курси по веб-дизайну, щоб познайомитися з професією
  12. Навчіться кодіть
  13. Підберіть правильні інструменти для роботи
  14. Слідкуйте за трендами сфери
  15. Приєднуйтеся до ком’юніті веб-дизайнерів і заведіть знайомства
  16. Створіть портфоліо і почніть шукати роботу
  17. Де шукати роботу веб-дизайнеру
  18. Список онлайн-сервісів для веб-дизайнера
  19. Безкоштовні способи навчання веб-дизайну (книги, платформи і YouTube-канали)
  20. ТОП-6 курсів з веб-дизайну
  21. Професія Web-дизайнер від Contented
  22. Веб-дизайн з нуля до PRO від Skillbox
  23. Професія Веб-дизайнер від Skillbox
  24. Професія Веб-дизайнер від GeekBrains
  25. Веб-дизайнер PRO: дизайн і програмування – Нетологія
  26. Веб-дизайн з нуля до middle – Нетологія
  27. Який комп’ютер вибрати веб-дизайнеру?
  28. Поради для початківців веб-дизайнерів
  29. висновок

Скільки заробляє веб-дизайнер в 2020 році?

Середня зарплата Веб-дизайнера

Середня зарплата веб-дизайнера на травень 2020 року всій Росії за даними Russia Trud – 40 850 рублів на місяць.

З областей сама високі зарплати в Московській області – близько 61 500 рублів на місяць.

У Москві і Санкт-Петербурзі такий фахівець отримує 57 300 і 40 500 рублів відповідно.

Зазначу, що при роботі «на себе» можна заробити значно більше.

Багато замовників готові викласти від 10 000 рублів за макет Лендінзі і головної сторінки, а за прототипи можна вимагати від 5000 рублів.

Плюси і мінуси професії

плюси:

  • Високі зарплати,
  • Творча професія,
  • Кар’єрний ріст,
  • Є можливість працювати в буржнете,
  • Невисокий поріг входження.

мінуси:

  • Висока конкуренція для новачків,
  • Потрібно мати талант до дизайну.

Обов’язкові навички веб-дизайнера

Саме ці навички затребувані зараз як на російському, так і на зарубіжному ринках.

Уміння працювати в основних програмах і інструментах

  • Adobe Photoshop – класична програма для веб-дизайнерів, в якій можна створювати макети сайтів. Для Photoshop також доступні плагіни, скрипти і шаблони, які спрощують життя веб-дизайнера.
  • Adobe XD – додаток, де можна створювати макети і займатися версткою.
  • Sketch – головний конкурент Photoshop, який дозволяє швидко створювати макети сайтів без проблем. Програма доступна тільки для MacOS.
  • Figma – в цій програмі можна пиляти макети через браузер і зберігати їх в хмарі. Також тут є можливість спільно працювати над проектами.
  • Tilda – найпопулярніший конструктор сайтів на сьогоднішній день. Більшість Лендінзі пиляється на ньому.

HTML / CSS / JS

Знання мови гіпертекстової розмітки, каскадних таблиць стилів і JavaScript часто є перевагою при пошуку роботи, а все тому, що замовники іноді плутають веб-дизайнерів і front-end розробників.

Систему не змінити, доведеться підлаштовуватися.

Загальне розуміння SEO

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

Для цього потрібні хоча б базові навички SEO.

самоорганізація

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

Навик самоорганізації дозволить вам заробляти більше і дасть + до репутації.

Правильний підбір кольорів і шрифтів

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

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

Щоб почати працювати в цій сфері, вам потрібен «фундамент» знань і навичок. Нижче я зібрав 7 дій, які дозволять вам стати ближче до веб-дизайну.

Вивчіть теоретичні матеріали з веб-дизайну

Перш ніж створювати веб-сайти, вам потрібно дізнатися все про:

  • основи композиції,
  • типографіку,
  • колористику,
  • що таке HTML / CSS,
  • які веб-сайти бувають, і які завдання вони виконують.

Почніть дивитися безкоштовні курси по веб-дизайну, щоб познайомитися з професією

Перш ніж купувати платний курс – спробуйте пройти безкоштовний. Так ви зрозумієте: ваша ця професія, або ж ні.

У розділі «Безкоштовні курси» я склав список корисних платформ, книг і YouTube-каналів для новачків.

Навчіться кодіть

Вам потрібно хоча б поверхово ознайомитися з HTML / CSS для того, щоб ви могли розуміти можливості верстальників.

Та й до того ж так ви краще дізнаєтеся пристрій сайтів і, можливо, в майбутньому зможете верстати свої проекти самостійно.

Підберіть правильні інструменти для роботи

Орієнтуйтеся на платформу на якій ви працюєте (MacOS / Windows), протестуйте кілька програм і виберіть найзручніше і бажано актуальне на даний момент.

Список основних додатків для веб-дизайнерів вище. ☝

Слідкуйте за трендами сфери

Вам потрібно постійно відслідковувати роботи успішних конкурентів і черпати у них ідеї.

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

І не забувайте, що потрібно вивчати тільки свіжу інформацію, статті та відео 10-річної давнини я рекомендую обходити стороною.

Щоб стежити за трендами, вступайте в Telegram-канали:

  • Now How Channel
  • Дайджест продуктового дизайну
  • Chulakov Design

Або читайте сайти:

  • Awwwards – добірки придатних сайтів,
  • Creative Bloq – багато хороших статей англійською мовою в розділі Web Design,
  • 1st Web Designer – постійні дайджести, збірки і статті про веб-дизайн і не тільки,
  • Landingfolio – кращі Лендінзі на думку автора,
  • Muz.li – видання на Medium, в якому розповідають про веб-дизайні і діляться крутими ідеями.

Приєднуйтеся до ком’юніті веб-дизайнерів і заведіть знайомства

Тусовки російськомовних спеців можна знайти в Telegram. Ось вам пара крутих чатів, вступайте:

  • Чат верстальників
  • Bauhaus design chat – Дизайн чат UI / UX, графічний, натхнення, творчість, логотипи, меми, гумор, креатив, архітектура

Створіть портфоліо і почніть шукати роботу

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

Кращі сайти, де можна розміщувати свої кейси:

  • Carbonmade (платно)
  • Behance (безкоштовно)
  • Portfoliobox (платно, є пробні періоди для всіх підписок)
  • Dribbble (безкоштовно)
  • Adobe Portfolio (безкоштовно)

Де шукати роботу веб-дизайнеру

Щоб знайти роботу під час майбутньої кризи – потрібно попотіти.

Але я зібрав вас самі топові місця, де можна без проблем зібрати базу крутих і платоспроможних клієнтів.

Telegram:

  • Удалёнка від 50К
  • Finder.vc: дистанційна робота – вакансії
  • xCareers: Digital Jobs
  • затишний Фріланс
  • Удалёнщікі
  • КІНЬ ФРИЛАНСЕР
  • норм робота

біржі:

  • Work-Zilla
  • Weblancer
  • Upwork (бурж)
  • YouDo
  • Pchel.net

Більше бірж і телеграм-каналів ви знайдете в нашій статті, де ми зібрали понад 200 бірж фріланса і різних сайтів віддаленої роботи .

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

Веб-дизайнеру потрібно десь добувати неліцензований контент, щоб робити свої проекти.

Рекомендую скористатися цими ресурсами:

фотостоки:

  • Death to Stock
  • Stokpic
  • Freepik
  • Pexels
  • Shutterstock

шрифти:

  • Google Fonts
  • 1001 Free Fonts
  • FontSpace

логотипи:

  • Hatchful
  • Ucraft
  • Logogenie
  • Wix

іконки:

  • Iconfinder
  • IcoMoon
  • Iconstore

Кольори:

  • Color Hunt
  • Coolors
  • ColorZilla
  • Adobe Color CC
  • UI Gradients

Безкоштовні способи навчання веб-дизайну (книги, платформи і YouTube-канали)

Корисні YouTube-канали

  • Безкоштовний майстер-клас «Веб-дизайн з нуля до перших робіт за 1 день» – цей урок буде корисний тим, кому потрібно закласти основи веб-дизайну якомога швидше.
  • Уроки по Веб-дизайну – 86 безкоштовних відеоуроків в зручному плейлисте від Highlights School
  • Sofiya Filippova – досвідчена веб-дизайнер Софія веде дуже цікавий блог про цю професію
  • Хауди Хо ™ – Просто про світ IT! – корисний канал не тільки про веб-дизайні, а й про IT-технологіях в цілому.
  • Гоша Дудар – теж популярний автор, на його каналі ми знайшли 3 гарячих плейлиста з уроками: HTML 5 для початківців , Створення сайту на CSS і HTML і Уроки по Bootstrap .

придатні книги

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

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

  • «Дизайн для реального світу» від Віктора Папанека
  • «Жива типографіка» від Олександра Королькова
  • “Веб дизайн. Елементи досвіду взаємодії »від Джесса Гарретта
  • «Не змушуйте мене думати» від Стіва Круга
  • «Спочатку мобільні» від Люка Вроблевського

Бази знань і платформи навчання

  • Безкоштовний курс «Створення Landing Page» від Tilda
  • Duolingo (вчіть англійську мову, щоб працювати не тільки в Росії)
  • HTMLbook
  • Основи веб-дизайну від GeekBrains
  • Безкоштовні курси по веб-дизайну від Coursera

ТОП-6 курсів з веб-дизайну

Професія Web-дизайнер від Contented

Професія Web-дизайнер від Contented

Навчання від топової школи дизайну Contented, в процесі якого ви навчитеся самостійно створювати повноцінні сайти. І все це за 7 місяців.

Чому навчать:

  • Працювати з Figma,
  • Запускати сайти з нуля (без допомоги розробників),
  • Адаптувати дизайн під мобільні пристрої,
  • Анімувати інтерфейс,
  • Збирати портфоліо,
  • І т.д.

Тривалість : 7 місяців

Тип навчання: онлайн

Сертифікат : так

Вартість:  5 000 рублів на місяць зі знижкою

Детальніше про курс

Веб-дизайн з нуля до PRO від Skillbox

Веб-дизайн з нуля до PRO від Skillbox

Всього за 8 місяців ви створите 6 проектів в портфоліо, вивчіть всі основи, дізнаєтеся секрети і фішки, які дозволять стати крутим веб-дизайнером і почати заробляти відразу після завершення навчання.

Чому навчать:

  • Створенню інтерфейсів,
  • Створенню адаптивних макетів,
  • Роботі з типографікою,
  • Створенню анімацій і іконок,
  • Проектування UX / UI,
  • Роботі з клієнтами.

Тривалість : 8 місяців

Тип навчання: онлайн

Сертифікат : так

Вартість:  2876 рублів на місяць зі знижкою / 4109 без знижки

Детальніше про курс

Професія Веб-дизайнер від Skillbox

Професія Веб-дизайнер від Skillbox

В рамках курсу ви отримаєте знання з веб та UX-дизайну, а також навчитеся працювати з анімацією і клієнтами.

Чому навчать:

  • Роботі зі структурою і подачею контенту
  • Створенню ефективного дизайну
  • Роботі зі специфікою цифрового середовища
  • Взаємодії з розробниками
  • Спілкуванню з замовниками
  • Проектування користувацького досвіду

Тривалість: вибираєте самі (складається з 13 курсів!)

Тип навчання: онлайн

Сертифікат:  да

Вартість:  4900 рублів зі знижкою / 8200 рублів без знижки

Детальніше про курс

Професія Веб-дизайнер від GeekBrains

Професія Веб-дизайнер від GeekBrains

Geekbrains спільно з Mail.ru Group запустили курс, де ви зможете поспілкуватися з експертами ринку, освоїти нову професію веб-дизайнера і попрацювати з реальними замовленнями великих компаній.

Чому навчать:

  • Роботі з основними програмами
  • Основам веб-дизайну
  • Основам продуктового дизайну
  • Верстці на базовому рівні
  • Трендам і цілепокладання
  • Робота над реальним проектом

Тривалість: 8 місяців

Тип навчання: онлайн

Сертифікат:  немає

Вартість:  10375 рублів на місяць

Детальніше про курс

Веб-дизайнер PRO: дизайн і програмування – Нетологія

Веб-дизайнер PRO від школи Нетологія

Під час навчання ви навчитеся кодіть і дизайну. Після курсу ви зможете самі виконувати весь цикл робіт зі створення сайту.

Чому навчать:

  • основам дизайну
  • гнучкими методологіями
  • проектування інтерфейсів
  • Принципам верстки HTML / CSS
  • основам програмування
  • Роботі з формами

Тривалість:  17 місяців

Тип навчання:  онлайн

Сертифікат:  да

Вартість:  119 900 рублів

Детальніше про курс

Веб-дизайн з нуля до middle – Нетологія

Професія Веб-Дизайнер: хто це, чим займається, як стати і де вчитися

В рамках курсу вас навчать створення макетів інтерфейсів високої якості відповідно до сучасних стандартів.

Також Нетологія гарантує, що ви отримаєте знання і навички middle-фахівця.

Чому навчать:

  • розробці інтерфейсів
  • принципам дизайну
  • Створення власної графіки
  • створенню портфоліо
  • організації процесів

Тривалість: 5 місяців (26 червня – 9 листопада)

Тип навчання: онлайн

Сертифікат:  посвідчення про підвищення кваліфікації

Вартість: 49 900 рублів зі знижкою / 69 900 рублів без знижки

Детальніше про курс

Який комп’ютер вибрати веб-дизайнеру?

Я прекрасно розумію, що на старті кар’єри у новачка навряд чи будуть тисячі доларів на те, щоб купити крутий комп’ютер.

Для веб-дизайну це і не потрібно!

Цілком підійде рішення від 25 000 до 37 000 рублей, або ж старий ноутбук від Apple.

Характеристики комп’ютера для веб-дизайнера до 37 000 рублей:

  • Процесор: Intel Core i3-i5 (бажано 7 покоління і вище)
  • Оперативна пам’ять: від 8 гігабайт
  • SSD: 256-512 гігабайт. Найважливіше в комп’ютері у веб-дизайнера
  • Відеокарта: GeForce 1050-1060

Бувший Macbook вдасться урвати до 80 000 рублів (в залежності від року і стану), але краще брати новенький комп’ютер або ноутбук.

Хороші ноутбуки для веб-дизайнерів до 40 000 рублів:

  • ASUS VivoBook X543BA-DM624 (20 000 рублів)
  • Lenovo Ideapad L3 15IML05 (19 700 рублів)
  • Acer Extensa EX215-21G-48T9 (25 000 рублів)
  • HP 17-by0188ur (27 000 рублів)
  • Lenovo IdeaPad S340-14API (32 000 рублів)

Поради для початківців веб-дизайнерів

  • Працюйте тільки по передоплаті.
  • Збирайте портфоліо з початку кар’єри.
  • Постійно покращуйте свої навички і не стійте на місці.
  • Намагайтеся не затримуватися на біржах, працюйте з клієнтом безпосередньо.
  • Вивчайте суміжні професії. Сьогодні роботодавці шукають людей з декількома навичками одночасно.
  • Не бійтеся критики. Надихайтеся нею.
  • Приділяйте час шрифтів і картинок.
  • Не забувайте про прототипи, щоб не витрачати час на переробки.
  • Зручність користувача на першому плані.
  • Слідкуйте за трендами веб-дизайну.
  • Навчіться продавати себе.

висновок

Давайте підсумуємо. Веб-дизайнер – це людина, яка створює макети сайтів і іноді верстає їх.

Щоб стати більш затребуваним фахівцем, рекомендую вивчити додатково UX / UI. Ну а на сьогодні все, до нових зустрічей!

 

Якщо ви знайшли помилку, будь ласка, виділіть фрагмент тексту і натисніть Ctrl + Enter .

Оцените статью: ( 5 оцінок, середнє 5 з 5 )