Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Захватывающая аркада-лабиринт по мотивам культовой игры восьмидесятых. Управляйте желтым человечком, ешьте кексы и постарайтесь не попадаться на глаза призракам.

Пикман

Аркады, На ловкость, 2D

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

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

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Веб-дизайн + Дизайнер

С этим тегом используют

Дизайн Сайт Веб-разработка Фриланс Web Графический дизайн Искусственный интеллект Дизайн интерьера Нейронные сети Интерьер Digital Работа Все
145 постов сначала свежее
1
artxksu
artxksu
27 дней назад

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк»⁠⁠

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Наружная реклама медиасервиса «Кулёк»

Привет! Меня зовут Ксения, я графический и UI/UX дизайнер. Вместе с командой мы создали медиасервис «Кулёк», чтобы помочь людям разных поколений лучше понимать друг друга через интерактивный контент, уникальные статьи и тщательно продуманный визуальный язык.

Почему мы решили создать «Кулёк»?

Современный мир — это постоянное взаимодействие поколений с абсолютно разными культурными кодами и языками общения. Наша команда часто замечала, как представителям старшего и младшего поколений бывает сложно найти общий язык, понять сленг или шутки друг друга. Именно поэтому мы разработали медиасервис «Кулёк» — платформу, которая помогает поколению X, миллениалам, зумерам и альфа лучше понять и принять культурные особенности друг друга.

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

Почему этот проект важен?

Разрыв между поколениями — не просто проблема коммуникации, он затрагивает рабочие отношения, семейную жизнь, общественные процессы и даже влияет на качество жизни. С помощью «Кулька» мы стремимся сократить этот барьер. Пользователи нашего сервиса изучают сленг, проходят интерактивные тесты, читают статьи о разных эпохах и глубже погружаются в культурный контекст каждого поколения.

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Мерч медиасервиса «Кулёк»

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

Что мы уже сделали?

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

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Рекламная кампания медиасервиса «Кулёк»

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

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Раздел с тестами на знание поколений в медиасервисе «Кулёк»

Визуальный язык проекта

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

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Фирменные цвета медиасервиса «Кулёк»

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Фирменные шрифты медиасервиса «Кулёк»

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

Метафора в дизайне сервиса

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

Одной из ключевых метафор стала «Связь поколений», выраженная в виде соединяющихся линий и точек, символизирующих единство разных возрастных групп. Другая метафора — «Вайб поколений» — отразила разнообразие культурных и визуальных кодов каждого поколения. Финальная метафора, которую мы реализовали в дизайне, объединила графические приёмы разных вариантов фирменного стиля, идеально воплотив миссию и суть нашего бренда.

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Итоговая метафора в дизайне медиасервиса «Кулёк»

Команда проекта

Проект «Кулёк» был реализован благодаря эффективной работе нашей команды. Вместе со мной над дизайном интерфейса, графикой и коммуникациями работала Соня Орехова. Константин Удод разработал дизайн-систему и занимался технической реализацией проекта в коде, обеспечив стабильность и высокую функциональность сервиса. Вклад каждого члена команды позволил создать гармоничный и эффективный продукт.

Планы на будущее

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

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

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Раздел с тестами на знание поколений в медиасервисе «Кулёк»

Ключевые тезисы и выводы

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

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк» Проект, Искусственный интеллект, Графический дизайн, Веб-дизайн, Брендбук, Проблемы поколения, Поколение, Дизайнер, Дизайн, Медиа, Тренд, Digital, Фриланс, Бизнес, Длиннопост

Поборка статей о разных поколениях в медиасервисе «Кулёк»

«Кулёк» — это больше, чем просто медиапроект. Это мост между поколениями, который мы строим совместно. Через доступный дизайн и вовлекающий контент мы стремимся сделать общество дружнее и ближе. Вместе с командой мы продолжаем развивать платформу, помогая ещё большему числу людей преодолеть коммуникационные барьеры и лучше понимать друг друга.

Посмотреть полную презентацию проекта можно здесь: https://www.behance.net/gallery/188496553/kulek-media-o-poko...

Если вы хотите, чтобы дизайн действительно решал вашу задачу и помогал достичь необходимых целей — давайте пообщаемся. Я помогу создать тот самый визуальный стиль, который не просто красиво выглядит, а говорит с вашей аудиторией прямо и точно. Готова обсудить задачу — просто напишите 🙌

Telegram: @artxksu

Behance: https://www.behance.net/ksushak1

Показать полностью 9
Проект Искусственный интеллект Графический дизайн Веб-дизайн Брендбук Проблемы поколения Поколение Дизайнер Дизайн Медиа Тренд Digital Фриланс Бизнес Длиннопост
3
2
itstorytelling
itstorytelling
1 месяц назад
Информатика • Алексей Гладков

31.05 - Дeнь вeб-дизaйнepa [вехи_истории]⁠⁠

31.05 - Дeнь вeб-дизaйнepa [вехи_истории] Тренд, Дизайнер, Программа, Разработка, Ux, Ux-дизайн, Ui, Дизайн, Web, Веб-дизайн, Веб-разработка, Научпоп, Информатика, Сайт, Технологии, YouTube (ссылка)

🗓 31.05 - Дeнь вeб-дизaйнepa [вехи_истории]

🎨 День веб-дизайнера — праздник всех, кто делает интернет красивым, удобным и визуально понятным. От кнопок до цветовых схем, от шрифтов до анимаций — именно веб-дизайнеры превращают сухой код в живую цифровую среду.

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

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

👩‍💻 Поздравляем всех причастных! Пусть ваши творчества всегда будут не только красивыми, но и удобными)

👇👇Наш канал на других площадках👇👇
YouTube | RuTube | Telegram | Pikabu
=====================================

Показать полностью
Тренд Дизайнер Программа Разработка Ux Ux-дизайн Ui Дизайн Web Веб-дизайн Веб-разработка Научпоп Информатика Сайт Технологии YouTube (ссылка)
0
3
itstorytelling
itstorytelling
1 месяц назад
Информатика • Алексей Гладков

28.05 - День оптимизатора Рунета [вехи_истории]⁠⁠

28.05 - День оптимизатора Рунета [вехи_истории] Сайт, IT, Тренд, Технологии, Дизайнер, Web, Веб-дизайн, Веб-разработка, Научпоп, Информатика, Красота, Ux, Ux-дизайн, Ui, Видео, RUTUBE

🗓 28.05 - День оптимизатора Рунета [вехи_истории]

🔍Это неофициальный профессиональный праздник всех, кто помогает сайтам быть замеченными в поиске.

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

📜 Почему 28 мая? Считается, что в этот день в 2001 году началась активная фаза развития поискового продвижения в Рунете, а сама дата закрепилась в профессиональной среде как символ зарождения отечественного SEO.

👏 Поздравляем всех, кто «ведёт в топ» — вы делаете интернет чище, быстрее и доступнее!

📼 А знаете ли вы, кто придумал этот ваш интернет?)
Кто придумал ИНТЕРНЕТ?
YouTube | RuTube

👇👇Наш канал на других площадках👇👇
YouTube | RuTube | Telegram | Pikabu
=====================================

Показать полностью 1
[моё] Сайт IT Тренд Технологии Дизайнер Web Веб-дизайн Веб-разработка Научпоп Информатика Красота Ux Ux-дизайн Ui Видео RUTUBE
9
Партнёрский материал Реклама
specials
specials

Считаете себя киноманом 80 LVL?⁠⁠

Залетайте проверить память и сообразительность → Будет интересно

Киногерои Тест Текст
1
denisn1xele
denisn1xele
2 месяца назад

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн?⁠⁠

🖐Привет, это Денис из NIXELE™! И сегодня вы узнаете

🔥Почему «красиво» — не значит «удобно», а также почему это можно опровергнуть...

📱Насколько в создании веб-дизайна не важен макет и почему на самом деле инструкцию придумали дебилы (или нет)?

🌭Из-за чего бутылка кетчупа это самый главный феил в дизайне, почему красивая картинка решает, а удобство и визуал – вообще не первое о чем стоит думать в веб-дизайне и наконец таки узнаем ответ на вопрос:

💯Кто он, этот ваш идеальный дизайн сайта?

Я решил начать с прогулки: свежий воздух и окружающая атмосфера натолкнули на одну интересную мысль когда я проходил мимо нового жилищного комплекса…

Смотрите, это логотип «Пятерочки» в одном из современных жк в Москве. Вроде бы обычная картина, но посмотрите внимательнее, можете открыть панораму и оглянуться вокруг🧐

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

«Пятерочка» в одном из домов современного жк на юго-востоке Москвы

Здесь в стильном и продуманном районе нет места ярким цветам - красному и зеленому, только стильный хай -тек. Однако если видишь что-то резко выдающееся, то это триггерит.

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

📌Что же получается, «Пятерочка» осознает важность визуальной эстетики?

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

А это визуализация различия вывески на разном фоне(фасаде).

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

Тогда я осознал, что проектирование не всегда самое важное и тратить на дизайн 16,5 дней точно не стоит. Визуальная составляющая зачастую имеет куда более важное значение перед планом. Получается все мои эти наброски не нужны были?

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Мой почти семнадцатидневный макет. Все равно его потом переделывал…

🔹Эстетика как никогда важна, она приоритетнее макета, НО ключевое — смог ли пользователь выполнить нужное ему действие. Разберемся подробнее.

🤷‍♂Создание макета сайта это действительно бесполезное занятие?

Я сразу побежал домой изучать взаимосвязь макета и эстетики в веб-дизайне и вот что нашел:

Японские эксперты Масааки Куросу и Каори Кашимура в дизайн-центре компании Hitachi попросили оценить 26 сайтов 292-ух студентов факультета дизайна и психологии. Pезультаты показали положительные результаты в сторону эстетики дизайна: визуально более стильные и красивые сайты выбирали чаще, даже когда навигация ставила в тупик.

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Это график кореляции удобства использования UX(левая шкала) и визуала дизайна сайта UI(нижняя)

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

Об Этом уже говорит работа Флориана Гейгля и Кристины Лерман под названием «Оценка влияния смещения кликов и вставки ссылок в Интернете на навигацию».

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

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

🧐Именно поэтому дизайн может бесить. Красивый, но совершенно непригодный для удобного использования интерфейс может раздражать.

🔹Нужна успешная комбинация - эстетическое впечатление + легко совершенное плановое действие(визуал UI + макет UX). Вместе они подталкивают пользователя на следующий шаг и приводят к целевому действию, а также мотивируют к повторному посещению сайта.

👟Простыми словами - кроссовки должны быть стильными и соответствовать трендам, но самое главное — они должны быть удобными!

Кажется, что каким бы дискофмортым ни был макет(UX), всегда будет важна эстетика(UI) - тяга человека к идеальному невероятно велика!

🔑От сложного к простому - что такое UI/UX дизайн. Аналогия.

Представьте: вы собираете конструктор «Лего-техник», то есть механизм, из подвижных деталей(UX) и обычных блоков, создающих визуальную часть(UI).

Поворотные механизмы в виде шестеренок, троса и колес консруктора(UX) дополняет стильное сочетание желтого и черного(UI)

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

👉Кстати, буду намеренно «ужирнять» сокращения UI и UX, а также относящиеся к ним слова, чтобы вам было проще разбираться с аналогиями и понимать их значение

С заботой - NIXELE™

Происходит наращивание новых нейронных связей и мы пониманием, что важно правильно сочетать UI и UX составляющие дизайна.

🎏Визуал по-разному привлекает разные категории людей

Все не так однозначно, нельзя сделать «супер» и «мега» и для всех сразу «в одном флаконе».

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Дизайн-завод «Флакон» — креативное пространство в Москве, торгово-выставочный и офисный комплекс

Посмотрите, главное, что мы должны осознать из исследования Hitachi – это не то, что планирование элементов взаимодействия придумали дебилы и вообще, они тратят много времени на дизайн-макеты сайтов зря — нет! Эстетика может улучшить восприятие эргономичности даже если функциональность остается неизменной.

Воу! Эргономичность, - сложное слово, кажется мы можем обойтись и без него! Само слово означает приспособление предметов труда для комфортной и эффективной работы 

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

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

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Пример хорошего UI/UX дизайна(мое мнение)

🔹Ключевое на чем нужно сосредоточиться при разработке дизайна сайта – не UI и не UX составляющие, даже не их сочетание. Самое важное – понять что именно ожидает увидеть пользователь. Потому что от его потребностей и зависит правильное сочетание UI/UX.

«Если между ожиданиями клиентов от продуктов или услуг и их реальным дизайном существует большая разница, то мы вынуждены вступать в неравный бой, пытаясь заставить клиентов пересмотреть их устоявшиеся представления»
Из книги Джона Уэлена «Дизайн пользовательского опыта»

Тесты, тестирование, тестики🔥
— Знаете почему программирование и веб-дизайн одно и то же?
— Потому что это все IT? — спросите вы
— Да, скорее всего вы правы! — Но почему?

Potomu chto никогда не знаешь кто он, этот твой пользователь))

Поэтому необходимо знать погоду сайта, дизайн которого создаешь. А осадки на ней - это user flow. Смотите, так выглядит погодный циклон на сайте:

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Это тепловая карта сайта Guardian Unlimited

Подобная функция в «Яндекс метрике» называется «Вебвизор». Она помогает понять куда чаще нажимают пользователи и как работает визуальная часть сайта

Именно такую карту наша команда использовала при запуске тестовой версии сайта хоккейной лиги чемпионата кхл 3на3. На тепловой карте мы с командой отчетливо видели какие элементы привлекают пользователя и работают так, как и было задумано, а какие остаются без внимания и требуют UI/UX доработки.

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

📌Как повлияло на разработку веб-дизайна

Сейчас моя работа начинается с гугл формы и опросников и это не просто дополнительная опция в разработке веб-дизайна — нет! Наоборот — это серьезность и ответственность. Я осознаю важность первичного анализа потребностей не только клиента, но и целевой аудитории.

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Моя гугл-форма для работы с клиентами

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

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

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

Ведь цель дизайна сайта, не только замотивировать потенциального покупателя купить авто именно здесь, но и привести к целевому действию юзера, «случайно» попавшего на ваш сайт.

📌Как вы думаете, что вам может рассказать одна бутылка кетчупа?

Вроде бы ничего особенного, только если это не бутылка Heinz. Знакомтесь — мем, посвященный именно ей:

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Слева - UI интерпретация кетчупа, а справа - UX

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

Эталона идеального дизайна сайта не существует, но существует план, который может помочь.

⚡8 советов от NIXELE™ по созданию идельного дизайна сайта

  • Чаще соприкасайтесь с прекрасным но не утопайте в нем - выделите на подбор примеров только час, разбейте их по группам и оттолкнитесь от чего-то одного

  • Стройте здание, начиная с фундамента, но не израсходуйте весь материал — сравнивайте макет со схемой построения успешных сайтов, но не крутите один элемент сликом долго

  • Проверенные решения на то и провренные, они работают — изучайте теорию и психологию, используйте нейросети и выбирайте с умом то, на чем будет посторен UI/UX дизайн

  • Нет ничего страшного в том, чтобы спросить у девушки или мамы какие цветы она любит - общайтесь с целевой аудиторией напрямую, чтобы узнавать предпочтения и ожидания своих «любимчиков»

  • Будьте открытее к общению — опрашивайте не только ца, но и своих друзей и знакомых. Порой люди, совсем далекие от темы, могут натолкнуть на интересные мысли

  • Не бойтесь сносить здание под корень — не бойтесь начать все с начала, даже если работу полностью придется стереть

  • Ставьте широкие видовые окна — делайте дизайн «прозрачным» в первую очередь понятным и доступным, и только потом красивым

  • Любите себя — прощайте себе даже крупномасштабные косяки и умейте найти силы на то, чтобы вернуться к работе, даже когда много правок

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

🔹Визуал и практичность работают вместе, полагаясь на потребности пользователя. Знакомтесь: формула которую мы вывели

UI - визуал; UX - пользовательский опыт; TA - целевая аудитория; DS - дизайн

На самом деле - выбор за вами, и только вам решать каким будет ваш идеальный дизайн, но ключики к этому лежат через вашу чуткость, талант и усердный труд.

И кстати, без помощи тяжело потом что-либо искать по это статье. Поэтому для вас, ключевые тезисы я отметил вот так 🔹

С любовью и заботой - NIXELE™

🙌Спасибо за прочтение данной статьи, ваша активность помогает скорейшему выходу нового материала
👉Всегда рад обратной связи — не забывайте про чек-поинты в виде опросов выше и по ссылке) Увидимся в следующей статье😉

Показать полностью 8 4
Дизайн Веб-дизайн Веб-разработка Figma Дизайнер Web Ui Ux Сайт Креатив Видео Без звука Короткие видео Длиннопост
40
7
blefdlyk
blefdlyk
3 месяца назад

Что я узнал за 15 лет в веб-дизайне⁠⁠

  1. Больших денег в веб-дизе нет, но на жизнь заработать можно почти всегда. В 2010 когда я начинал, я как студент работал на пол ставки в местном провайдере и зарабатывал 9к. Потом со своими начальными навыками фотошопа я пошел на фриланс и стал зарабатывать на дизайне те же 9-10 но за пару часов в день. Я делал в основном всякий фотомонтаж и денег было немного, но потом выцепил одного клиента именно на дизайн лендингов (тогда это была прям новинка, вообще никто не понимал что это) и стал зарабатывать 30-60 что было прям огонь по тем временам, потом больше по мере увеличения количества клиентов. Тем не менее сейчас я редко вижу веб-дизайнеров, которые имеют больше 100-120 в регионах, в столицах, понятно, больше ( Это именно веб-диз, UI/UX зарабатывают больше, до 250-300, но там и работа совсем иная). Думаю, фрилансом можно заработать больше, статистики у меня нет, но тоже со временем, сначала попробуй базу клиентов набери. Бывают исключения и звезды с крутыми прайсами, но в среднем в вебдизайне не озолотишься, поэтому идти сюда имеет смысл только если сам процесс очень нравится и если есть склонность к профессии.

  2. Дизайнеров как собак нерезанных, но хороших почти нет. По личному дизайнометру процентов 80 это совсем шляпа, даже не джуны. Люди проходят курсы и начинают считать себя звездами, ЧСВ зашкаливает, зарплату просят 100+ сразу. Скорее всего виноваты курсы, которые обещают то, чего реально на рынке нет. Тем не менее, действительно хорошего дизайнера с днём с огнем не сыщешь.

  3. Работа веб-дизайнера прежде всего техническая, хотя новички часто думают, что это творчество/искусство. Во-первых, есть ТЗ, есть задача которую надо решить. В этом нет места самовыражению, или ок, есть, ног прям чуть-чуть. Во-вторых, все уже давно придумано: возможные композиции элементов, правила близости, консистентные приёмы, удачные сочетания цветов и т.п. Это все базируется на психологии и уже устоявшихся привычных правилах. Типа все привыкли что у автомобиля две фары, и можно сделать три, конечно (и иногда делают), но в целом смысла в этом мало. Так же и в веб-дизайне. Важно правильно проанализировать нишу клиента, конкурентов, хорошие решения и применить все это в своем проекте. Творческая часть обычно занимает процентов 5, все остальное работа с существующими решениями, их анализ и правильное применение. Как пример, новички часто пытаются что-нибудь эдакое придумать с логотипом, вместо того, чтобы расположить его слева сверху.

  4. Если у вас нет дизайна, то это тоже дизайн, просто плохой.

  5. Плохой дизайн тоже может работать. Если вы предлагаете что-то очень выгодное, то это купят даже на чёрном сайте с чёрным текстом (ладно, чуть серым). Если вы предлагаете какую-то ненужную фигню, то никакой дизайн её не спасёт. Сначала идёт смысл, за ним текстовое выражение этого смысла, за ним уже дизайн. Задача дизайнера правильно перенести текст в визуал: сфокусировать внимание пользователя на важном, сделать восприятие удобнее, чем просто простыня текста, усилить образы картинками или иллюстрациями, визуализировать важные цифры, добавить немного правильного настроения. И все. Переоценивать важность дизайна тоже не надо. Маркетинг и УТП первичнее.

  6. Тем не менее, хорошие дизайн-решения круто влияют на результат. В 2012 клиент попросил меня чуть визуально освежить старый сайт. Там был трафик, но сайт был визуально прям уставший. Мы согласовали план работ. В процессе я все пытался понять где у них контакты. Они были как-то кривы спрятаны в нижнем меню. Тогда это решение только набирало популярность и я предложил повесить сверху красную кнопку с формой "обратный звонок". У клиента заявки посыпались как из рога изобилия с этой кнопки. Оказывается, раньше, люди, действительно не могли найти контакты и забивали. Ровно из-за этой истории я назвал потом студию "Красная кнопка".

  7. Новый дизайн можно сломать продажи. Один раз мы "освежили дизайн" сделали его современным, сохранив общий стиль и логику. И продажи упали. Почему-то иногда люди не доверяют слишком красивому дизайну. Но, только иногда, чаще всего хороший современный дизайн лучше продаёт чем старый.

  8. Клиент часто прав. Очень нередко новички хотят "сделать красиво", вместо того чтобы послушать клиента, который лучше понимает как его продукт/услугу продавать. Опытный дизайнер выслушает, выделит суть, сделает правильно с точки зрения продаж и одновременно красиво.

  9. Веб-дизайнеры обычно не умеют рисовать от руки. Им и не надо.

  10. Сверстать можно что угодно. Но лучше знать как работает html вёрстка и делать корректно.

Показать полностью
[моё] Веб-дизайн Дизайн Дизайнер Текст Волна постов Что я узнал
2
DigitalOasis
DigitalOasis
4 месяца назад
Серия "Дизайн по-дубайски"

"Дизайн по-дубайски: роскошь, технологии и отличия от мировых трендов"⁠⁠

Дубай — город, где технологии встречаются с роскошью, а дизайн превращается в искусство. Здесь открываются уникальные digital-решения, адаптированные под местные культурные особенности и высокий уровень ожиданий аудитории. Но в чем именно заключается особенность дубайского веб-дизайна? Почему он отличается от западных и европейских стандартов? Давайте разберемся.


1. Особенности digital-среды в Дубае

Высокий уровень цифровизации

ОАЭ стремительно превращаются в одну из самых технологичных стран мира. Здесь активно внедряются AI-решения, автоматизация и инновационные подходы к пользовательскому опыту.

Люкс-сегмент как стандарт

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

Мультиязычность

Сайты в Дубае обычно работают минимум на двух языках: английском и арабском. Это накладывает технические и UX/UI-ограничения, например, необходимость поддерживать справа налево (RTL) в арабском языке.


2. Основные тренды веб-дизайна в Дубае

1. Минимализм с премиальными элементами

Чистый интерфейс, дорогие шрифты, много пространства и плавные анимации создают эффект роскоши.

2. AI и персонализация

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

3. Визуальный акцент: 3D и видео

Качественные видеобэкграунды, анимация и интерактивные 3D-элементы делают пользовательский опыт запоминающимся.

4. Mobile-first подход

Огромный процент интернет-трафика в ОАЭ приходится на мобильные устройства, поэтому адаптивность и удобство мобильных версий на первом месте.

5. Геймификация

Добавление игровых механик и интерактивных решений в интерфейс, что повышает вовлеченность пользователей.


3. Сравнение с западным и европейским дизайном

"Дизайн по-дубайски: роскошь, технологии и отличия от мировых трендов" Будущее, Ux-дизайн, Развитие, Figma, Веб-дизайн, Дизайнер

4. Крупные бренды и агентства, формирующие digital-дизайн в Дубае

