Складчина Каталог
Мои курсы

Интернет-магазины

8 участников
АЛ Автор Андрей Лов Школа Сила дизайна

О чём курс

О чём курс

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

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

Что внутри

Материал охватывает технические и визуальные аспекты создания сайта:

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

Формат

Курс включает 16 видеоуроков общей продолжительностью около 16 часов. В состав входят дополнительные материалы, паки иконок и готовые экшены для ускорения работы в Photoshop.

Программа обучения

  • 1 видео 1:07:49
    • структура разработки сайта
    • настройка Photoshop под web
    • сетка и создание экранов (правила использования)
    • прототипирование
    • определение палитры
    • выбор шрифта и параметров типографики
  • 2 видео 1:10:11
    • правила оформления текстовых блоков
    • интеграция векторных элементов в верстку
    • создание основного навигационного меню интернет-магазина
    • пак иконок из ролика
  • 3 видео 1:15:14
    • рубрикатор
    • слайдер
    • УТП
  • 4 видео 1:04:56
    • правила верстки листинга
    • кнопки
    • интерфейсы второго уровня
  • 5 видео 57:15
    • переверстываем блоки просто
    • анимация страницы
    • эксклюзивный баннер за 10 минут
  • 6 видео 53:35
    • экшен для правильного листинга
    • подвал и стрелка навигации по листингу
    • иконки соц. сетей
  • 7 видео 1:03:08
    • интерфейс 2-го порядка: боксы и попаппы
  • 8 видео 56:03
    • интерфейс 2-го порядка: рубрикатор и поиск
  • 9 видео 45:46
    • как продавать свои работы
  • 10 видео 1:00:51
    • готовим страницу на верстку
  • 11 видео 1:10:53
    • листинг и фильтры
  • 12 видео 1:02:20
    • логика работы фильтров и их визуализация
  • 13 видео 52:45
    • прототипирование карточки товара
  • 14 видео 47:28
    • корзина + принцип масштабирования в дизайне
  • 15 видео 1:10:25
    • карточка товара
  • 16 видео 59:11
    • три кита - простота, аккуратность, понятность
    • выполняй один в один - ты заплатил деньги
    • от основы к вариациям
    • блоковые лендинги
    • основной принцип в дизайне
    • цвета и заполнение
    • продавай всегда
Складчина создана 4 февраля 2020 г.

Теги курса

Навыки
Проектирование интерфейсовПрототипированиеДизайн интерфейсов
Инструменты
Photoshop

Другие материалы автора 12

АЛ Андрей Лов Все материалы
P PRO уровень графического дизайна 136 ₽ 4 000 ₽ −97%К Коммерческий дизайн 300 ₽ 450 ₽ −33%U UX/UI 400 ₽ 10 000 ₽ −96%Г Графика переменных. Рынок графического дизайна 800 ₽ 4 000 ₽ −80%Архитектура UI Архитектура UI 220 ₽ 4 000 ₽ −95%Графика лаконичности Графика лаконичности 1 598 ₽ 5 000 ₽ −68%Л Логотипы и фирменные стили 340 ₽ 10 000 ₽ −97%Лендинги Лендинги 132 ₽ 2 500 ₽ −95%У Уровни 2.022. Цифровые дизайн-системы 646 ₽ 4 000 ₽ −84%Допечатная подготовка Допечатная подготовка 238 ₽ 2 500 ₽ −90%Практическая полиграфия 2.0 Практическая полиграфия 2.0 358 ₽ 2 000 ₽ −82%В Великий Photoshop 92 ₽ 2 500 ₽ −96%

Ещё интересные курсы 12

Ещё интересные курсы

362 ₽ 2 000 ₽