Vitaliy Menchukovskiy

@menchukovskiy

Kanal geosi va tili: Ukraina, Ruscha

Toifa: Dizayn

Блог о графическом дизайне и веб разработке

Связанные каналы

Kanal geosi va tili

Ukraina, Ruscha

Toifa

Dizayn

Statistika

Saralanganlar

Postlar filtri

O‘chirilganlarni yashirish

Repostlarni yashirish

Vitaliy Menchukovskiy

21 Nov, 15:36

Оранжевый цвет в графическом дизайне используется для создания яркого и динамичного визуального воздействия.

🟠 Психологическое воздействие:
Энергия и динамичность
Тепло и комфорт
Инновации и креативность

🟠 Где используется оранжевый цвет:
Брендинг и логотипы: Оранжевый используется для создания ярких, запоминающихся логотипов. Например, такие бренды как Fanta, Amazon, SoundCloud используют оранжевый для выражения своей яркой, активной и дружелюбной натуры.

Веб-дизайн: Оранжевый хорошо подходит для кнопок призыва к действию (CTA), так как его яркость побуждает пользователей взаимодействовать с элементами интерфейса.

Реклама: Оранжевый часто используется в рекламе продуктов или услуг, связанных с энергией, развлечениями, спортом, фастфудом и продуктами для молодежной аудитории.

Печатная продукция: В журналах, плакатах и листовках оранжевый помогает выделиться среди других элементов и привлечь внимание.

1 0 0 1

Vitaliy Menchukovskiy

21 Nov, 15:19

И еще немного полезных материалов для вас)
Набор из 5 текстур масленой краской)

https://www.behance.net/gallery/213032545/Oil-Painting-Texture

Oil Painting Texture

32 0 0 3

Vitaliy Menchukovskiy

20 Nov, 20:18

И еще в догонку темы градиентов выложил набор для фотошопа. После скачевание и разархивирования сменить разрешение файла с psd на grd и открваем в ФШ.

https://www.behance.net/gallery/212970729/Gradient-Ser-01

Gradient Ser #01

123 0 0 2 14

Vitaliy Menchukovskiy

20 Nov, 19:10

SocialTemp.atn

16.1Kb

И немного полезного для тех кто работает с соц сетями в фотошопе 😊 Мой набор action для фотошопа по созданиею изображение для соц сетей - в наборе размеры для инстаграмм, фейсбук и твиттер(х)

Устанавливаем набор, во вкалдке экшен ставим отображение кнопок и теперь в один клик фотошоп будет создавать вам файлы нужных размеров и не нужно вспоминать какой там где размер.

138 0 2 2 12

Vitaliy Menchukovskiy

20 Nov, 18:53

В продолжении темы Behance, на своей страницы по мимо моих проектов я так же выкладываю разного рода assets: шаблоны, полезные файлы и тд.

Сегодня выложил набор текстур градиентов, кому интересно заходите скачивайте)

https://www.behance.net/gallery/212963979/Lucid-Gradient-Texture-Background

Lucid Gradient Texture Background

135 0 0 13

Vitaliy Menchukovskiy

20 Nov, 15:05

Многие начинающие дизайнеры(и не только) не знают,а где же им размещать свое портфолио, ведь каждый заказчик или работодатель хочет с ним ознакомится. Первое что приходит в голову заливать свои работы к себе в соц сети. Но это не самый лучший вариант, в виду того что там вы просто выкладываете фото без особой возможности качественно презентовать свой проект.

И вот он простой выход - Behance (behance.net)

Behance — это онлайн-платформа для демонстрации и поиска творческих работ, таких как графический дизайн, иллюстрации, фотография, анимация, веб-дизайн и многие другие виды искусства.

На Behance пользователи могут создавать профили, загружать проекты и делиться ими с глобальной аудиторией. Платформа служит местом для поиска вдохновения, а также для профессионалов, которые хотят продемонстрировать свои работы потенциальным клиентам или работодателям.

После простой регистрации вам будет доступен обширный функционал для создание ваших проектов в портфолио.

136 0 0 3 10

Vitaliy Menchukovskiy

19 Nov, 18:07

UI Kit | Завершение

Так же должны быть все возможные иконки которые используются в UI, модальные окна тд. Но с этими элементами как правило не возникает проблем 😊

Главное при создании UI Kit сделать его как можно более развернутым, включить туда все возможные элементы - разраб потом скажет вам только спасибо)) Ну и конечно, когда вы приложите к вашему дизайну отдельный файл UI kit это только повысит ваш уровень профессионализма в глазах заказчика

152 0 0 8

Vitaliy Menchukovskiy

19 Nov, 18:04

UI KIT | Part 4 | Input

Важной частью любого UI являются поля ввода(input). Помимо того что вы покажете все поля которые используются в UI необходимо так же показать их 4 основных состояния:

🟢 Пустое поле
🟢 Заполненное поле
🟢 Поле в фокусе (когда в поле перевели курсор ввода)
🟢 Ошибка ввода

148 0 0 6

Vitaliy Menchukovskiy

19 Nov, 18:00

UI KIT | Part 3 | Button

После того как были описаны текстовые элементы мы переходим к описанию кнопок.

У любой кнопки есть 4 базовых состояние: primary(обычное), hover(при наведении курсора), pressed(при нажатии), disabled (недоступно) state. Так же есть состояние loading(ожидание после нажатия).

Все эти состояния должны быть описаны для каждой кнопки в интерфейсе.

143 0 0 8

Vitaliy Menchukovskiy

19 Nov, 17:50

UI KIT | Part 2 | Fonts

Первое что нужно описать в UI kit - это текстовые элементы. Все текстовые элементы можно разделить на группы: основной текст(paragraph), заголовки(header), ссылки(anchor), списки(list).
При описание любого текстового элемента необходимо указать следующие параметры:

