Дизайн: Путешествие через Карточки и Bento Сетку
1. Введение в Декомпозицию
Ура, мы уже научились декомпозиции! Мы разбиваем рефы, как лего на фрагменты и собираем из них новый дизайн. Мы быстро и круто разбираем композицию в любых рефах и делаем ресайз. Каждый элемент, каждую картинку или текст — мы закрываем плашкой и понимаем, как построена композиция. Это не просто процесс, это метод. Мы учимся не только разбирать, но и пересобирать заново.
2. Композиция и Масса
Когда мы говорим о декомпозиции, мы говорим о масса и объеме. Мы расставляем элементы по-новому, сохраняя при этом общее композиционное решение. Это как в математике: от переменны мест слагаемых сумма не меняется.
3. Переход к Контенту
Теперь, когда мы расставили все по местам, вместо плашек мы ставим наш контент — текст, изображения. Убираем плашки и наблюдаем, как возникает новая композиция. Это момент, когда дизайн делает первый вздох, когда он становится живым.
4. Альтернативный Подход: Оставляем Плашки
Но что если мы оставим плашки? Если они станут фоном для текста? Уменьшим размер текстовых блоков и добавим им отступы от краев. Это создаст прекрасный вариант bento сетки. Такой подход позволяет нам играть с пространством и формой, создавая уникальные визуальные решения.
5. Преимущества Карточек и bento cards
Карточки — это универсальное решение. Они так же удобны, как швейцарский дизайн. Берите любой текст, разбивайте его на блоки и размещайте в карточках. Это простое действие открывает перед вами мир возможностей. Формат становится гибким и адаптивным.
6. Пример от Apple
Apple прекрасно понимает силу карточек. Их страницы состоят из чистых, понятных блоков, которые упрощают восприятие информации. Это не просто стиль — это метод, который работает на пользователя.
7. Применение Метода
Мы возьмем этот метод на вооружение. Мы становимся крутыми дизайнерами, и нам осталось всего лишь один шаг — начать создавать сайты в стиле Apple. Это не просто задача, это вызов.
Смотри примеры в комментариях.
Страница эпла построчная полностью из карточек. Завтра практика.
