Product upgrade: дизайн, дослідження, менеджмент


Гео и язык канала: Украина, Украинский
Категория: Дизайн


Статті https://ban.media/anzhelachuma

Связанные каналы  |  Похожие каналы

Гео и язык канала
Украина, Украинский
Категория
Дизайн
Статистика
Фильтр публикаций


Відриваю від серця 💔❤️‍🩹

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

І ставити галочки в чек-листі ви можете прямо на сайті🙊

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

🫵 Зберігайте, бо таке не можна загубити

Checklist design


Як вирішити, на яке розширення екрану робити дизайн?
Перше, що нам потрібно зрозуміти – з яких пристроїв заходить наша аудиторія. Де взяти цю інформацію?

1. Аналітика вашого сайту, якщо вона існує (ось як на скріні). В google analytics ви можете зайти і подивитись, з яких розширень заходить найбільше людей.
Для цього потрібно зайти в Звіти>Технології>Технічні дані>Розширення екрана.


2. Якщо таких даних нема, то можемо подивитись загальну статистику серед користувачів у потрібній вам країні. Це можна зробити на цьому сайті.

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

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

Підписатись на канал | Підписатись на чат


Кому знайомо ставить лайк

Підписатись на канал | Підписатись на чат


Правила роботи у Figma

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

По суті, дотримання цих правил є "добрим тоном" у сфері дизайну.

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

Якщо ви будете дотримуватись цих простих і трохи бісячих правил, ваш файл одразу покаже, що ви справжній професіонал🙂

Підписатись на канал | Підписатись на чат


Психологія шрифтів, частина 2

Сьогодні говоримо про san serif або шрифт без засічок. Про serif я розповідала тут.

Знаєте взагалі, як виникли оці всі засічки на шрифтах? Ще колись давно, коли люди писали на каменях або навіть тоді коли вже писали чорнилом, то засічки, по суті, виникали самі по собі, оскільки на каменях утворювали тріщини, а чорнило розтікалось. Однак з приходом в наш світ друкарства ця проблема перестала бути актуальною і почали зʼявлятись san serif гарнітури.

Але яка психологія прихована у використанні цих гарнітур?

Шрифти без засічок використовуються, щоб передати сучасність (вони більше підходять для екранів).
Такі шрифти гарно створюють "дружелюбний" брендинг. Все, що виходить за рамки строгості і лаконічності, варто передавати шрифтами без засічок. В нішах технологій, автомобілів і подорожей часто використовують саме san serif.

І ось вам цікавий факт: компанія Google першочергово використовувала в своєму логотипі шрифт із засічками і тільки в останньому ребрендингу їх прибрала.


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

Підписатись на канал | Підписатись на чат


Як автоматично округлювати пікселі до цілого числа у Figma

Потрібно відкрити випадашку з налаштуваннями в лівому верхньому куті і знайти там SNAP TO PIXEL GRID.

Ця функція буде пристосовувати ваші елементи до піксельної сітки.

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

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

Цьом😘

Підписатись на канал | Підписатись на чат


Чому потрібно уникати напівпікселів у дизайні

❗️Особливо це важливо для дизайну інтерфейсів

1. При експорті елементи, розміри яких містять напівпікселі можуть мати розмиті краї. Якщо елементи мають тонкі лінії – їх взагалі розмаже.

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

3. Елементи з напівпікселями не будуть лежати по сітці, а це вже порушення правил дизайну і хаос у вашому макеті. Не робіть так 🫵

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

В наступному пості покажу, як функціонал фігми допомагає вирішити проблему з напівпікселями. Але поставте лайк🫶

Підписатись на канал | Підписатись на чат


Сервіси для створення інфографіки

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

VENNGAGE

INFOGRAM

Підписатись на канал | Підписатись на чат


Сподобалось оформлення кейсу. Можна брати за референс для оформлення свого проекту на Біханс.

Підписатись на канал | Підписатись на чат


Знаєте, є така програмка Blender? У ній створюють 3-д графіку і все таке. Але про це пізніше.

На картинці зображена афіша до мультфільму "Потік". Це мультик про котика, якого несе потік, і як він справляється з труднощами.
Цей мультик показували в Каннах, визнали найкращим анімаційним фільмом на European Film Awards. Бюджет мультика – 3,5 млн євро. Буквально останній місяць він був в прокаті у кінотеатрах, а може досі ще є.

Так от, зробив це мультик Gints Zilbalodis – латвійський режисер. І зробив він його повністю у Блендері, уявляєте?

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

Залишаю посилання на трейлер, обовʼязково подивіться!

Підписатись на канал | Підписатись на чат


