Как сделать сайт с нуля за 10 минут / Уроки Framer

В этом видео ты узнаешь, как создать сайт с нуля с помощью Framer — популярного инструмента для веб-дизайна и прототипирования. С помощью базовых блоков мы сделаем сайт, настроим адаптивность под разные устройства и добавим анимации. 👀 Смотреть 😄 Графика и дизайн | ChatGPT
Изображение поста

Почему нам нравится симметрия и зачем её нарушать

Мы любим симметрию: она кажется нам гармоничной и красивой. Когда элементы расположены упорядоченно и уравновешенно, мозгу проще обработать изображение. Но есть и нюанс: слишком правильная композиция не цепляет наше внимание. Дизайнерам знаком этот эффект. Если поставить два одинаковых объекта на одинаковом расстоянии друг от друга, композиция будет устойчивой, но скучной. А вот если изменить размер одного элемента, сместить его или добавить деталь только с одной стороны — взгляд начинает активно изучать билборд или фото. Маркетологи делают ставку на контролируемое нарушение симметрии. Посмотрите на афиши, обложки журналов и рекламные постеры. Заголовок может находиться не по центру, изображение занимать только одну часть композиции, а небольшой яркий объект с противоположной стороны уравновешивать всю конструкцию. Формально картинка уже несимметрична, но визуальный баланс сохраняется. Хороший пример — кампания Nike «What The Football». В одном из постеров футболистка Сэм Керр перевёрнута вверх ногами и сильно смещена относительно центра, крупная типографика и желтые графические элементы распределены по другим участкам кадра. Симметрии здесь нет, но есть визуальный баланс. Принцип работает и в фотографии. Если сместить объект в сторону и оставить вокруг свободное пространство, изображение становится динамичнее. Так, в кампании McDonald’s «Only at McDonald’s» картофель фри, соус и другие детали композиции намеренно расположены не по центру, делая свободное пространство частью композиции. Благодаря этому взгляд не останавливается на одном объекте и движется по кадру. Получается, симметрия создаёт основу, от которой можно оттолкнуться, а небольшое нарушение порядка добавляет напряжение и интерес, что напрямую повышает привлекательность продукта. Вспомните рекламу или фотографию, которую вы заметили из-за необычной композиции. Вспомнили? Поделитесь в комментариях! #КНП_исследования 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах

Последний вагон мастер-класса!

Завтра на мастер-классе «Астральный план» покажу, как передавать ИИ реальные задачи и получать готовый результат. За 2–3 часа разберём: ▶️ Как начать работать с Astra и настроить Codex, даже если вы полный новичок. ▶️ Как выбирать модель и режим под свою задачу. ▶️ Как ставить задачи, чтобы было меньше переделок. ▶️ Как настроить инструкции под себя. ▶️ Как организовать чаты и проекты, чтобы ИИ меньше путался. ▶️ Как смонтировать ролик и подготовить его к публикации. ▶️ Как превратить таблицу с данными в понятный дашборд. ▶️ Как создать свою игру без навыков программирования. ▶️ Как собрать презентацию по своим материалам и референсам. ▶️ Как экономить лимиты и проверять результат работы ИИ. 2 октября, 14:00 МСК. Онлайн. Самое время забрать билет и завтра прийти на практику 👇 🎟 Купить билет на «Астральный план»

5 минут до старта, заходите 👋

Следующие полтора часа будут самыми насыщенными за этот вечер: с практикой по созданию визуала и ускорению любых дизайн-процессов с помощью ИИ. Получите первое домашнее задание и бесплатные токены для экспериментов. Заходите прямо сейчас по ссылке: 🔴 https://www.youtube.com/live/Vz46jCeCMIY
Коллеги, напоминаю, что уже сегодня стартуем интенсив по работе с AI в дизайне⏳
В прямом эфире покажу свой алгоритм, как не утонуть в сотнях генераций и быстро получать нужный результат. Вместе шаг за шагом пройдем все этапы на конкретном примере — от идеи до финала. Онлайн-участникам дадим бесплатные токены, чтобы можно было сразу потестить на реальной задаче. Сегодня в 19:00 по МСК, участие бесплатное, всех жду👇 ➡️ Занять место на вебинар
Большая UX-практика, где не учат рисовать кнопки и пользоваться банальным CJM
Вас ждет большая и актуальная программа, более углубленное изучение UX, которое заточенно под новую AI-реальность, с которой столкнулись дизайнеры. 15+ часов лекций и практики. Будем разбирать UX через системное, субъектное, объектное, ресурсное и вариативное мышление, работать с гипотезами, переизобретать решения и отдельно рассматривать сценарии, в которых AI становится участником взаимодействия. Копать будем глубоко: это не про красивые кнопки и банальный CJM, научимся делать отказоустойчивую архитектуру, работать с крайними сценариями, конкурентной средой, экономикой внимания и новыми парадигмы интерфейсов — от AI до Zero UX. Все это — на реальных примерах. Все это без нудных лекций, только прямые эфиры, с практикой и ответами на вопросы. Два типа участия: с обратной связью и зритель. Автор проекта и ведущий — Александр Ковальский, Design director CreativePeople (Moscow), Head of UX at Humbleteam (Prague). Больше десяти лет руководит дизайн-командами разного профиля и выстраивает дизайн-процессы в агентствах и больших компаниях. 👉 Подробная программа и билеты по самой низкой цене: https://workshop.dsgners.ru
🧾 Контракт компонентов: как сделать решения проверяемыми
Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Я не по теме, но не могу не поделиться, потому что рыдаю от счастья. Ким, спасибо тебе огромное. Я закончила учебу в июне, и был непростой заказ и вот отзыв. И я счастлива! 🥰
Маникюрное место должно одновременно решать четыре задачи: эргономика мастера, комфорт клиента, правильное размещение оборудования и возможность ежедневной санитарной обработки.
Вот что я считаю действительно важным и закладываю в проекты салонов: 1. Маникюрный стол Стол не должен быть слишком глубоким, иначе мастер весь день будет тянуться к рукам клиента, при этом на рабочей поверхности должно хватать места для лампы, инструментов и материалов. Покрытие стола должно быть устойчивым к регулярной обработке моющими и дезинфицирующими средствами. Действующие санитарные правила требуют, чтобы мебель рабочего места позволяла проводить такую обработку. Современный маникюрный стол должен включать в себя: - встроенную вытяжку - розетки для оборудования - питание самого стола - кабель-менеджмент - ящики для ежедневных расходников - место для аппарата - место для чистого инструмента - удобное хранение материалов Чем меньше проводов и случайных предметов находится на поверхности, тем спокойнее выглядит рабочая зона и тем удобнее мастеру. 2. Встроенная вытяжка Для современного маникюрного места я считаю встроенную вытяжку практически мастхевом, она удобнее настольной, потому что не занимает лишнее место, не мешает работе рук и визуально выглядит аккуратнее. Важно! Вытяжку нельзя выбирать после того, как стол уже изготовлен, сначала выбирается конкретная модель, затем под нее проектируется стол и заранее выводится питание. То же самое касается остальных розеток внутри мебели. 3. Стул мастера Мастер проводит на своем рабочем месте много часов подряд, поэтому стул должен подбираться прежде всего по эргономике. Необходимые функции: - регулировка высоты - колесики - удобная спинка - легко моющееся покрытие Один из самых практичных вариантов, медицинские стулья типа «таблетки» со спинкой и обивкой из экокожи, они простые, компактные, регулируются по высоте и позволяют мастеру свободно перемещаться вокруг своего рабочего места. 4. Стул клиента А вот здесь очень часто выбирают глазами. Красивый стул может оказаться совершенно неудобным через 40 минут процедуры. Клиент любого телосложения должен комфортно в нем помещаться, поэтому в наших проектах: - достаточно широкое сиденье - мягкая посадка - удобная спинка - материал, который легко очищается - покрытие, на котором не остаются следы от одежды Экокожа здесь остается одним из самых практичных вариантов, хорошо работают и пластиковые кресла с качественными мягкими подушками. Регулировка высоты удобна, но не обязательна, колесики тоже не всегда нужны. Некоторым клиентам неприятно ощущение подвижного кресла. Если колесики все-таки есть, то обязательно со стопорами. И осторожно с подлокотниками, они выглядят комфортно, но иногда именно из-за них клиентское кресло невозможно достаточно близко придвинуть к маникюрному столу. 5. Общее и местное освещение Для маникюрных кабинетов сейчас должно быть предусмотрено комбинированное освещение: общее и местное. Это прямо закреплено в СП 2.1.4284-26. Общий свет отвечает за равномерное освещение помещения, а непосредственно для работы мастера мы используем хорошую безтеневую лампу, которая равномерно освещает руки клиента и не создает выраженных теней. Важно! Безтеневая лампа это наша профессиональная рекомендация по организации рабочего места, а не формулировка санитарной нормы. Норма требует именно сочетания общего и местного освещения. 6. Розетки и мощность На одном рабочем месте используются: - маникюрный аппарат - встроенная вытяжка - UV/LED-лампа - безтеневая лампа - зарядки и иногда дополнительное оборудование. Поэтому на практике мы предусматриваем 5–6 точек 220 В на одно место плюс USB для клиента. Часть розеток можно спрятать в маникюрном столе. Для типового рабочего места необходимо примерно 0,5 кВт проектной мощности на одно место, 0,8 кВт с запасом. Это не норматив СанПиН, точная электрическая нагрузка всегда определяется инженером после выбора конкретного оборудования. Продолжение в комментарии:
Можно я тоже поделюсь ))
Преза по визуалу оч простая, но клиенту нужно было для работы - обосновать работодателю, почему он хочет и может остаться работать у него. Исходные данные - скомканное голосовое на 4 минуты 😁 Из которого я собрала 8 слайдов плюс сгенерила качественные фотки из плохих, и вуаля) Обожаю, когда клиенты довольны и хвалят 🥰 +100 к настроению 🥳
Как я ссорюсь с коллегами на работе.
Вчера был интересный показательный момент конфликта. Моя коллега, скажем так, забыла дорисовать один модуль для Утопии и переключилась на следующий. Это мое восприятие ситуации. А ее, что она получила новую приоритетную задачу и поставила текущую на паузу. Я ей сказал, что по причине того, что ты не доделала этот модуль, а у тебя заканчивается рабочий день, мы теперь должны «в огне» носиться и думать, как доделывать с прогерами модуль без дизайна. Важный нюанс: я ее не отчитывал, а обозначил, что надо запомнить эту ситуацию и избежать в будущем подобного. Но сказал все слишком прямо, то есть мои слова могли восприняться как обвинение. Поэтому вполне закономерно могла возникнуть обратная защитная реакция. Ну и она мне высказала, что это несправедливо и что она старается и много делает. Она действительно глобально умничка. Но так как я сам находился в критической ситуации, не смог себя проконтролировать в моменте и также с давлением ответил, что это очевидно: надо доделать текущий блок работ, а потом переключаться, а если есть вопросы — переспрашивать. Вроде бы я условно и прав (как минимум в моей голове). Но какая разница, кто прав, если твой сотрудник плачет 😅 В итоге через 2 минуты я взял себя в руки, потому что важен результат в моменте и комфорт совместной работы в долгосроке (то есть то, что мы уважаем друг друга и не ссоримся). Я извинился, сказал: «Давай на пару минут посмотрим макеты, вникнем. А по этой ситуации у меня цель только избежать подобного в будущем, и договорились, что по умолчанию доделываем всегда текущую работу, а потом переключаемся на новую, даже если она приоритетная». Она тоже очень зрело поступила, сразу извинилась и пошла навстречу. По итогу мы сошлись, что ситуация не стоит того, чтобы ссориться. Она даже немного задержалась и еще доделала макеты. Хотя это было не обязательно, я бы на пальцах объяснил прогерам, что нужно. Но с макетами все, конечно, на порядок проще объяснять. За что ей личное спасибо. К чему это я? Мы все люди, и если плотно постоянно находимся в процессах, то неизбежно можем случайно «бортануть» друг друга. А вот руководителю нужно уметь выводить все ситуации в положительное русло. Все понимают, что могут быть мелкие конфликты, но если вы нормально можете из них выходить, то это, наоборот, закрепляет ваши отношения и доверие. Как минимум, это моя философия. ❤️ — Еще делиться, как я работаю И сегодня напомню, что будем искать свой стиль в ИИ и учиться ускорять свою работу! Вебинар в 19:00 по мск. Ссылка на регистрацию, там будут домашки и бесплатные токены.