🟢 Размер
🟢 Межстрочные интервалы
🟢 Расстояние между символами
🟢 Тип начертания (regular, bold)

Основной текст. Тут нужно описать стандартный текст, а также текстовые блоки меньшего или большого размера если такие есть в дизайне. И так же указать какой отступ использовать между абзацами текста.

Заголовки. Нужно помнить что исползают, как правило, 6 уровней заголовков - h1…h6. Чем меньше порядковый номер заголовка тем больше его размер шрифта

Ссылки. Для ссылок необходимо описать как минимум два состояние - обычное и когда по ссылки уже переходил пользователь.

Списки. Тут все просто, нужно показать два типа списков нумерованные и нет.

145 0 0 8

Vitaliy Menchukovskiy

19 Nov, 17:42

UI KIT | Part 1

UI kit (User Interface Kit) — это набор готовых элементов дизайна, который помогает разработчикам и дизайнерам создавать пользовательские интерфейсы для сайтов или приложений. UI kit обычно включает в себя компоненты, такие как кнопки, иконки, формы, меню, карты, модальные окна и другие элементы.

При создании дизайна приложения важно создавать или использовать UI kit. Если вы создаете свой уникальный дизайн, то вмести с файлами описывающими все страницы приложения необходимо предоставлять файл с корректным UI kit.

Многие начинающие (да и не только) дизайнеры пренебрегают этим моментов в разработке. В виду чего на этапе реализации приложения возникает ряд вопросов, например: а что будет с кнопкой при наведении курсора? а как подсвечивать поле с ошибкой? а какого размера делать заголовок h6?

Далее я расскажу основные моменты при создании UI kit

145 0 0 12

Vitaliy Menchukovskiy

18 Nov, 20:05

UI (User Interface) — это ключевая часть дизайна, которая влияет на удобство, восприятие и эффективность использования приложения.

🟠 Ключевые аспекты:

Визуальный дизайн
Это внешний вид интерфейса, включающий:
• Цветовую палитру
• Типографику
• Иконки, иллюстрации и графические элементы.
Главная цель — сделать интерфейс визуально привлекательным, интуитивно понятным и удобным.

Интерактивные элементы
• Кнопки
• Поля ввода текста
• Переключатели и чекбоксы
• Выпадающие списки
• Ссылки и слайдеры

Навигация
• Меню навигации
• Панели инструментов
• Breadcrumbs (хлебные крошки)

Доступность (Accessibility)
Дизайн интерфейса должен учитывать пользователей с ограниченными возможностями, например: поддержка экранных читалок, контрастные цвета для слабовидящих, удобная работа с клавиатурой без

🟠 Примеры хорошего UI:

Четкость: элементы легко распознаваемы и понятны.
Интуитивность: пользователь может догадаться, как пользоваться интерфейсом.
Последовательность: стили и функции одинаковы на всех страницах.

178 0 2 9

Vitaliy Menchukovskiy

18 Nov, 16:08

https://youtu.be/XLcmdzMIoDU

РЕТУШЬ ГЛАЗ В ФОТОШОПЕ

В этом видео я покажу как легко и быстро ретушировать глаза на портрете в фотошопе. ► РЕКОМЕНДУЮ УРОКИ: 1. КАК ПОВЫСИТЬ ЯРКОСТЬ ГЛАЗ НА ФОТО: https://youtu.be/8MFA-nDafIk 2. ИЗМЕНИТЬ ЦВЕТ ГЛАЗА В PHOTOSHOP: https://youtu.be/zzjIVkl3MlQ 3. АБСТРАКТНЫЙ ЭФФЕКТ В ФОТОШОПЕ: https://youtu.be/75uTokCfr...

192 0 3 13

Vitaliy Menchukovskiy

18 Nov, 14:50

Зеленый цвет в графическом дизайне.

🟠 Символика и ассоциации
Природа и экологичность.
Здоровье и благополучие.
Рост и развитие.

🟠 Эмоциональное влияние
Зеленый оказывает успокаивающее воздействие на зрителя.
Он ассоциируется с балансом и стабильностью.

🟠 Применение в дизайне
Акцентные элементы: Зеленый подходит для кнопок “Принять”, “Подтвердить” или других положительных действий, ассоциирующихся с безопасностью.
Фон: Светлые и пастельные оттенки создают спокойную и расслабляющую атмосферу.
Логотипы и айдентика: Используется для брендов, которые хотят ассоциироваться с устойчивостью, надежностью и естественностью.

Зеленый цвет универсален и может быть использован в самых разных проектах, от экологических инициатив до премиального брендинга.

201 0 3 11

Vitaliy Menchukovskiy

15 Nov, 14:50

Желтый цвет в графическом дизайне!

🟠 Привлечение внимания:
В дизайне он может акцентировать внимание на важных элементах, таких как кнопки, заголовки или значки.

🟠 Передача эмоций:
Желтый ассоциируется с радостью, оптимизмом и теплом. Его используют, когда нужно вызвать у зрителя позитивные эмоции или подчеркнуть дружелюбие бренда. Это особенно актуально для детских и развлекательных брендов, а также для индустрий, связанных с отдыхом и туризмом.

🟠 Контраст и акценты:
Желтый хорошо сочетается с черным и темными цветами, создавая сильный контраст. Этот прием часто используют в графическом дизайне для создания выразительных контрастов и фокуса на ключевых элементах.

🟠 Психология восприятия:
Желтый стимулирует мозговую активность и может усиливать чувство бодрости и активности. Однако из-за его высокой яркости избыток желтого может вызывать утомление или раздражение, поэтому его лучше использовать дозированно и в сочетании с другими цветами.