Практика Bento-верстки: переосмысление контента

Сегодня у нас практика по Bento-верстке. У нас уже есть контент, который мы сгенерировали нейросетью и использовали в прошлом макете в швейцарском стиле. Сегодня мы переиспользуем этот текст, но сделаем уже Bento-верстку. 1. Возвращаемся к основам Самое простое – это взять то же расположение модулей, что было при швейцарском стиле, но сделать шаг назад. Те подложки, которые мы использовали для закрытия блоков с контентом, теперь используем как фон, в котором будем располагать контент. 2. Скругление углов и выбор цветов Добавляем небольшие, но важные изменения: скругляем углы у этих блоков и выбираем нейтральные цвета, которые будут контрастировать с основным фоном. Сам текст делаем чуть меньше и добавляем отступы от краёв. Фон делаем контрастным по отношению к блокам. 3. Пространство между блоками Между блоков оставляем небольшой, но заметный отступ. Всё пустое пространство, которое ещё осталось, заполняем такими же блоками. Блоки выравниваем по вертикали и горизонтали, а также выравниваем контент внутри них. 4. Итого: простой но эффектный дизайн Это наш первый заход в Bento-верстку, и первая операция завершена успешно! Дизайн это просто. Выкладываем свои дизайны по практике бенто-верстки в комментариях к этому посту🫡
https://content.desigram.ru/static/52913722-36d3-4f01-93c8-04ba356ec1e9.jpg

А второй вектор [метафора] должен был быть следующим: паутина, которая бы отражала запутанность сюжета, и кровавый цвет обложки, как намек на мрачные последствия. Тут уже детектив для взрослой аудитории.

Но мне не понравился вариант*, который я сделал согласно этим смыслам, и решил сварганить на свой вкус. Намеренно увеличенные заголовок и автор, нестандартное расположение штрихкода, который я наверняка подметил в одной книжке; и также работа в фш с зерновыми shader кистями, которые идеально подходили под это настроение и с которыми я давно хотел больше попрактиковаться. *Пожалуй, позже поделюсь вариантами обоих направлений, которые я отбросил в процессе работы #айдуворк@thetazu
https://content.desigram.ru/static/3507a3d1-6fb0-44fb-8bf1-fa85d7242a6a.jpg
https://content.desigram.ru/static/39ada6ec-e196-4525-8e79-f9ed42a9742b.jpg
https://content.desigram.ru/static/e27f49f7-c0ad-49c5-937f-9e71a87fdc06.jpg

Градиент грома

Логотипы имеют векторную основу, встроенную в программное обеспечение Illustrator, их можно легко редактировать без потери разрешения, а также изменять цвет и масштабировать. Формат файлов: #AI #PDF #EPS #SVG #PSD #JPG #PNG Ссылка: Скачать логотип
https://content.desigram.ru/static/f724f7de-e2db-4843-893b-ef553372776c.jpg
Мы забрали из типографии каталоги с условным названием "ЛОГОМЕЙКЕРЫ".
Получилось полноценное издание, в которое вошло около 800 знаков. Впервые мы отпечатали знаки в цвете. Для нас это несколько неожиданно - после 24 лет аскетичного чб созерцать нюансы cmyk. Но этот сезон был во многом экспериментальным, поэтому посмотрим и решим, каким каталог будет в юбилейном 2025. Основной каталог 24 конкурса сейчас у корректора. Он в этом году перешагнул отметку в 1500 знаков. Такого тоже ещё не было в конкурсной практике, поэтому вёрстка и вычитка заняли чуть больше предполагаемого времени. Наши партнёры - лучшая тульская типография "Всрок", обещала отпечатать тираж до конца января. Так что совсем скоро мы сможем начать рассылку новых, пахнущих типографской краской, изданий. Пока корректор дочитывает текст, а верстальщики вносят правки, есть ещё пара дней на заказ каталога. Печатаем ровно столько, сколько будет востребовано! Письмо с адресом на [email protected] с темой КАТАЛОГ. Мы ответим и обговорим формальности.
https://content.desigram.ru/static/76d7f83c-4dc3-43a8-b91a-33477af95be7.jpg
Список цветов палитры:
2F2B2B, F3368D, FFC468, FFF7CA #палитры
https://content.desigram.ru/static/4f99a5b5-5c58-4eba-ac60-958d754b599c.jpg
Цвет «Глубокий зеленовато-желтый»
https://content.desigram.ru/static/0c5f225e-6e18-4eb6-ba24-f62012263885.jpg
Дизайн в реальной жизни — ремонт 🤨
Ходили выбирать цвета краски и мебели для квартиры. И эт, конечно, вообще не как в веб-дизайне)) Там сел за секунду цвет блока поменял, сразу видишь как смотрится и всё окей. Либо меняешь, либо оставляешь. А тут… 50 оттенков серого и ты сидишь весь в листочках, кусочках дерева, плитки, столешницы, голова не понимает шо происходит. В дизайн-проекте одни цвета, там цветопередача через экран отличается. В живую тебе надо под цвет стен подобрать цвет мебели. И все это по маленьким прямоугольникам. Нужно в голове представить, что вот такие у тебя стены и вот такие будут шкафы. И чтоб все сочеталось. Тяжело. Навыбирали там, перекрасили всё почти не так как в дизайн проекте. Надеюсь получится нормально в итоге))) Но я б хотел конечно зайти в квартиру где все белое и прописывать код цвета, смотреть как оно, менять и потом сохранить понравившийся вариант))) Может когда-то в будущем так будет 😈
https://content.desigram.ru/static/c9f2ef0c-0eb6-4521-b392-c066b8adc489.jpg
5 КНИГ ПРО ЦВЕТ ДЛЯ ДИЗАЙНЕРОВ
В этой подборке ты найдешь книги, которые помогут понять правильную работу с цветом и избегать его неправильного использования. #полезное
https://content.desigram.ru/static/0d8b8c8e-7e93-447d-b34b-9c9bd1d06fb8.jpg
https://content.desigram.ru/static/1b1b686a-d939-42ae-a871-347d9ef1520f.jpg
https://content.desigram.ru/static/281a7cce-5ed8-4748-9c33-a3619cd7c0ac.jpg
https://content.desigram.ru/static/6e610552-d50f-44d8-8211-d33571a7b25c.jpg
https://content.desigram.ru/static/80843ca1-579e-48f4-a18c-f3cc5afd9f1e.jpg
https://content.desigram.ru/static/cefb41c6-06e5-4397-945f-0686750597a1.jpg
Твой доступ к эксклюзивному контенту.
Ежедневно выкладываем платные материалы для создания качественного дизайна: 1. PSDuck 3D материалы, шаблоны, эффекты, текстуры – всё для твоих крутых работ! 2. Шрифтография Ничего лишнего, шрифты на кириллице для коммерческих проектов. 3. PSD Mockups Качественные мокапы для презентации твоих дизайнов в лучшем виде. 4. Дизайник Бесплатные плагины, платные 3D элементы в 4k, UI киты и шаблоны для Figma. 5. ПроДизайн Топовые нейронки и сервисы, которые используют практикующие дизайнеры. 6. ПроЦвет Поможет подобрать цветовую палитру на любую тематику твоего проекта. Открыл все каналы, и приму без всяких заявок!
https://content.desigram.ru/static/5dee20ed-8c55-4778-8530-4cc9c9255cb3.jpg
Твой доступ к эксклюзивному контенту.
Ежедневно выкладываем платные материалы для создания качественного дизайна: 1. PSDuck 3D материалы, шаблоны, эффекты, текстуры – всё для твоих крутых работ! 2. Шрифтография Ничего лишнего, шрифты на кириллице для коммерческих проектов. 3. PSD Mockups Качественные мокапы для презентации твоих дизайнов в лучшем виде. 4. Дизайник Бесплатные плагины, платные 3D элементы в 4k, UI киты и шаблоны для Figma. 5. ПроДизайн Топовые нейронки и сервисы, которые используют практикующие дизайнеры. 6. ПроЦвет Поможет подобрать цветовую палитру на любую тематику твоего проекта. Открыл все каналы, и приму без всяких заявок!
https://content.desigram.ru/static/5dee20ed-8c55-4778-8530-4cc9c9255cb3.jpg
Advanced Kitchen Modeling- Cabinet Design- SketchUp & Lumion [ENG]
Создание стильных кухонь, принципов планировки, 3D-моделей и реалистичной визуализации для мебельщиков и дизайнеров интерьера ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • Освойте основы проектирования кухни в SketchUp и профессиональные методы моделирования. • Изучите принципы размещения шкафов и оптимальное расположение ключевых элементов кухни, таких как холодильники, плиты и раковины. • Работайте с материалами, текстурами и цветами, чтобы создать эстетически привлекательный и практичный дизайн кухни. • Используйте передовые методы освещения, чтобы улучшить атмосферу и удобство использования вашей кухни. • Погрузитесь в процесс визуализации кухни в Lumion и создавайте реалистичные визуализации своих моделей. • Изучите эргономичную планировку кухни и проектируйте размеры для обеспечения функциональности и комфорта. • Изучите стили дизайна интерьера, чтобы создать индивидуальную кухню с учетом различных предпочтений. • Практические советы для краснодеревщиков, дизайнеров интерьера и студентов, работающих над академическими проектами. 💾 ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #SketchUp #3d #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс
https://content.desigram.ru/static/cfa2ddc8-06f2-4c1e-b953-74931ba52fed.jpg
🌼 Букет ромашек
Жанр: #Рисование Букет из множества цветов подобен большой симфонии, сложенной из отдельных звуков. Как возможно в музыке услышать отдельные звуки и записать их нотами? Схожий вопрос применим к живописи, и ответ кроется в постижении изобразительной грамоты. На новом занятии вы будете изучать её на примере букета ромашек. ⬆️ Скачать // @OtDESlGN
https://content.desigram.ru/static/3a37e69e-2015-478a-ab88-75e5d51c5de3.jpg
Список цветов палитры:
FD9191, FDDD8A, F5FC9E, 9EFCB4 #палитры
https://content.desigram.ru/static/d8639fb4-0b41-4494-b436-7cff7baa0554.jpg
✨ Секреты реалистичных городских пейзажей раскрыты! ✨
Мария Яговкина делится своим опытом в гайде «Палитра города» 🌆 Хотите научиться правильно подбирать цвета для городских сюжетов? В гайде вы получите ответы на все вопросы: ✅ какие цвета сделают ваш город реалистичным? ✅ как создать объём с помощью оттенков? ✅ какие маркеры выбрать для прорисовки теней? ✅ какие оттенки идеально подходят для неба, деревьев и отражений? ✅ какие цвета всегда должны быть под рукой? ✅ как заменить оттенок, чтобы это выглядело естественно? 😅 Получите бесплатный гайд от Марии прямо в нашем чат-боте👇 1. Перейдите по ссылке в наш чат-бот: https://t.me/Markerschool_bot 2. Напишите боту: ПАЛИТРА Учитесь у лучших с Marker School! 🎨 #markerschool
https://content.desigram.ru/static/d9b1e892-f16a-41f8-ba50-82393eaa2144.jpg
3D Web3 Avatars
Пачка детализированных 3D-аватарок в мультяшном стиле. Яркие цвета, высокое разрешение, собраны в варианты для быстрой настройки. #3D Людочка, дизайн – ресурсы для дизайнеров
https://content.desigram.ru/static/1f320af0-f8bf-4c76-80dd-7a5972242652.jpg