Через 15 хв починаємо )

Діма Захаров is inviting you to a scheduled Zoom meeting.


Join Zoom Meeting
https://us02web.zoom.us/j/6488179790?pwd=YXVGT3JSMnZKZTR0WlVYY2lvMHlFUT09

Meeting ID: 648 817 9790
Passcode: 0SSGCw

Meeting ID: 648 817 9790
Passcode: 410003
Find your local number: https://us02web.zoom.us/u/kbL66HDZ49

Всім дякую за вебінар, це було неймовірно🤗
Ловіть бонус із матеріалами, які я використав у своїй презентації👇🏻

Ще раз усім дякую, хто зміг прийти на вебінар — було топ, як і завжди🚀

Розглянули дуже класні та актуальні теми про те, як стати вебдизайнером і провели інтерв'ю з моєю студенткою Сонею, де вона розповіла про свій шлях від нуля до перших замовлень по дизайну. ЇЇ Insta: https://www.instagram.com/sonya_ost3/

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

https://youtu.be/gAD6Sp9LvRc

Якщо залишаться питання, пишіть їх в коментарях під цим дописом або мені в Instagram.

P.S. Ви питали про топових дизайнерів України, у кого теж є чому навчитися — одним із них є Макс Ширко. Ось його профіль: https://www.instagram.com/maxshirko/

5 способів підвищити свою творчість

Новий рік, новий я... Або для мене, як вебдизайнера, новий рік - нові дизайни! 😌

📌 Кожен із нас стикався із "вигоранням" у своїй творчості. Важко бути креативним 24/7, особливо коли від цього залежить ваша робота.Сьогодні я покажу вам 4 різних способи, за допомогою яких ви можете підвищити свій творчий потенціал.

1. Читайте безліч блогів про дизайн.
Від Дріблу до Бехансу і далі до підкастів у Спотіфаї, ви повинні бути на цих вебсайтах щодня! 📲
Інтернет - це нескінченний ресурс нової та корисної інформації. Простий скрол цікавих сайтів з дизайном, безсумнівно, надихне вас, і ви обов’язково знайдете ідеї, які б хотіли відтворити у своєму власному стилі.

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

3. Хто кілька дизайнів у день переглядає, у того вигорання не буває.
Practice makes perfect - навичка майстра ставить.🎨
Навіть якщо у вас не залишилося і крихти креативності, створіть щось. Намалюйте просту картинку, зробіть крутий постер з типографікою. Витратьте на це 5 хвилин або 2 години - неважливо. Просто продовжуйте творити. Чим більше ви практикуєтеся, тим більше творчості з’являється у вас.

5. Влаштовуйте собі челенджи.
І, нарешті, найголовніша порада - киньте собі виклик.😮
Професійне вдосконалення ніколи не відбувається у комфортних умовах. Ви покращуєте свої скіли, коли виходите за рамки. Гарна можливість для цього - це дизайн-батли! Отож, намагайтеся якнайчастіше брати участь у івентах, які проводжу я або інші дизайнери)
Крім цього, влаштувуйте собі випробування самостійно, наприклад, раз на тиждень створюйте дизайн, який не обов’язково відповідає вашому стилю, або спробуйте нову тенденцію дизайну, яку ніколи раніше не використовували.

Візьміть 2023 рік у свої руки! Спостерігайте за своїм прогресом і ні за яких умов не здавайтеся. Я вірю у вас ❤️

5 порад, як стати кращим веб-дизайнером ✨

Шукаєш способи вдосконалити себе як веб-дизайнера? Я зібрав декілька порад, які допоможуть тобі зрости професійно ☺️

1. Створи план
Подумай, що користувач буде робити на сайті, що приверне його увагу у першу чергу, яку дію він має виконати, відвідавши сторінку - це допоможе тобі правильно розбити дизайн по блокам і не використовувати нічого зайвого 🗂️

2. Уникай величезних кольорових палітр
Не варто поєднувати усі свої улюблені кольори в одному дизайні 🫣
Коли ти розміщуєш багато відтінків близько один до одного, створюється візуальний шум, який псує загальний вигляд роботи. Теорія кольору - мастхев для вебдизайнера)

2. Аналізуй зображення, які використовуєш
Особливо на вебсайтах - фото мають буду зрозумілими, а головне реальними! Стокові зображення, які є на багатьох сторінках - наш ворог 😰

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

