Разбор карточки: что поправить в оформлении

Урок 2.8 · Интерфейсы и сайты с нуля · Модуль 2. Как это выглядит: семь простых настроек · По подписке

Цель урока: Научиться смотреть на оформление по порядку: читаемость → размер цели → воздух → акценты.

Нужно знать заранее: Уроки 2.1–2.7

Объяснение

Зачем это нужно: Оформление — это не «сделать красиво», а «сделать понятно». В этом уроке мы смотрим на карточку с типичными ошибками и решаем, что исправить в первую очередь. Навык разбора пригодится и в чужих проектах, и в своих.

Как это работает: Смотрим по порядку: читаемость → размер цели → воздух → акценты. Сначала контраст: видно ли текст. Потом размер кнопки: удобно ли попасть. Потом отступы: не слиплось ли. И только потом — тени, градиенты и анимации.

Уроки модуля 2

• 2.1 Цвет, размер и скругление (бесплатно)
• 2.2 Отступы: снаружи и внутри (по подписке)
• 2.3 Рамка, тень и шрифт (по подписке)
• 2.4 Семь настроек вместе: карточка (по подписке)
• 2.5 Цвет и контраст: чтобы текст читался (по подписке)
• 2.6 Шрифт: размер, насыщенность и интервал (по подписке)
• 2.7 Состояния кнопки: hover, focus, active (по подписке)
• 2.8 Разбор карточки: что поправить в оформлении — вы здесь (по подписке)