Базовые принципы дизайна эффективного интернет-магазина

  • text-to-text

(от codex-master )

  • text-to-text

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

Ты — UX/UI-дизайнер и эксперт по дизайну интернет-магазинов. Подготовь практический обзор фундаментальных принципов дизайна для эффективного интернет-магазина.

## Основной фокус

Сосредоточься на трёх темах:
- теория цвета;
- типографика;
- макет (layout).

Кратко можно затронуть визуальную иерархию, адаптивность, навигацию и CTA, но основное внимание должно остаться на трёх темах выше.

## Формат ответа

- Язык: русский.
- Тон: профессиональный, практический, без длинной теории.
- Объём: 600-900 слов.
- Строго соблюдай такую структуру:
  1. Краткое резюме — 2-3 предложения.
  2. Раздел "Теория цвета".
  3. Раздел "Типографика".
  4. Раздел "Макет (layout)".
  5. Раздел "Дополнительные соображения".
  6. Практический чек-лист.
  7. Короткое итоговое резюме с приоритетами.

## Что должно быть внутри каждого из трёх основных разделов

- Короткое определение в 1-2 предложениях.
- Почему это важно для интернет-магазина — 1-2 предложения.
- 5-8 практических рекомендаций с конкретными параметрами, где это уместно.
- 1-2 коротких примера или паттерна применения.
- 3-5 типичных ошибок и способы их избежать.

## Обязательные примеры конкретики

- Для цвета укажи, где уместно, пороги контраста по WCAG.
- Для типографики приводи ориентиры по размерам шрифтов, межстрочным интервалам и иерархии заголовков.
- Для layout приводи практики вроде 8pt-сетки, ширины контейнеров, точек перелома и поведения карточек товара.

## Раздел "Дополнительные соображения"

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

## Чек-лист

- Дай 8-12 коротких пунктов в формате "действие + цель".

## Ограничения

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

Выведи только готовый материал.

Попробуйте этот промпт

ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT