Новое Распределяем каналы MAX по категориям и территориям. Читать новость
Открытый канал ID 77150688530997

Aleksandr_web/инфографика/дизайн

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

Открыть в MAX

Публикации за период

По реакциям

Поиск и вся лента — после бесплатной регистрации. Свои даты — по подписке; владелец канала видит их бесплатно. Сортировка по реакциям — по подписке. Зарегистрироваться

Загрузка…

*Что, если герои книги оживают, пока мы читаем?* — видео, канал «Aleksandr_web/инфографика/дизайн» ▶ видео
📖✨ *Что, если герои книги оживают, пока мы читаем?*

Представляю свой нейромультфильм по мотивам сказки Петра Лебеденко о казаке Игнатке и злом разбойнике Карабахе.

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

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

А вы в детстве представляли, что попадаете внутрь книги? Расскажите в комментариях

🎬Буду рад вашим отзывам!

#сказки #нейромультфильм #ПётрЛебеденко #казакИгнатка #мультфильм
Просмотры: 28
Перейти в пост Открыть в MAX Сообщить о неточности
Загружаем изображение…
Загружаем изображение…
Рад поделиться итогами недавнего проекта: создание лендинг‑приглашения на свадьбу для заказчика. Я подготовил предварительный проект, который отражает концепцию, стиль и функционал будущего приглашения, а также прозрачный процесс работы от идеи до прототипа.
Что было сделано:
Визуальная концепция и атмосфера:
разработана гармоничная палитра, стиль иллюстраций и аккуратная типографика, чтобы передать торжественность и эмоциональность события.
Архитектура лендинга: одностраничный дизайн с разделами «История пары», «Детали торжества», «RSVP» и таймер обратного отсчета до даты. Предусмотрены адаптивные элементы под мобильные устройства.
Типографика и читаемость: выбор шрифтов, где заголовки задают характер (например, элегантный шрифт для заголовков), основной текст — легко читаемый. Это обеспечивает хороший контраст и комфортное восприятие на любых устройствах.
Техническая реализация: прототипирование и последующая реализация макета в HTML/CSS/JS с упором на скорость загрузки и доступность. Весь процесс велся с учетом пожеланий заказчика и возможности оперативной доработки.
Результат:
Предварительный макет, готовый к презентации заказчику.
Ясная дорожная карта для доработки и финальной версии, включая дополнительные секции и интеграции по требованию.
Готов повторить аналогичный подход под ваши мероприятия — от идеи до готового макета и финальной реализации. Пишите в комментариях или в личку, обсудим детали и сроки.
#WebDesign #WeddingLanding #UXUI #GraphicDesign #FreelanceWebDev #HTML #CSS #JavaScript #ResponsiveDesign
Просмотры: 45
Перейти в пост Открыть в MAX Сообщить о неточности
Когда реальность — это ты, а мир вокруг — акварель — видео, канал «Aleksandr_web/инфографика/дизайн» ▶ видео
Когда реальность — это ты, а мир вокруг — акварель 🤍🌿

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

Теперь — можно шагнуть внутрь.

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

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

Это не замена реальности. Это портал. Способ вдохнуть. Напомнить себе, что магия — это не то, что было только в детстве. Она здесь. Достаточно открыть дверь.

30 секунд. Один кадр. Целая вселенная, которой вчера ещё не существовало.

И она ждёт только тебя.

#гибли #студиягибли #миядзаки #нейросети #нейросетьвидео #эстетика #акварель #магия #аниме #кинематограф #аишка #визуальноеискусство #мечта #фэнтези #арт #видеоконтент #творчество #вдохновение #aiart #ghibli"
Просмотры: 72
Перейти в пост Открыть в MAX Сообщить о неточности
Загружаем изображение…
Загружаем изображение…
Загружаем изображение…
От референса до живого сайта: мой новый кейс в портфолио! 🚀

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

Сайт полностью написан на HTML5, CSS3 (Tailwind CSS) и чистом JavaScript без лишних тяжелых библиотек.

Что внутри проекта (7 продающих экранов):

