Веб-дизайнер — це людина, яка проєктує різні види сайтів, допомагаючи людям реалізувати їхні товари, послуги або інформацію. По суті, робота дизайнера – візуальне втілення певних ідей або бізнес-задумів за допомогою використання комп'ютерних програм.

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

Уютное рабочее место

Про професію

Щоб вам стало зрозуміліше, як саме відбувається процес дизайну, давайте розглянемо його на найпростішій схемі: дизайнер-клієнт. Етапи:

  1. Спілкування з клієнтом: до вас звертаються із запитом зробити сайт. Ви ділите ваше спілкування на три основні частини:
    • фінансова: як здійснюватиметься оплата, передоплата/постоплата, вибір платіжної системи, погодинна оплата або фіксована сума тощо.
    • технічна: вибір графічного редактора (визначає який вихідний файл ви передасте після закінчення роботи), тех.вимоги від верстальника/програміста, адаптивний дизайн під різні пристрої (десктоп, планшет і смартфон) і т.д.
    • смислова, вона ж головна: знайомство з клієнтом та його справою, основна проблема та мета, яку вирішує сайт, технічне завдання від самого клієнта (вибір структури сайту, візуальних складових), обмеження, сайти-приклади тощо.
  2. Оцінка: після переговорів ви оцінюєте обсяг робіт у годинах, отримуючи при цьому точну або приблизну вартість.
  3. Робота на папері: важливий етап не тільки для новачків, а й для досвідчених дизайнерів. За допомогою олівця та паперу можна схематично накинути основні блоки/сторінки сайту. Це робить наступний крок швидше.
  4. Робота в графічному редакторі: ви повністю відмальовуєте сайт за допомогою інструментів узгодженої графічної програми.
  5. Правки: бувають майже завжди, це нормально і цього не слід боятися. Клієнт може попросити як поправити певні деталі макета, так і повністю переробити деякі блоки або сторінки.
  6. Затвердження дизайну, отримання оплати, надсилання файлів з дизайном.

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

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

Навчання на курсах

Курси можуть стати дуже хорошим поштовхом до професії, але ніколи на 100% не дадуть вам усі потрібні знання. Завжди треба буде шукати, читати, дивитися, вчитися та працювати самостійно. Наприклад, на даний момент практично для всіх подібних курсів порогом входження є знання одного або декількох графічних редакторів.

Курси можна розділити на онлайн та офлайн. Різниця суттєва. Для людей, у яких немає паралельної роботи, я раджу вибирати офлайн курси. Чому:

  1. Розвивають більше відповідальності за результат: ви ходите до аудиторії, роблячи при цьому зусилля; показуєте свої перші роботи реальним людям, бачите їхні реакції та емоції.
  2. Більш тісний контакт з викладачем: знову ж таки, особисте спілкування, можливість наживо обговорити питання, що вас цікавлять, звернутися за допомогою, отримати зворотний зв'язок.
  3. Швидкий вхід у дизайн спільноту: є великі шанси, що вас, як новачка, можуть помітити і запропонувати стажування у компанії. Також за умови успішного закінчення курсів отримаєте рекомендацію викладача. Рекомендація від реальної людини, яка працює в цьому ж місті, важить набагато більше, ніж від персонажа з мережі.

У онлайн-курсів є свої переваги:

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

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

Як вибрати курс?

  1. Звертайте увагу на вимоги
    Не нехтуйте інформацією про курс, всі умови повинні підходити на 100%. Це стосується ваших вхідних знань та певних навичок. Наприклад, якщо в умовах написано, що ви повинні володіти програмою Photoshop або Figma, будьте готові вивчити її до старту курсу. Або якщо серед необхідних навичок вказано базове вміння малювати, ви повинні вміти робити це. Також курси можуть бути розбиті за рівнями: для новачків або практикуючих дизайнерів.
  2. Репутація
    Подивіться відгуки про школу та викладача в Інтернеті, попросіть пораду та думку у знайомих дизайнерів. Також важливо подивитись роботи викладача, спробувати оцінити загальний стиль, успішність проєктів. Я не раджу вибирати надто знаменитого чи зайнятого на кількох інших роботах викладача. У такої людини мінімум часу, а коли вона не читає лекції або не проводить практичні заняття, то і зовсім недоступна.
  3. Тривалість
    Адекватні курси з веб-дизайну мають тривати від трьох до шести місяців. За цей час можна вивчити основи, які дозволять почати кар'єру у цій сфері. Якщо менше – ви просто не встигнете засвоїти матеріал та отримати достатньо практики. Якщо більше – на вас намагаються заробити, навмисне розтягуючи план занять.
  4. Ціна
    У 2017 році курси коштували мені 500 доларів США. Вам слід враховувати, що я мешкаю не в мегаполісі, а в звичайному місті України. На цей момент, виправданою ціною за курс буде сума від $300 до $1 000. В інших випадках, ви переплачуватимете або за тривалість, або за гучне ім'я школи чи викладача, яке може нічого не дати на практиці.
  5. Програма навчання
    Програма курсу обов'язково має бути у відкритому доступі, щоб ви могли оцінити, які реальні знання ви зможете отримати під час навчання. Крім того, оцінити рівень підготовки та співвідношення теорії та практики. Саме під час виконання домашніх завдань та практичних уроків ви отримуватимете необхідні для роботи навички.