Некоторые компании, задающие тренды:

  • Emirates — премиальный UX авиасайта.

  • Emaar — продуманный веб-дизайн для недвижимости.

  • Dubai Holding — сложные корпоративные сайты с фокусом на пользовательский опыт.

  • Digital Gravity, WebCastle, CodeGuru — агентства, создающие digital-продукты мирового уровня.


Заключение

Веб-дизайн в Дубае — это сочетание эстетики, технологий и адаптации под уникальные культурные требования. Если в Европе и США важны удобство и инновации, то в Дубае ключевыми факторами становятся премиальность, AI-оптимизация и визуальная привлекательность. Развивая digital-проекты в ОАЭ, важно учитывать эти особенности, чтобы создавать успешные и востребованные продукты.


P.S.
Если вы веб-дизайнер и хотите работать в Дубае, не забудьте о мультиязычности, визуальной роскоши и адаптации под мобильные устройства — это залог успеха в этом регионе!

Показать полностью 1
[моё] Будущее Ux-дизайн Развитие Figma Веб-дизайн Дизайнер
0
DesignLapki
DesignLapki
5 месяцев назад

Время идёт, а ничего не меняется. Самыми популярными вопросами среди начинающих дизайнеров остаются...⁠⁠

  1. С чего начать?

  2. Курсы или самоучка?

  3. Когда и где искать работу?

  4. Как устроиться на «ту самую работу»?

Всем привет!

Я автор телеграм-канала, где пишу о продуктовом дизайне, UX/UI, дизайн-системах и о моей рабочей рутине. Разбавляю новостями, отдушиной и кекесами.

Сегодня рассмотрим трепетные вопросы для новичков и подумаем над ответами на них в цепочке следующих постов.

С чего начать? Часть 1

Это очень обобщённый вопрос. Как и любую большую задачу, её проще декомпозировать. По небольшим шагам нам проще будет воспринимать и оценивать каждый этап.

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

🌟 Соберём информацию

Спросите себя:
— Какой результат от обучения я ожидаю?
— За какой период я хочу добиться этого результата?
— Какие у меня на это есть ресурсы?
— Что может мне помешать?

Чем больше вы сгенерируете вопросов и ответите на них, тем детальнее вы будете представлять картину. Это такой же дизайн-процесс, как и у опытных дизайнеров в крупных компаниях.

Также стоит помнить, что мы не всегда отталкиваемся от чёткого плана, но и действуем в угоду человеческого фактора. И это нормально 💜

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

Часть 2

Допустим, вы уже задали себе необходимые вопросы и ответили на них. Теперь нам необходимо:

  1. Определить достижимые цели

  2. Сформировать личный план по развитию

  3. Продумать этапы

Структурируем данные, чтобы нам было проще с ними работать

🌟 Определим достижимые цели

Из ответов на вопросы это:

— Научиться в дизайн простых интерфейсов за ~4 месяца
— Начать зарабатывать через 4 месяца

Дополнительные вводные:

— Может заниматься обучением 2 часа в день в среднем
— Есть отложенные деньги на курсы
— Молодой, скорее всего, умеет искать информацию в интернете
— Не факт, что усидчивый
— Есть вероятность, что в любой момент прервёт обучение. Т.к. сам не понимает, насколько ему интересен дизайн интерфейсов

💎 Главный навык для старта 💎

🔍 В дизайне есть много требуемых ключевых навыков. Одним из них является умение искать информацию самому. Поэтому мы пошли в поисковик, нашли пару полезных статей и чатов в telegram, позадавали вопросы AI.

💡 Проанализировав информацию в разных источниках, мы обнаружили, что научиться дизайну простых интерфейсов за ~4 месяца можно, но это будут очень поверхностные функциональные знания.

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

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

🌟 Сформируем личный план развития

1. Учимся 4 месяца

Мы поняли, что этого достаточно для начального этапа с таким сроком

2. Выбираем самообразование

У нас есть накопленные деньги, но курсы могут оказаться неинформативны. А структурировать информацию для достижения цели мы сможем сами. Также будет обидно, если дизайн не про нас, а мы отдали большие деньги.

3. Через 4 месяца ищем подработку