Главный экран — сочное УТП, интерактивные бейджи соцсетей, лид-форма и 4 сильных коммерческих преимущества с иконками.
Экран выгод — 6 структурированных карточек о том, почему клиенту выгоден прицельный таргетинг.
Схема работы — понятный пошаговый путь клиента от аудита до масштабирования.
Интерактивные кейсы — блок с переключающимися вкладками. Контент плавно меняется на JS в реальном времени.
Отзывы клиентов — социальное подтверждение с аватарами и реальными показателями бизнеса.
Интерактивный FAQ — раскрывающийся аккордеон с ответами на самые частые вопросы клиентов.
Форма обратной связи — с возможностью выбора ниши бизнеса и красивым всплывающим окном (Modal) об успешной отправке.
🛠 Технические фишки, которые я реализовал:

Интерактивный сайдбар: Слева находится панель с точками навигации. Скрипт отслеживает скролл страницы и автоматически подсвечивает ту точку, в секции которой сейчас находится пользователь.
Кастомные микро-анимации: Плавное наведение на карточки, вращающиеся иконки в FAQ, «умные» переходы во вкладках кейсов и легкое неоновое свечение на фоне.
Адаптивность 100%: Сайт идеально смотрится как на больших 4К мониторах, так и на экранах смартфонов. Мобильное меню анимировано и скрыто под удобную кнопку-бургер.
Чистый код и скорость: Благодаря минимуму внешних скриптов сайт загружается практически мгновенно.

Буду рад вашей обратной связи и лайкам в комментариях! 👇
Просмотры: 54
Перейти в пост Открыть в MAX Сообщить о неточности
HEX, RGB, HSL, CMYK: почему один и тот же цвет пишется четырьмя способами!!!
Если вы уже читали мои прошлые материалы про цвет, то знаете главное: цвет — это не «красиво/некрасиво», а система. Но есть момент, о котором почему-то принято молчать. Дизайнер открывает панель цвета и видит там четыре набора цифр для одного и того же оттенка. HEX. RGB. HSL. Где-то рядом — CMYK. И возникает честный вопрос: это разные цвета или я чего-то не понимаю?

Не разные. Это один цвет, записанный на четырёх разных языках. Разберёмся, зачем языков столько и когда какой брать.
Подробнее https://vk.com/@121218915-hex-rgb-hsl-cmyk-pochemu-odin-i-tot-zhe-cvet-pishetsya-chety
Просмотры: 80
Перейти в пост Открыть в MAX Сообщить о неточности
Загружаем изображение…
🎨 Цвет в инфографике решает всё
Можно собрать классную структуру, продумать данные и подобрать иконки... а потом всё испортить неудачным цветом 🙈Цвет — это не «украшательство». Это инструмент, который помогает считывать информацию быстрее, расставлять акценты и вызывать нужные эмоции.
В карусели собрал 5 простых правил, которые сразу поднимут уровень твоих работ 👆

📌 Сохрани пост, чтобы не потерять, и применяй в следующем проекте.
А как ты подбираешь палитру для своих работ? Делись в комментариях 👇

#дизайн #инфографика #графическийдизайн #дизайнер #цветвдизайне #палитра #designtips #визуал #инфографикадизайн #обучениедизайну
Просмотры: 81
Перейти в пост Открыть в MAX Сообщить о неточности
👋 Добро пожаловать! Это канал про инфографику и веб-дизайн.

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

📌 В закреплённых постах — самые полезные материалы для старта.
💬 Напишите в комментариях, что для вас важнее: понятная подача данных, красивый макет или удобство интерфейса? Сделаю контент под ваши интересы.

Подписывайтесь — будет много практики!
Просмотры: 77
Перейти в пост Открыть в MAX Сообщить о неточности
ВКонтакте Телеграм Одноклассники
Избранное в datool.ru

Следите за каналом в личном кабинете

Зарегистрируйтесь в datool.ru, чтобы добавить канал «Aleksandr_web/инфографика/дизайн» в избранное и отслеживать его показатели.

Зарегистрироваться
Для владельцев каналов

Подтвердите свой канал

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

Войти или зарегистрироваться

Сообщить о неточности

Опишите, что нужно исправить. Если есть источник, добавьте ссылку.

Вы покидаете datool.ru

Ссылка ведёт на внешний сайт. datool.ru не отвечает за его содержимое — проверьте адрес, прежде чем вводить пароли или платёжные данные.

Переход через 10 с

Перейти