Як прокачати UI навички
Вступ
Присвячується всім дизайнерам, які коли-небудь відкривали будь-який графічний редактор і намагалися в ньому хоч щось намалювати. Зазвичай, коли ти вже вмієш більш-менш користуватися графічним редактором, у більшості випадків виходить так, що намалювати конкретну композицію так, як вона тобі подобається дуже складно на початках. Через це з’являється багато негативу, розумієш, що щось робиш не так, але, що саме, пояснити собі не можеш.
Отже, я намагатимуся коротко описати, як це було в мене і як я досі працюю над покращенням своїх UI навичок. На початку своєї кар’єри, від своїх менторів я отримав найкориснішу пораду – копіюй усе, що тобі подобається. Сподобався шот на дрібблі? Копіюй. Сподобався проект на біхансі? Копіюй його повністю, до останнього пікселя. Сподобалася шрифтова пара? Сміливо бери і повторюй! Але на початку, у мене був величезний ступор, я не міг просто брати і тупо змальовувати, так як мені хотілося додати власну родзинку, але часто, ця родзинка було, м’яко кажучи, «гнилою». До речі, цю проблему я вирішив прочитанням книги: «Кради як художник» Остін Клеон.
Отже, весь процес навчання я поділю на 3 складові, а потім опишу їх детально.
1.Наглядність
2.Копіювання
3.Своя ідея
Наглядність
Про наглядність я напишу окрему статтю, адже це дуже важлива складова – навчитися помічати дрібниці. Одного разу, мій ментор сказав мені: «Дизайнер – це створіння, яке помічає все навколо, він свій погляд розсіює абсолютно на всі елементи сторінки і аналізує їх у поєднанні.
При чому увагу ти маєш звертати на найгарніші роботи (про функціональність мова поки не іде, хоча вона має бути першочерговою). Намагайся запам’ятати якнайбільше, ось на чому саме варто сконцентруватися.
- Типографіка – спробуй зрозуміти, чому саме такий шрифт обрав автор проекту. Подивися на інтерлініяж, спробуй відчути чи приємно тобі читати текст з таким інтерлініяжем або все ж таки можна щось покращити? Можливо, шрифти замаленькі або завеликі. Нехай всередині тебе буде діалог з самим собою.
- Відстань між блоками – подивися на те, як автор розмістив проміжки на блоках. Чи однакові вони в кожному блоці? Чи виникає думка, що відстані різні?
- Цвітові рішення – чи відповідає один колір іншому? Чи можна змінити кольорову гамму, щоб проект виглядав трохи краще?
- Розміщення контенту – чи проставлені акценти в композиції? Зверни увагу на те, що привертає твою увагу при перегляді інтерфейсу. Куди ти подивився в першу чергу, чому? А правильно зробив автор, коли розставив акценти саме таким чином?
З часом, твоя дизайнерська майстерність буде покращуватися і ти навчишся відрізняти якісну роботу від не дуже якісної, в цьому і полягає сенс наглядності, будеш звертати увагу на такі деталі, які б в житті не помітив. У тебе в голові будуть мільйони переглянутих робіт і ти як бібліотекар будеш витягувати потрібну карточку і вставляти в свою роботу з власним доповненням. Ось як це працює. Навіть, якщо на початках ти не будеш приділяти особливої уваги тим речам, про які я писав вище, через якийсь час ти не з власної волі їх помічатимеш
Заходьте до наших каталогів (за типом компаній):
- SMM агентства
- SEO компанії
- PPC компанії
- Веб-студії
- Mobile агентства
- Digital агентствa
- IT компанії
- Та інші менш популярні каталоги
та вибирайте партнера за рядом критеріїв: бал, портфоліо, відгуки, кейси та статті. Або організуйте тендер в даному каталозі, вибравши компанії, що вам сподобалися.
У каталозі 1700+ діджитал-агентств, які готові допомогти в реалізації ваших завдань. Вибирайте та економте до 30% свого часу та бюджету! Це безкоштовно та займе менше 3-х хвилин.