Тут немає чарівних паличок, чеклистів та лайфхаків. Лише стислі зауваження для тих хто вирішив стати дизайнером і хоче засвоїти якомога більше інформації в короткий термін. Кілька місяців тому я став ментором на курсі web-дизайну від genuis.space. Я завжди повторюю студентам що заздрю їм, оскільки коли я почав займатися дизайном не було курсів, а інформації в мережі було мало. Зараз навпаки інформації дуже багато, але потрібно вміти її фільтрувати. Тому курси дають стислу програму без води, щоб економити час порівняно з самостійним вивченням.
Базові знання
Кожного разу з’являються запитання: “Як робити дизайн сайту?”, “З чого почати?” та “Де знайти роботу чи проект?”. Почнемо з веб-дизайну: елементи, стилі, композиція, типографія та адаптація до різних розмірів вікна браузера. Далі складаємо роадмап розвитку, щоб зрозуміти цілі та потрібні знання. Отримаємо відповідь: що потрібно мати в портфоліо, що потрібно ще вивчити та як отримати перший проект. Не починайте вчити все одразу. Додайте пріоритети та виберіть що за чим вам потрібно знати. Знаючи та розуміючи навички які вам потрібно розвивати, ви будете знати на чому сконцентруватись. Наприклад: анімація, створення логотипу, UX та UI. Як тільки всі пазли складуються в одну картину, отримані знання ви повинні застосувати на практиці.
Інструменти
Різниця між вектором та растром важливіша ніж різниця між фігмою та фотошопом. Спробуйте опанувати один інструмент, після чого ознайомтеся з іншими. Базові інструменти в редакторі зазвичай схожі. Важливіше вміти мислити та застосовувати інструменти для отримання результату. Наприклад, при створенні кнопки з шейпа та тексту, ми просто їх групуємо. Далі вивчаємо компоненти, автолейаути та варіанти для спрощення завдання. Але якщо ви не знаєте що таке кнопка та прочитаєте що всі кнопки потрібно робити з автолейаутом, то результат може бути трагічним, бо ви пропустили базові принципи. Прототип створюється для тестування взаємодії, а не з причини що так вчили на курсах або прочитали десь чи щоб продати замовнику це як важливе рішення.
“Хороший дизайн — це якомога менше дизайну”, — промисловий дизайнер Дітер Рамс.
Прокачувати надивленість
Кради як митець. Ніхто не каже про те щоб продавати чужий дизайн, але використовувати референси, збирати мудборди та відточувати стилістику потрібно. При перегляді будь-якого сайту звертайте увагу на деталі дизайну та задавайте собі питання: чому цей або інший елемент розміщений тут? Оцінюйте структуру та реалізацію верстки. Якщо побачили баг, спробуйте зрозуміти, що сталося з версткою та як можна було уникнути цього. Коли доходить до презентації замовнику, намагайтеся обгрунтувати усі свої рішення. Кожен блок повинен мати пояснення, чому ви прийняли таке рішення.
Іноді найкращим способом навчатися є просто дивитися та наслідувати професіоналів. Спробуйте почати працювати з досвідченими дизайнерами, щоб отримати більше знань та розуміння процесу дизайну. Менторство та конструктивний фідбек завжди кращі ніж закриватися в собі та намагатися працювати в власному вакуумі.
Візуальний досвід — це те, що ви бачите навколо себе. Для цього потрібно бажання та терпіння. Щодня виділяйте по годині часу на перегляд референсів. Уважно аналізуйте концепти, вчіться застосовувати побачені візуальні прийоми, систематизуйте знання та зберігайте цікаві приклади.
Завершення
Web-дизайн може бути поставлений перед вами як невизначений процес, але з правильним напрямком і досвідом ви можете дізнатися як працювати з дизайном ефективно та досягти своїх цілей. Дизайнери повинні розуміти те що дизайн — це не просто створення красивих зображень, а набагато більше. А значить вам потрібно розуміти архітектуру сайту, як його елементи взаємодіють і в якому порядку розміщувати їх для досягнення найкращого результату. Для початку вам може знадобитися просте завдання, яке дозволить зрозуміти принципи дизайну та навчитися працювати з професіоналами вцілому.
Завжди пам’ятайте, що наступний ваш проект буде кращим, ніж попередній.
Щоб покращити свої навички та знання з дизайну, рекомендую прочитати наступні книги:
• “100 головних принципів дизайну” Сюзан Уейншенк
• “Веб-дизайн” Якоб Нільсен
• “Не заставляйте мене думати” Стів Круг
• “Дизайн звичних речей” Дональд А. Норман
Топ коментарі (4)
Це, якраз саме складне для новачка, як скласти роадмап, якщо ти не розумієшь що тобі потрібно вивчати)
Погоджуюся що складно. З власних спостережень студентів курсу про те щоб не вчити все та одразу, тому що каша в голові буде в результаті. Власне що вивчати є в програмі курсу, але через інтенсивність програми та різні задачі виникають такі питання часто.
І так і ні. Я, коли починав, то подивився пару відео та статей, склад приблизний роадмап та закинув на доу, щоб допомогли прояснити і скорегувати. В цілому, там було пунктів 8-10. Для старту та пошуку роботи цього вистачило:) І ще можна чекати дизайн курси, теж добре для розуміння.
Але менше з тим, це не дуже легко. Зараз намагаюсь побудувати роадмап до мідла і тут трохи розгубився в навичках які потрібні(((
ну мідловий скілсет уже трохи складніший, тут ще можна поспілкуватися з менторами та в різних комьюніті. Я ще іноді порівнюю вимоги вакансії для нашого ринку та ринку США/Європи, теж допомагає розібратися. Ну і крім навичок потрібна ще практика, так як тільки теоретичних знань на цьому рівні недостатньо.