Материалы
Графический и веб-дизайн: статьи и практика
Разбирайтесь в теме «Графический и веб-дизайн»: читайте объяснения, пробуйте самостоятельные задания и находите ответы на вопросы.
Статей: 30 · Страница 1
Практический разбор обработки предметных фотографий: кадрирование, баланс белого, фон, цвет, резкость и подготовка изображений для каталога и соцсетей.
Инфографика для карточек товара: как объяснить ценность за несколько экрановКак строить инфографику для маркетплейсов: иерархия, факты, визуальные акценты, читаемость и единый стиль серии изображений.
Houdini для начинающих: как мыслить процедурами, а не отдельными объектамиОсновы работы в Houdini: узлы, атрибуты, геометрические потоки, процедурность, копирование, симуляции и отладка сети.
Графический дизайн: как строить визуальную иерархию, а не украшатьОсновы графического дизайна через задачу: иерархия, сетка, типографика, контраст, цвет, композиция и проверка макета на разных размерах.
Веб-дизайн: как проектировать страницу от задачи до визуального макетаПрактический процесс веб-дизайна: цель страницы, пользовательский сценарий, структура, прототип, визуальная система, адаптивность и проверка интерфейса.
JavaScript для веб-дизайнера: как добавить интерфейсу поведениеПрактический разбор JavaScript для дизайнерских задач: события, DOM, классы, состояния компонентов, формы и простая интерактивность.
Digital-иллюстрация: рабочий процесс от идеи до финалаПрактический разбор цифровой иллюстрации: эскиз, композиция, силуэт, светлота, цвет, слои, края, текстуры и финальная проверка изображения.
Абстрактная живопись: как строить выразительную работу из пятенПрактический разбор композиции, цвета, ритма и фактуры в абстрактной живописи без привязки к реалистическому сюжету.
Векторные иллюстрации в стиле дудл: форма, линия и система элементовКак создавать дудл-иллюстрации в векторе: строить простые формы, поддерживать единый характер линии и собирать библиотеку элементов.
Макет в Photoshop: слои, заменяемые элементы и проверка файлаКак организовать редактируемый макет, отделить содержание от оформления и проверить, что документ остаётся понятным после замены текста или изображения.
Инфографика в моушн-дизайне: как движение помогает объяснять данныеВыбор главного сообщения, порядок появления элементов, читаемость чисел и проверка анимации без визуального шума.
Коммерческая ретушь в Photoshop: обратимые правки и проверка результатаКак связать задачу изображения, работу со слоями, сохранение фактуры и подготовку итогового файла.
Дизайн-мышление для бизнеса: от наблюдения проблемы до проверяемого прототипаПрактический разбор дизайн-мышления в бизнес-задачах: исследование пользователя, формулировка проблемы, идеи, прототипы и тестирование.
Adobe Illustrator: как уверенно работать с векторной графикойБазовые и продвинутые принципы Illustrator: контуры, опорные точки, фигуры, Pathfinder, маски, цвет и подготовка файлов.
Как сократить время обработки фотографий без потери контроляОтбор, группировка и выборочное применение настроек: последовательность, которая уменьшает повторяющуюся работу и упрощает проверку серии.
Портфолио на Illustrators.ru: от отбора работ к понятной подачеКак подготовить иллюстрации, пояснить собственную роль и сделать подборку удобной для просмотра заказчиком.
Веб-дизайн: как построить понятную структуру страницыЗадача посетителя, визуальная иерархия и состояния интерфейса как основа дизайна до выбора декоративных эффектов.
Генеративное редактирование в Photoshop: задача, выделение и проверкаКак сохранять контроль над изображением при работе с нейросетевыми инструментами и оценивать результат по свету, форме и смыслу.
Профессия дизайнера интерфейсов: чем занимается UX/UI-специалистПрактический обзор работы дизайнера интерфейсов: исследование задач, пользовательские сценарии, прототипы, визуальная система и взаимодействие с разработкой.
Веб-дизайн и нейросети: как ускорять исследование, не отдавая ИИ дизайн целикомПрактический разбор применения генеративного ИИ в веб-дизайне: референсы, структура, тексты, вариации интерфейса, проверка доступности и ручная доработка.
Как создать цельный визуальный стиль InstagramПрактические принципы визуальной системы аккаунта: палитра, типографика, композиция, шаблоны и единый подход к фото и графике.
Quad Remesher в 3ds Max: как получать чистую сетку для дальнейшего продакшенаПрактический разбор применения Quad Remesher в 3ds Max: подготовка геометрии, настройка плотности, контроль edge flow, симметрия и обязательная ручная проверка результата.
Портретная ретушь: как улучшать кожу и свет, не превращая лицо в пластикПрактический разбор естественной ретуши: техническая очистка, тон и цвет, локальные коррекции, сохранение текстуры и контроль результата.
Основы 2D-графики: пиксели, векторы и визуальная иерархияКак выбрать представление изображения, организовать форму и подготовить графику для понятного использования.
Выделения в Photoshop: точная граница и обратимая маскаКак выбирать способ выделения по характеру объекта, сохранять полупрозрачные края и проверять результат на другом фоне.
Реалистичная цифровая живопись: почему свет и края важнее мелких деталейКак выстроить убедительный объём в цифровом этюде через крупные отношения, ограниченную палитру и осознанную детализацию.
Автоматическая конвертация дизайна из Figma в веб-код: возможности и ограниченияКак устроен design-to-code процесс: компоненты, автолейаут, семантика, адаптивность, дизайн-токены и обязательная ручная проверка результата.
Быстрая иллюстрация в Illustrator и Photoshop: как разделить форму и фактуруРабочий маршрут от простого эскиза к векторной основе и растровым деталям с сохранением редактируемого исходника.
Трёхмерная анимация на сайте: сценарий, движение и запасной вариантКак связать движение объёмного объекта с задачей страницы и проверить понятность интерфейса без сложной сцены.
Акварельный паттерн: как организовать повтор без заметных швовМотив, модуль, ритм и проверка краёв в самостоятельном проекте повторяющегося акварельного рисунка.