5. Зберігай послідовність у типографіці
Коли читаємо книгу, ми очікуємо, що кожна сторінка буде в порядку - текст буде однакового розміру, із точним інтервалом і повторюваним форматом. Так само і у дизайні: заголовки, основний текст та посилання мають мати однаковий стиль. Крім того, відступ, міжрядковий інтервал, розмір, колір і вага мають бути ідентичними 😌

Користуйся цими порадами і твої дизайни будуть бомбічними💥

• Мемфіс у вебдизайні •

Стиль дизайну Мемфіс, створений Memphis Group, є одним із найбільш впізнаваних стилів дизайну, який поєднує арт-деко з поп-артом🎭
Його головна особливість — порушення звичних правил і безмежна свобода. Мемфіс — ваш вибір, якщо ви хочете створити креативний і сміливий проєкт😉

📌Історія
Ще в 1980-х роках команда італійських архітекторів і дизайнерів під керівництвом Етторе Сотцасса, відомого як Memphis Milano, розробила естетику ретро-дизайну, відому як Memphis Design.Через взаємну неприязнь до мінімалістичного стилю група творчих людей вирішила створювати постмодерні меблі, тканини, кераміку та інші декоративні предмети, поєднуючи неординарну геометрію та яскраві кольори🎨

📌Особливості дизайну Мемфіса:
🔹 сміливі візерунки - багато дрібних форм, таких як трикутники, спіралі та кола різних контрастних кольорів, розміщені хаотично
🔹протиставлення кольорів - дизайн Мемфіса барвистий і часто містить суміш суперечливих палітр кольорів, таких як неонові, пастельні та однотонні кольори
🔹 смуги - сміливе використання чорно-білих смуг

👇🏻 Пропоную поглянути на ці неймовірні вебсайти, виконані у стилі Мемфіс:
✏️ https://engine.xyz/
https://
✏️ www.cartoonnetworkstudios.com/studio
✏️ https://upperquad.com/

3 розширення Chrome для вебдизайнерів 💻

1. Fonts Ninja
Fonts Ninja — це розширення Chrome, яке допоможе вам дізнатись, який шрифт використовується на сайті. Ви легко зможете визначити гарний шрифт і запозичити його для власного проєкту☺️
Fonts Ninja зчитує шрифти, закодовані в CSS сторінки, наприклад гарнітуру заголовків і основний текст.
👉🏻Завантажити безкоштовно

2. ColorPick Eyedropper
ColorPick Eyedropper покаже вам значення будь-якого кольору, на який ви вказуєте — просто натисніть значок і перемістіть ціль у потрібне місце. Розширення зчитує кольори з тексту, зображень і майже всього, що ви можете побачити на веб-сторінці (навіть з реклами)😱
Коли ви зафіксуєте колір, він покаже вам значення HTML, RGB і HSL для нього.
👉🏻Завантажити безкоштовно

3. Svg-Grabber
Svg-Grabber — це інструмент із відкритим кодом для швидкого копіювання або завантаження всіх ресурсів SVG із веб-сайту📲
Скільки разів ви бачили цікавий логотип або іконку на веб-сайті, і вам дуже хотілося їх скопіювати? SVG Grabber дозволяє робити це одним натисканням кнопки.
👉🏻Завантажити безкоштовно

Де шукати безкоштовні іконки для проєктів?🤔

▫️The Noun Project
The Noun Project - це величезна колекція іконок, створена спільнотою дизайнерів із понад 120 країн світу.
Вона об’єднує понад два мільйони значків, доступних для безкоштовного використання.

▫️Ionicons
Шукаєш іконки для дизайну інтерфейсів? Ionicions — це твій вибір.
Широкий вибір преміум-іконок для використання в Інтернеті, iOS, Android і настільних програмах. Створені командою Ionic Framework, усі вони безкоштовні та з відкритим кодом.

▫️Simple Icons
Тут все просто - безкоштовні іконки популярних брендів у форматі SVG. Просто завантажуєш і користуєшся.

▫️Icons8
Цей чудовий ресурс надає цілу бібліотеку безкоштовних значків у форматі PNG та SVG. Містить багато кольорових та 3D іконок для твоїх креативів.

▫️Animaticons
Animaticons — це набір анімованих GIF-файлів високої якості, які можна легко налаштувати. Вони мають невеликий розмір, сумісні з усіма основними браузерами, електронною поштою та смартфонами, а тому не потребують спеціальних плагінів чи бібліотек.

