Удобство для пользователя бьет дизайнеру по рукам кожаным ремнем.
Юзабилити, ux, аналитика и тестирования, общие компоненты и многое другое не дает развернуться в Ui. Где обещанное творчество?
Описываю 2 случая, при которых можно отыскать затерянные возможности Ui:


1. Целевая аудитория с высокими ожиданиями: В редких случаях, когда пользователи имеют высокий уровень творческой компетенции, например небольшие сайты для дизайнеров. Творческие портфолио и визуальные сайты: для художников, дизайнеров и других творческих профессий внешний вид веб-сайта может быть ключевым, поскольку они демонстрируют свое искусство и стиль.

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

Если у вас крупный портал, то это на него правило распространяться не будет. Потому что для огромной аудитории читаемость будет важнее, чем красота. Кроме того портал должно быть удобно наполнять.


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

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

Воскресенье - день веселья!
Так что публикую простое веселое упражнение на развитие ассоциативных рядов, про которые я пишу в каждой статье и треплюсь на каждом видео

Шаг 1 - откройте алфавит
Шаг 2 - произнесите вслух первую букву «А»
Шаг 3 - какая ассоциация у вас возникла? какая эта буква на ощупь? острая или мягкая, теплая или холодная, сладкая или может быть кислая, на что она похожа?
Шаг 4 - нарисуйте буква «А» на листке бумаге в соотвествии с вашими ассоциациями
Шаг 5 - проделайте это по-порядку с остальными буквами алфавита

Пример: для меня буква «А» звонкая, острая, яркая, пробивная. Поэтому я рисуют ее похожую на иглу и добавляю переход от красного к желтому чтобы показать интенсивность звука, его движение. В свою очередь буква "П" звучит для меня, как короткий глухой звук п-пористый.

Ну что вы, котята мои?
Поступил запрос.

Как, спрашиваете, интегрировать логотип в дизайн сайта?
А если он стремота позорная?
Почему я такой красивый, должен на все это смотреть?

Рассказываю..
6 способов как внедрить логотип в Ui Ux.
Почему не стоит использовать шрифт из лого на сайте.
И почему на свет появляется не красота.

…
На фото я пишу вам эту статью, делюсь контентом, мы завели котяток в офисе =)

Мои глаза - мой творец

Обращение внутреннего взора в глубины сознания помогает нам воссоздать в воображении ситуации и объекты, которые мы так же в воображении можем трансформировать во что угодно. Даже слепому это под силу, потому что все люди видят сны.

Глаза сами по себе являются источником. В сетчатке глаза образуется световая вспышка каждые пару секунд, даже во сне. Я хочу сказать, что зрение - это ваш основной инструмент в разработке дизайна, а не просто орган. Именно хорошо развитое зрение помогает реализовывать работу быстро и качественно, вы можете тренировать его и развивать.

В статье расскажу несколько примеров, как конкретно глаз - всемогущий влияет на скорость и качество работы, ну и упражнения мои любимые, канешна

...

Привет, едоки!

Хочу быстренько рассказать, про классный сервис, которым со мной поделились друзья VPN MAGICVPN.

clipdrop.co - вот такая классная вещь для создания картинок, вместо миджорни, который теперь с нами только из-за денег.
Заходим сюда - https://clipdrop.co/stable-diffusion
В поле пишем запрос и играемся с настройками пока не обрадуемся.

Мой запрос был «Розовая львица с кровью на клыках - аниме»

Конформность. Выбранный путь определяет успех.

Когда 10 лет назад, я только начала путь в дизайне, я была на таком уровне юношеского максимализма, что словами не передать, я считала, что стану лучшим дизайнером в мире. Не в городе, не в стране, именно в мире. Подростковая энергия в чистом виде, без примесей.
Сейчас, в возрасте за 30, я уже понимаю, что такое сила энергопотока и как много всего один человек может совершить, стараясь по-немного каждый день и как быстро может сгореть от того же.

Итак, в чем сила брат?
Смелость вашей души, крольчат.
Огонь души никогда не погаснет, это дар нашего рождения, даже если вдруг, вам кажется обратное, это только усталость или что-то другое.

Кратко:
1. Брать самые сложные референсы
2. Брать самые сложные, непонимаемые задачи
3. Общаться с людьми с которыми раньше вы боялись заговорить

Все пункты подходят для любого уровня в дизайне.

...

Друзья, тестировщики или те у кого есть желание принять участие в тестировании приложения впервые, для вас:

Мы активно запускаем в store подарок миру - приложение по лечению депрессии и просто тяжелых психологических состояний.
В настоящий момент приложение можно скачать по запросу и провести тестирование первой части функционала.

Как получиться доступ?
Отправить свою почту в чат https://t.me/+Tmyn67gexIFhNTRi и мы добавим вас в команду тестировщиков.

Формат тестирования:

https://t.me/+Tmyn67gexIFhNTRi
Отправить ссылку с доступом в Google Word с правками следующих типов:
1. Ошибки технические
2. Ошибки в контенте, текстах
3. Непонятные моменты реализации
4. Гипотезы, как сделать удобнее
5. Любые раздражающие или непонятные элементы дизайна или пути пользователя

Ну что, огонечки мои, настали смутные времена в столице.
Мрак и смерть опустились на город с холодными ветрами, чтобы всех нас истощать!
Так что.. время подарков 😻, не радости ради, а выживания.

Итак, за время работы у нас накопилось большое количество дизайнов во всех направлениях, которые лежат в столе и пылятся, чем сильно ранят мое бедное сердечко.

Все - это, конечно, достанется ВАМ! Просто так, за то что вы есть =)
К каждому шаблону я постараюсь приложить видео-обзор с применением и описанием деталей.
Так же шаблоны показаны в нескольких стилях, что делает их универсальными.

Угощайтесь, дорогие =)

https://youtu.be/rpQRWCRU63s?si=Bh1Coo8NyUvk-szY

И еще один видео-обзор, на
этот раз к карточке товара!
Выкладываю один дизайн, чтобы в итоге получился целый проект.

https://youtu.be/1PKS_iEBVNo?si=WimQirhRw2qwrSqJ

В последнее время было много лирики, так что на этот раз сухо и по делу.

Анализ аналогов - часть №1

Первый этап работы.
В зависимости, от качества проведенной аналитики, будет зависеть подбор референсов, стилистики и запрос контента.

Конкурентов лучше запрашивать у самого заказчика, некоторые компании самостоятельно вы можете просто не найти. Но это в любом случае не исключает самостоятельный серфинг, потому что заказчик может не знать своих конкурентов.

В итоге у вас будет список, который вы объедините из сайтов-конкурентов, которые предоставил заказчик и вы отобрали самостоятельно.

Как выбрать сайты для первичной аналитики самостоятельно?

...

Анализ аналогов - часть №2

Прекрасно, теперь у вас будет список аналогов, которые можно рассматривать для дальнейшей более детальной аналитики.

В статье:
Какие элементы необходимо анализировать?
Как их выбрать?
Как собрать единый прототип
Как подобрать стилистический референс

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


Упражнение - Времена года

Разбейте холст на 4 части.

Каждому квадрату присвойте время года:
❄️зима / 🌿весна / 🌞лето / 🍁осень

Так же каждому квадрату присвойте стихию:
💧вода / 🌳земля / 🔥огонь / 💨воздух

Визуализируйте.
Заполните иллюстрацией каждый квадрат.

Условия:

Вы можете использовать любые материалы, пространство и любой формат выполнения.

Времена года и стихии не могут повторяться.

Вы можете использовать только абстрактные образы.


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

Друзья, хочу сегодня разобрать архетипы Юнга и то, насколько точно они отражаются в брендинге!

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

Так же добавила краткое описание 2х ведущих архетипов у дизайнеров, так что, надеюсь, вы узнаете себя =)

Упорядоченный хаос в дизайне

Мир не стоит на месте, меняя понятие здравого смысла.

1. Папа Хаос в коммуникациях
2. Мама Анархия в UI UX

...

Экзистенциальный вопрос, для проработки сопротивления: почему зомби-апокалипсис никто не называет эпохой возрождения?

Давно не было технических статей.
Разработка UI UX у которых нет аналогов - 1 часть

Шаги разработки:

Проработка функционала
Проработка контента
Выбор цветовой палитры
Подбор референсов под элементы UX
Подбор стилистики, референсов под элементы UI
Разработка прототипа
Разработка UI

В первой части статьи разбираю первые 4 шага
...

Разработка UI UX у которых нет аналогов - 2 часть

5. Разработка прототипа
6. Подбор стилистики, референсов под элементы UI
7. Разработка UI

...

Нулевой интерфейс - ты рили космос!

1. Что такое нулевой интерфейс и где он используется?
2. Исследования целевой аудитории нулевого интерфеса на примере космонавта.
3. Пример формирование персонажей и сценариев использования, на основе той же ситуации в космосе.
4. Пример адаптации контента под контекст ситуации
5. Применение искусственного интеллекта и алгоритмов машинного обучения.
6. Пример итеративного тестирования и улучшения, под тот же интерфейс
7. Пример возможного сценария итогового нулевого интерфейса для космонавта в космосе

...

Упражнение:
Развить способность создавать ассоциативные связи между идеями для создания изображения.

Выберите слово или понятие, которое хотели бы визуализировать. Например, слово "эмоция"

Разбивка на ассоциации: Разбейте выбранное слово на 10 ключевых элементов, составляющих его смысл. Например, для слова "эмоция" элементами могут быть "цвет", "форма", "линия".
Разбейте их на пары и напишите каждой паре общую ассоциацию, вне зависимости от других слов. Например для слов "синий" и "тигр" ассоциация может быть "Бренд"

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

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

Сбор изображения: Соберите все нарисованные элементы вместе так, чтобы они создавали единое изображение.

Рекомендации и пример реализации👇

Кролики, записала новый видео-обзор к подарочному шаблону в Figma

Шаблон для интернет-магазина, а именно главная страница

На видео:
1. Дестоп версия главной стариницы
2. Как изменить стиль
3. Правила замены контента
4. Адаптивная версия

Ссылка на макет под видео, а в обзоре рассказываю какие моменты важно учитывать при работе с шаблоном

https://youtu.be/pHKBy5V5qdw?si=RbIqFMm3REcAwMOr

Новый разбор Ui макета брендового сайта и сам шаблон в подарок 🎁 ссылка на figma под видео

На видео:
1. Дестоп версия главной стариницы
2. Как изменить стиль
3. Правила замены контента
4. Адаптивная версия
5. Другие возможноные цветовые плитры
6. Как подготовить макет к верстке

https://youtu.be/dTm-hvcQJRg?si=SHzo0FYNkn41OVZ7