Як створити user persona?
Веб-дизайнери доволі часто працюють з юзер персонами і знаю, що деколи навіть створюють їх самі. Я вважаю, що створення портретів користувачів – це один з найважливіших етапів у створенні продукту.

Тому пропоную вам сьогодні прочитати мою статтю на цю тему.

https://ban.media/story/user-persona-dlya-chogo-potribni-portreti-koristuvachiv-i-yak-jih-stvoriti

Підписатись на канал | Підписатись на чат


Хлібні крихти або breadcrumbs – важливий елемент на сайті, про який точно повинен знати кожен дизайнер.

Зібрала для вас поради, які дає NNgroup у своїх гайдлайнах.

🔖Зберігайте, щоб не загубити.

P.S. Ви ж знаєте, чому їх називають саме "хлібні крихти"? Ставте 🕊 якщо треба розповісти)

Підписатись на канал | Підписатись на чат


Продовжую ділитися з вами шрифтами від українських дизайнерів. Сьогодні розповідаю про шрифт ERMILOV.

Цей шрифт був використаний для бренду Ukraine Now маркетинговою агенцією Banda, а розробив його український дизайнер Кирило Ткачов у 2018 році.

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

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

Як вам шрифт?

Підписатись на канал | Підписатись на чат


1. Скільки часу ти вже у сфері і чому ти вирішила стати графічним дизайнером?

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

Я завжди хотіла чогось більшого, ніж просто на когось працювати та робити кожного дня одне і те саме. Тому до фрілансу я приглядалася вже давно. Саме про дизайн, я дізналась від своєї подруги, коли побачила, як вона працює та який результат отримує. Тому я вирішила спробувати, сподобається мені чи ні. Ну і мені дуже сподобалося, що я можу творити (як що це можна так назвати), працювати сама на себе та встановлювати свої правила.



2. Які навички дизайнера, на твою думку, найбільш важливі? Чому?

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


3. Опиши процес роботи: від отримання першого повідомлення від клієнта до завершення співпраці. З яких етапів складається цей процес?

1) Обговорення проєкту з клієнтом (бриф, зідздвон або готове тз від клієнта).

2) Передоплата 50% від замовлення.

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

4) Відправляю роботи з водяним знаком для затвердження (якщо треба, вношу правки).

5) Після затвердження клієнт платить наступні 50% від суми замовлення.

6) Я відправляю готові файли у форматі "jpg".



4. З якими проблемами в роботі ти стикаєшся найчастіше? Які з них найважче вирішувати?

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

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


5. Як ти розумієш поняття "хороший дизайн"?

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


6. Що би ти порадила дизайнерам-початківцям?

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


Сьогодні я відкриваю нову рубрику на своєму каналі.

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

І почнемо ми цю рубрику з інтервʼю з графічним дизайнером @Katriin_design. Читаючи її відповіді, звертайте увагу, яку роль в її роботі відіграє аналіз ринку та референсів.

Якщо у вас залишитись запитання до Катрін, залишайте у коментарях).


Рубрика цікавих фактів

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

Але чи знаєте ви, яке її першочергове призначення?

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


Перший ціанометр був сконструйований Орасом Бенедиктом де Соссюром ще в кінці XVIII століття. Він складався із 53 смужок паперу, пофарбованих берлінською лазур'ю в різні кольори.

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

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

Отож, спочатку у ціанометра було геть науково-дослідницьке призначення. Але художники та дизайнери звісно не змогли пройти мимо і почали використовувати його і для своїх цілей:
✔️ точне відтворення кольору неба
✔️ створення колірних палітр
✔️ дослідження психології кольору та кольоросприйняття
✔️ створення нових відтінків кольорів

А ви знали про існування такого приладу? Ставте вогник, якщо дізнались щось нове)

Підписатись на канал | Підписатись на чат


Якщо ви новачок в сфері ІТ і маєте ціль потрапити у велику компанію, то це крута нагода. Одна з провідних ІТ-компаній України ЕРАМ проводить онлайн-конференцію для спеціалістів рівня Junior.

На конференції розкажуть, як здобути ту саму омріяну позицію в ІТ. Також можна буде більше дізнатися про саму компанію і її навчальні програми. Всім джунам, в тому числі і дизайнерам буде супер корисно. Я теж буду дивитись)

Дата та час: 8 листопада, 10:00-18:00 по Києву

Реєстрація https://campus.epam.ua/ua/event/123

Підписатись на канал | Підписатись на чат


Психологія шрифтів

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

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

Сьогодні поговоримо про serif, він же – шрифт із засічками.

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

Особисто для мене шрифт з засічками класно передає образ елегантності, витонченості і класики.

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

А вам який варіант більше подобається?

Підписатись на канал | Підписатись на чат



Показано 20 последних публикаций.