Де шукати 3D-іконки?🧐

Погодьтеся, нескінченно скролити різні тг-канали у пошуку потрібних матеріалів дуже виснажує та забирає багато часу😞
Саме тому я підготував для вас таку невелику підбірку, користуйтеся)

✏️ Free3Dicon - це колекція безкоштовних популярних 3D-іконок, якими ви можете користуватися у власних цілях. Недолік: безкоштовно можна завантажити об'єкт в одному ракурсі та в розширенні 128 рх.

✏️ Figma Community - величезна кількість крутих матеріалів у шаблонах Фігми. Тут обов'язково знайдеш, що потрібно.

✏️ 3Dicons - широкий вибір, безкоштовне завантаження у розмірі 72рх та 128рх.

✏️ Spline - це браузерний 3D-редактор, у якому можна створювати 3D-сцени, редагувати готові матеріали та моделювати власні об’єкти.

✏️ Womp - ще один браузерний 3D-редактор для тих, кому цікаво створювати об'ємні моделі самостійно)

✏️ Iconscout - окрім 3D-іконок є багато безкоштовних ілюстрацій та анімацій для твоїх дизайнів.

Постав реакцію на пост, якщо хочеш більше подібних підбірок. Обійняв❤️

Де шукати ілюстрації?🧐

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

✏️ Illu-station - купа зображень без авторських прав, доступних як у форматах SVG, так і у PNG. Є можливість налаштувати колір.

✏️ unDraw - працює з 2017 року та підтримується Катериною Лімпіцуні, яка розробила понад 500 ілюстрацій. Ви можете керувати кольорами безпосередньо з веб-сайту.

✏️ Ouch! - наповнений креативною та нестандартною векторною графікою для ваших проєктів.

✏️ Humaaans - ці дивовижні креативні зображення людей впишуться в будь-який дизайн-проєкт, де потрібно додати нотки емоцій і жвавості.

✏️ Interfacer - підібрана вручну бібліотека дизайнерських ресурсів, яка охоплює такі елементи, як шрифти, комплекти інтерфейсу користувача, значки та пакети ілюстрацій.

Постав реакцію на пост, якщо хочеш більше подібних підбірок. Обійняв❤️

Чекліст хорошого дизайну🏆

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

🔸Правильна домашня сторінка🔸
Головна сторінка твого сайту справляє перше враження на читача. Зроби її простою та чіткою. Короткий заголовок, невеликий опис, два-три заклики до дії і зображення або відео, щоб було зрозуміло, що пропонує бізнес замовника.

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

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

🔸Привабливість🔸
Згадай, які сайти здавались тобі найбільш зручними. Які кольори та шрифти вони використовували? Мати чудове розуміння вдалого дизайну краще, ніж мати багато референсів і не бути впевненим, чи спрацює цей дизайн, чи ні. Текст, що прокручується, анімації та відео слід використовувати структурно та лише для підкреслення найважливішої інформації або дії.

Зростай професійно кожного дня і ніколи не здавайся, я вірю у тебе❤️

ТОП-3 помилки дизайнерів-початківців😰

1️⃣ Я все вмію і з усім впораюсь.
У багатьох новачків після місяця навчання складається відчуття, що вони вже багато можуть і готові приймати клієнтів.
Впевненість у собі – звичайно добре, а от самовпевненість – погано)
Варто об'єктивно оцінювати свої уміння і шукати замовлення, які вам під силу.

2️⃣ Мені однієї Фігми вистачить.
Кожен дизайн має працювати і вирішувати певну задачу, а не бути "просто картинкою". Підвищуючи навички створення візуалу, володіння програмами, розуміння маркетингу та інші важливі речі, у вас зростає якість робіт у портфоліо.
Коли зростає якість робіт, зростає ціна ваших послуг.

3️⃣ Портфоліо це не головне.
Клієнту навряд чи буде цікаво слухати, скільки курсів ви закінчили і що вам на них розповідали. Cаме портфоліо служить для замовника основою, чи залучати вас до співпраці, чи ні. Ваші проєкти - це демонстрація здібностей, знань і таланту.

Якщо ви впізнали у цих помилках себе - не біда, головне вчасно усвідомити свої похибки та попрацювати із ними. Всім успіхів! ❤️