Онлайн уроки

Ми живемо в дуже крутий час, коли на Ютубі можна знайти відео практично на будь-яку тему. Є неймовірна кількість хороших каналів, на яких безкоштовні відео-уроки допомагають ознайомитися зі сферою дизайну та IT, отримати необхідні скіли практично у всіх графічних редакторах. Раджу почати з Figma або Sketch (якщо у вас Mac), освоїти Adobe Photoshop та базові знання з Adobe Illustrator. Цього буде достатньо, щоб приступити до навчання веб-дизайну.

Тайм-менеджмент на мінімалках

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

Мої поради веб-дизайнерам початківцям:

  1. Шукайте можливості, а не відмазки
    Скільки разів я чула від усіх: «Я не встиг, у мене на роботі завал», «Я не зробила, тому що виховую дитину, а це знаєте нелегко», «Я не зробив, зараз важкий період». Навіщо тоді взагалі було йти на курси? Якщо ви на 100% не впевнені, що зможете присвячувати цьому заняттю хоча б 2 години на день, навіть не починайте.
  2. Чіткі часові рамки
    Візьміть собі за правило, що, наприклад, тричі на тиждень, у вівторок, четвер і суботу, з 18:00 до 20:00 ви займаєтеся веб-дизайном. І відводьте на це наступні три місяці. Ніхто і ніщо в ці дві години не повинні відволікати вас від цього заняття, а перенесення можливе лише з екстрених причин. Ставтеся до цього відразу як до роботи, а не як до чогось несерйозного.
  3. Телефон та їжа – в сторону
    Перед заняттями обов'язково поїжте, вирішіть усі свої справи та відкладіть телефон, а краще переведіть його в авіарежим. Вас нічого не повинно відволікати. Всі ми знаємо, як мало можна встигнути, постійно просиджуючи в соціальних мережах або відписуючи друзям у месенджері. Це стосується і навколишнього оточення, якщо ми говоримо про самостійне навчання - найкраще воно дається на самоті.
  4. План для кожного заняття
    Перед початком самостійного навчання накидайте план. Чим докладніше він буде, тим краще. Наприклад з посиланнями на відео та статті. Якщо ж це домашнє завдання, намагайтеся зробити його якнайкраще. Коли я ходила на курси, завжди намагалася зробити більше, ніж мені поставили, знайти якусь цікаву ідею чи попрацювати над деталями.
  5. Боротьба з лінню
    Лінь дуже підступна, вона готова прийти до нас будь-якої хвилини. А наше завдання гнати її всіма силами. Запам'ятайте одне: «Робити через силу» - це нормально. Це зовсім не означає, що це заняття не ваше. Наш мозок на жаль націлений заощаджувати енергію, а навчання вимагає її величезну кількість. Саме тому нам так важко вчитися, запам'ятовувати та використовувати навички вперше.

Підсумки: 5 маст-хев, і ви тепер Junior Designer

  1. Розуміти основну мету роботи дизайнера – допомога людям у вирішенні проблеми, а не творчість заради творчості.
  2. Знати основні графічні редактори (Figma, Sketch, Photoshop, Illustrator…) та вміти користуватися їхніми інструментами.
  3. Знання теорії веб-дизайну: UX/UI, типографіка та сітки, теорія кольору, композиція та організація сайтів та інтерфейсів, тренди.
  4. Загальні знання верстки: HTML та CSS та розуміння роботи сайтів та додатків.
  5. Перші роботи у портфоліо.

UX/UI чекліст

Нещодавно я написала розширений список тем, які повинен знати UX/UI дизайнер початківець. Сюди входить і веб-дизайн. Пізніше цей список перетворився у повноцінний безкоштовний курс. Це чудова нагода для новачків! Саме такої концентрації необхідної інформації мені не вистачало, коли я починала. Тому рекомендую до ознайомлення!

Книжки про дизайн

Підписуйтесь на мене в Instagram – @frusia.pro – будьте в курсі анонсів нових уроків, дивіться перевірки домашніх завдань у сторіс, ставте свої запитання, а також на вас чекає безліч корисних постів про дизайн.