Работу в компании вряд ли мы найдём + нас интересует именно доп. заработок. А вот зайти на какую‑нибудь фриланс биржу можно. Там не всегда важен опыт,. Главное себя продать.

Часть 3

🌟Этап 1. Изучаем инструмент Figma

Для этого идём, например, на Behance. Скриншотим работы и пытаемся отрисовать 1в1. Пока что погружаться в теорию нет смысла. Берём только сайты и их адаптивы. Для изучения iOS HIG и Android MUI нам времени не хватит. Поэтому повторки Android и iOS экранов не рисуем.

Гуглить мы всё ещё не разучились. Ищем ответы на вопросы в браузере, youtube и др.

🌟Этап 2. Нам нужен осознанный дизайн

Как только мы поняли, что уже довольно быстренько можем отрисовать 1в1 по примеру, идём за теорией. Для успешного закрытия задачек нужно понимать, что мы делаем, каким образом и для чего.

1. Изучаем все стандартные интерфейсные web-элементы и принципы отрисовки web-интерфейса, его адаптивность

Закрепляем на практике

2. Изучаем типографику, вёрстку, композицию, визуальную иерархию, цвет

Всё, что изучили в теории, сразу применяем на практике. Для это лучше уже попробовать отрисовать свой макет по выдуманной задаче. Так вам будет что исправлять)

🌟Этап 3. Учимся структурировать работу

Эти знания позволят нам достичь результатов в поставленных задачах, повысят скорость работы. Поэтому знакомимся с дизайн-мышлением, дизайн-процессом и его фреймворками. Берём необходимый минимум для изучения. Сюда входят:

Поиск и формирование первичных данных:

— Брифинг
— Изучение предметной области
— Поиск конкурентов
— Подбор эвристик

Определение фактических данных:

— Эвристический анализ
— Анализ конкурентов
— Пользовательские истории
— Схема информационной архитектуры

Дизайн:

— Пользовательские пути
— Макеты низкой детализации
— Макеты высокой детализации

Передача дизайна в разработку:

— Подготовка макетов
— Нейминг
— UI-kit, компоненты

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

🌟Этап 4 Формирование портфолио

Здесь, я уверен, вы сможете найти всю информацию сами :)

💎 И ещё раз: теория ➔ практика. Всегда. 💎

Также старайтесь не придумывать велосипед. Почти всё о чем вы подумали, уже кто‑то сделал до вас)

Полезные ресурсы

📂 UX/UI Дизайн роадмап

Сам пользуюсь и всем советую . Его можно взять за основу для дальнейшего развития. Но только после всего описанного выше. Этот роадмап предоставит вам дальнейшие вызовы и правильный курс развития.

📂 Рекомендуемая литература:

1. Типографика и вёрстка. Артём Горбунов.
2. Теория цвета. Иоханнес Иттен.
3. Пиши, сокращай. Максим Ильяхов.
4. Сожги своё портфолио. Майкл Джанда.
5. Новая типографика. Ян Чихольд
6. Дизайн привычных вещей. Дональд Норман.
7. Психбольница в руках пациентов. Алан Купер.

Это моя первая статья на Пикабу. Буду благодарен за обратную связь в комментариях и поддержке реакциями ❤

Показать полностью
[моё] Дизайн Обучение Самообразование Ui Ux Figma Дизайнер Веб-дизайн Карьера Образование Развитие Урок Текст Длиннопост
16
4
Вопрос из ленты «Эксперты»
spbdimka
spbdimka
5 месяцев назад

Помогите найти баннер⁠⁠

Году в 2006-м у нас среди коллег гулял локальный мем, найденный на просторах интернета

Выглядел он как gif-баннер 468x60 буквально из двух кадров

На первом было "Думаешь ты дизайнер?"

и на втором "Мудак ты, а не дизайнер"

Покоя не даёт, найти для ностальгии нигде не могу

вдруг у кого-то в загашнике валяется или гуглит лучше моего

Заранее благодарю

[моё] Вопрос Спроси Пикабу Дизайнер Веб-дизайн Udaffcom Баннер Текст
3
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии