Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Погрузитесь в логическую головоломку: откручивайте болты из планок на самых сложных уровнях! Вы не только расслабитесь в конце сложного дня, но еще и натренируете свой мозг, решая увлекательные задачки. Справитесь с ролью опытного мастера? Попробуйте свои силы в режиме онлайн бесплатно и без регистрации!

Головоломка. Болты и Гайки

Казуальные, Гиперказуальные, Головоломки

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Figma

С этим тегом используют

Дизайн Веб-дизайн Дизайнер Ui Сайт Photoshop Web Все
157 постов сначала свежее
10
KAK.TAPAHTUHO
KAK.TAPAHTUHO
8 дней назад
Серия Восстановление исторического сайта

Восстановление исторического сайта. ч.2 Обновил дизайн⁠⁠

В первом посте говорил, что если будет поддержка, то продолжу писать. Поддержку я, в общем-то, не получил, но решил забить болтяру на это и все равно писать продолжение. Для себя, для истории.

Сразу скажу я не дизайнер, а верстальщик. Но если учитывать, что дизайн старого сайта не продумывался до мелочей, не делился на компоненты, то у меня вышло неплохо, я думаю.

Работал в Figma. Сперва придумал структуру сайта, потом начал готовить компоненты для макета. По итогу набросал 15 шаблонов страниц. Прикладываю до/после:

1/2

Главная

Раздел об области, решил поделить на несколько подразделов:

1/5

Раздел Весь Пензенский край

С разделом Топонимика сделал тоже самое:

1/5

Раздел Топонимика

Добавил шаблон для библиотеки и Отказных книг. Отказные книги решил сделать разделом, а сами записи, опубликовать отдельно + добавить страницу от составителя.

1/4

Раздел Библиотека и Отказные книги

Добавил сайту раздел с новостями (Хроника портала) и поиск, для удобства навигации

1/3

раздел Новости и Поиск

Что пока встретилось из "подводных камней":

  1. Лицензия на шрифты. Поэтому выбрал шрифтовую пару от Paratype: PT Serif и PT Sans. Они идут по SIL Open Font License, то есть можно использовать бесплатно, что мне и надо собственно. Смотрятся строго и аккуратно, кмк.

  2. Копирайт на фото. На главной хотелось бы какое-нибудь символичное фото, но на стоках не нашел ничего подходящего. Влетать на авторские права не хотелось, отзывов от местных не особо собрал. Но вспомнил, что у меня товарищ фотографирует панорамы и, собственно, фотография нашлась. Немного панорамная, но сойдет.

Начну верстать потихоньку. И продолжение следует...

Показать полностью 19
[моё] Сайт Пензенская область Пенза Веб-дизайн Figma Скриншот Длиннопост
1
149
pikabu.education
pikabu.education
10 дней назад
Серия Дизайн

Подборка бесплатных дизайн-систем для iOS (Figma Community)⁠⁠

Создание интерфейсов для iOS требует не только креативности, но и соблюдения гайдлайнов Apple. Чтобы ускорить процесс разработки, дизайнеры часто используют готовые дизайн-системы. В этой подборке — лучшие бесплатные UI-киты для iOS из Figma Community, которые помогут вам создавать красивые и функциональные приложения.

1. Apple iOS UI Kit

Подборка бесплатных дизайн-систем для iOS  (Figma Community) Дизайнер, Figma, iOS, Длиннопост

Официальный дизайн-кит от Apple в Figma, включающий все компоненты Human Interface Guidelines (HIG): кнопки, навигационные панели, модальные окна и многое другое. Идеально подходит для тех, кто хочет строго следовать стандартам Apple.

2. Apple iOS 17 UI Kit

Подборка бесплатных дизайн-систем для iOS  (Figma Community) Дизайнер, Figma, iOS, Длиннопост

Актуальный набор компонентов в стиле iOS 17 с динамическими островами, обновленными иконками и типографикой. Включает светлую и темную тему.

3. Neomorphic iOS UI

Подборка бесплатных дизайн-систем для iOS  (Figma Community) Дизайнер, Figma, iOS, Длиннопост

Необычный вариант с неоморфным дизайном (мягкие тени, объемные элементы). Подойдет для приложений с нестандартным визуалом.

4. Minimal Apple devices Mockups

Подборка бесплатных дизайн-систем для iOS  (Figma Community) Дизайнер, Figma, iOS, Длиннопост

Чистые и элегантные мокапы iPhone 15, iPad Pro и MacBook Pro в плоском стиле. Включает: реалистичные тени и отражения, готовые сцены с разными ракурсами, легкая замена скриншотов через Smart Layers.

5. iOS 16 UI Kit for Figma

Подборка бесплатных дизайн-систем для iOS  (Figma Community) Дизайнер, Figma, iOS, Длиннопост

Бесплатный набор интерфейсных компонентов, созданный в соответствии с гайдлайнами Apple. Включает готовые элементы для iOS 16: кнопки, панели вкладок, модальные окна, переключатели и многое другое, а также поддерживает светлую и темную тему. Идеально подходит для быстрого прототипирования и дизайна приложений под iPhone с сохранением фирменного стиля iOS.

Как использовать?

  1. Скачайте понравившийся UI-кит.

  2. Настройте цвета и шрифты под свой проект.

  3. Используйте Auto Layout и Components для быстрого масштабирования.

Эти дизайн-системы сэкономят вам часы работы и помогут создать профессиональный интерфейс. Попробуйте их в своем следующем проекте!

Показать полностью 4
Дизайнер Figma iOS Длиннопост
42
5
egor.leto
egor.leto
20 дней назад
Искусственный интеллект
Серия Нейро Пушка

МАКЕТЫ ИЗ FIGMA В РЕАЛЬНЫЕ САЙТЫ⁠⁠

Replit теперь превращает макеты из Figma в полноценные приложения. Всё делает ИИ: копирует интерфейс, пишет код, добавляет фичи, настраивает безопасность.

Достаточно вставить ссылку — и из наброска получаем готовое решение.

Вайб-кодеры, налетаем и пробуем — тут

Источник: 🎯 НЕЙРО-ПУШКА ● НОВОСТИ И ОБЗОРЫ НЕЙРОСЕТЕЙ

Показать полностью
[моё] Искусственный интеллект Нейронные сети Программа Figma Макет Приложение Код Интерфейс Тренд Digital Дизайнер Сайт Видео Короткие видео
2
Партнёрский материал Реклама
specials
specials

Как бросить курить и не сорваться: инструкция от тех, кто смог⁠⁠

Выходишь покурить на пять минут, а возвращаешься через 10 лет: с хрипом, тремя неудачными попытками бросить и пачкой мятных жвачек в кармане. Это как плохой сериал: тянется слишком долго, а финал все равно разочарует. Но выйти из этого сценария можно и даже не обязательно драматично. Мы собрали истории тех, кто боролся с зависимостью ради любимого человека, здоровья или лучшей жизни.

Как бросить курить и не сорваться: инструкция от тех, кто смог Курение, Борьба с курением, Зависимость, Telegram (ссылка), ВКонтакте (ссылка), Длиннопост

История 1 — отражение

@ holoroad

Маленькая дочка почти научилась ходить и всюду телепалась за мной. Я не курил при ней. Ходил на балкон, а она, прильнув к стеклу, смотрела на меня и ждала, когда я докурю и выйду к ней. И в какой-то момент она начала повторять за мной вот эти движения. Маленький человечек, ей было года полтора или два, прикладывала воображаемую сигарету к губам, а потом делала вид, что выпускает дым. И весело так на меня смотрела, сквозь стекло балконной двери. Ей нравилось все, что со мной связано, и она подражала всем моим действиям. Я курил уже двадцать лет и, конечно, делал множество попыток бросить до этого. Но в этот раз у меня в первый раз появилась по-настоящему важная причина бросить. Это важно для человека, который безгранично мне доверяет. С тех пор прошло почти десять лет, в течение которых я не сделал ни одной затяжки.

Решение бросить курить — одно из лучших, которое вы можете принять для своего здоровья, будущего и близких. Но справиться с зависимостью только потому, что «это вредно» будет тяжело. А вот если хотите не задыхаться, поднимаясь по лестнице, или волнуетесь за своего ребенка, которые вдыхает табачный дым, — уже другое дело.

Сформулируйте, что для вас значит отказ от никотина. Это может быть желание прожить дольше, избавиться от проблем со здоровьем, выглядеть моложе, сэкономить деньги или защитить близких от пассивного курения. Напоминание об этой причине повесьте на видное место.

История 2 — список

@ maxneb

Беременность жены, рождение ребенка, здоровье, деньги — ничего не было веским поводом бросить окончательно. Постоянно срывался. Помогло составить список, что теряю и что получаю от сигарет, и понимание, что хотя бы одна затяжка — и все насмарку: пару месяцев буду курить. Только список и его осознание. Для каждого он свой. И постоянное обращение к нему. После составления списка курил еще. Но он как заноза висел в голове с вопросом «зачем?»... Так, что-то щелкнуло и сейчас не тянет. Иногда тянет физически, но осознание бесполезности курения сразу глушит позывы. Полгода, полет нормальный...

Бросать на авось — идея, которая подойдет не всем. Нужно понимать, что делать в трудные моменты:

  • Определите дату отказа. Подготовьтесь морально, уберите сигареты, зажигалки, пепельницы.

  • Замените привычки. Сигарету в руках можно заменить орешками, палочками морковки, жвачкой или даже кубиком льда.

  • Займите время. Вспомните, чем вы любили заниматься: спорт, хобби, прогулки.

  • Планируйте, что делать при тяге. Она длится всего 3–5 минут. Дыхательные практики или звонок другу помогут пережить сильное желание закурить.

  • Откажитесь от «наградных сигарет». Одна затяжка и вы откатитесь назад.

Можно бросить резко, «с понедельника», или постепенно, снижая количество сигарет до нуля. Главное — определиться и не отступать.

История 3 — переключение

@ Spaka

45 лет, стаж 30. Пытался завязать много раз, потом понял, что после каждой попытки бросить, курить начинаешь больше. Как ребенок, которому не дают вкусняшку, а она случайно попала ему в руки. Из чего мозг сделал вывод: не уверен — не бросай. Потом стал замечать, что организм уже стал сам просить перестать курить. По утрам было очень неприятно во рту, удовольствие после сигареты стало короче, а негатив, приходящий следом, ощутимее: неприятные ощущения в горле, боли миндалин, страх схватить онкодиагноз. Хотя врачи говорили, что все ок, в голове-то гоняешь мысли. Я решил попробовать обмануть сам себя. Не делать из процесса отказа какого-то события. Бросить так, как будто это и должно было произойти, но ты не знаешь когда. Про себя помолился, как сумел, и попросил помощи, хитро прищурил глаз и в момент, когда забыл купить про запас (оставалась пара штук в пачке), просто перестал курить. Мне теперь даже странно, как я раньше это делал. Так и живу почти два года. Кстати, раньше в момент завязки курящих ненавидел, дым был очень противен, до тошноты. Теперь все равно. Присоединяйтесь ;)

Есть несколько стратегий отказа от курения:

  • Резкий. Эффективный и решительный подход.

  • Постепенный. Сначала — меньше сигарет, потом — меньше затяжек. И так до нуля.

  • Психологическая замена. Каждая сигарета — это ритуал. Найдите для каждого из них «здоровую замену».

  • Медикаментозная терапия. При сильной зависимости врач может порекомендовать никотинозаместительную терапию (пластыри, таблетки, жвачки) или препараты, которые помогают справиться с синдромом отмены. Но любые лекарства принимаются только по рекомендации специалиста.

Каждый, кто хочет оставить зависимость в прошлом, может обратиться в центры здоровья, которые работают при поддержке нацпроекта «Продолжительная и активная жизнь», и получить необходимую помощь специалистов. Адреса доступны на официальном портале Минздрава России о здоровье: takzdorovo.ru. Также можно позвонить на горячую линию по отказу от зависимостей 8 800 200-0-200.

История 4 — форма

Аноним

Курила электронки 2 года как замену обычным сигаретам. Думала, что это не так дорого, не так вредно да и для девушки вроде более привлекательно: не пахнут волосы и руки. А потом решила привести свое тело в форму. Стала ходить в зал и поняла, что задыхаюсь на первом же упражнении, хотя женщины гораздо старше меня бодрячком. Было очень тяжело слезть. Друзья советовали заменять сигаретами. А потом уехала в отпуск в страну, где нельзя покупать электронки, отвлеклась, и после возвращения уже не тянуло. Даже на тусовках, где все дымят.

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

«Особую тревогу вызывает рост потребления табачных изделий и электронных сигарет. Согласно исследованию, проведенному в нашем Центре, 36,8% курильщиков потребляют одновременно и табак, и электронные сигареты. Среди молодежи в возрасте 25-39 лет этот показатель превышает 45%. Электронные никотиносодержащие и безникотиновые устройства поражают сердце, сосуды, дыхательную систему и ДНК организма не менее пагубно, чем традиционные сигареты, а в ряде случаев способны вызывать острые состояния, включая сосудистые поражения и летальные исходы» – рассказывает руководитель Центра профилактики и контроля потребления табака НМИЦ терапии и профилактической медицины Минздрава России Маринэ Гамбарян.

История 5 — пари

@ kernima

Вроде не было никаких серьезных предпосылок, чтобы бросить. Да и чтобы начать: просто все вокруг курили, думал, это сейчас тренд. А потом как-то сидели в баре и решили поспорить с некурящим другом. Он затирал, что моя жизнь из-за электронки катится ко дну, я — доказывал, что это всего лишь маленькая шалость. В общем поспорили на пять тысяч. Чтобы было легче и можно было отвлечься, начал бегать по утрам. Друг проиграл, а я возвращаться к курению не стал. Вдруг снова у еды появился вкус, я начал высыпаться и больше не устаю на втором лестничном проеме. Короче, советую!))

Сульфат никотина, один из компонентов электронных сигарет, раньше использовали как пестицид, но запретили из-за высокой токсичности. Жидкость для «электронок» содержит и опасные химикаты вроде пропиленгликоля, ацетальдегида и акролеина — промышленных веществ, способных вызывать воспаления, поражения органов и мутации клеток. Ароматизаторы, создающие иллюзию безвредности, на деле могут привести к более тяжелой интоксикации, чем при курении сигарет. А еще вейпы содержат не природный, а синтетический никотин — солевой. Он быстрее всасывается, дольше выводится и вызывает зависимость стремительнее.

Когда организм отвыкает от никотина, бывает нелегко: люди становятся раздражительным и нервозными, быстро устают, возникают сухость во рту, кашель, трудности с концентрацией. Важную роль в борьбе с этими симптомами играет питание. В рацион стоит включить овощи, фрукты, орехи, семечки. Клетчатка способствует очищению организма от токсинов. Важно питаться сбалансировано: с достаточным количеством белков, жиров, углеводов и витаминов. Лучше временно исключить продукты, усиливающие удовольствие от табака (например, мясо), а также отказаться от алкоголя, кофе и крепкого чая. Они могут спровоцировать желание закурить. А вот большое количество воды, травяных чаев и настоев облегчит очищение организма и поможет справиться с сухостью во рту.

История 6 — связь

Аноним

Устал курить, понял, что мне это мешает заниматься спортом и в целом комфортно себя чувствовать. Пошел через ассоциации: покурил во время головной боли, и потом через самовнушение дал себе установку, что голова болела от курения. Звучит странно, конечно, но это сработало. Никотиновую зависимость снижал постепенно через редкое курение кальяна (2-3 раза в неделю с последующим уменьшением).

Чтобы добиться успеха в отказе от курения, стоит подготовиться. Обязательно расскажите о своем решении друзьям и близким — поддержка со стороны очень важна. Если вы уже предпринимали попытки бросить, вспомните, что тогда пошло не так, и постарайтесь не повторять этих ошибок.

Разберитесь, что именно тянет вас к сигарете: скука, стресс, привычка? Когда вы это осознаете, будет легче подобрать альтернативные действия — прогулку, книгу, разговор с близким. Учитесь распознавать моменты, когда особенно хочется закурить, и переключаться на что-то другое. Можно подключиться к программам или группам поддержки — это поможет не сдаваться. И главное: уберите из дома все сигареты.

История 7 — вершина

Аноним

Поднимался с сыном по Пушкинской тропе на гору Железная. Мне лет сорок пять было, идем общаемся, сын бегает туда-сюда. Ну идем короче, а сзади нас догоняет семейная пара, мирно о чем-то щебеча между собой. Догнали и обходят. И так спокойно удаляются… Все бы ничего, но им лет по шестьдесят, если не больше. Я попробовал в их темпе, но задыхаться стал. Короче, поднялся я на гору, спустился, смял пачку и выкинул в мусорную урну. Вот уже 13 лет не курю. Стаж 27 лет.

Курение — это быстро развивающаяся зависимость, схожая по механизму с наркотической. Никотин воздействует на мозг, вызывая кратковременное улучшение настроения, за которым следует упадок сил и потребность в новой дозе. Со временем формируется толерантность, и прежние негативные реакции организма на табак ослабевают. Физическая зависимость сочетается с психологической: сигарета начинает ассоциироваться с отдыхом, решением задач, рутиной. Курение укрепляется поведенческими шаблонами: кофе, вождение, паузы на работе уже не мыслимы без сигареты.


Каждый, кто пытался избавиться от никотиновой зависимости, знает, как это тяжело. Ломка, раздражительность, навязчивые мысли. Даже при переходе на вейпы, иллюзия «меньшего вреда» быстро развеивается: химические коктейли из ароматических смесей также бьют по легким, сосудам и всему организму.

Хорошая новость в том, что вы не одни. В сообществе «Давай бросать» (ВКонтакте и мессенджере Telegram), который работает при поддержке нацпроекта «Продолжительная и активная жизнь» знают, каково бороться с триггерами, искать замену привычке и удерживать себя от срыва. Здесь делятся историями тех, кто смог, поддерживают тех, кто только начал, и помогают разобраться в главном: как пережить отказ без мучений.

Социальная реклама. АНО «Национальные приоритеты», ИНН: 9704007633

Показать полностью
Курение Борьба с курением Зависимость Telegram (ссылка) ВКонтакте (ссылка) Длиннопост
216
pikabu.education
pikabu.education
21 день назад
Серия Дизайн

Набор бесплатных UI-китов и иконок в Figma Community⁠⁠

Figma Community — это настоящая сокровищница для дизайнеров интерфейсов. Здесь собраны тысячи профессиональных ресурсов, которые могут ускорить ваш рабочий процесс в разы. В этой статье мы детально разберем лучшие бесплатные UI-киты и наборы иконок, доступные каждому.

1. Material Design 3 Kit

Официальный UI-кит от Google, полностью соответствующий принципам Material Design 3. Это комплексная дизайн-система, которая включает все необходимые компоненты для создания современных интерфейсов.

Набор бесплатных UI-китов и иконок в Figma Community Обучение, Дизайн, Figma, Иконки, Учеба, Ui, Длиннопост

Ключевые особенности:

  • 150+ готовых компонентов (кнопки, карточки, поля ввода).

  • Полная библиотека Material-иконок.

  • Адаптивные шаблоны для разных устройств.

  • Темная и светлая темы с продуманными цветовыми схемами.

  • Детально проработанные состояния элементов.

Идеально подходит для дизайнеров, создающих продукты для экосистемы Google (Android, веб-приложения).

2. Apple iOS UI Kit

Исчерпывающий набор компонентов для iOS-приложений, созданный с учетом всех требований Human Interface Guidelines от Apple.

Набор бесплатных UI-китов и иконок в Figma Community Обучение, Дизайн, Figma, Иконки, Учеба, Ui, Длиннопост

Ключевые особенности:

  • Нативные элементы интерфейса iOS (таб-бары, алерты, action sheets).

  • 50+ готовых экранов (онбординг, профиль, настройки).

  • Реализация темного режима по стандартам Apple.

  • Системные шрифты SF Pro с правильными межбуквенными интервалами.

  • Компоненты для новых функций iOS (контекстные меню, drag and drop).

Идеально подходит для дизайнеров мобильных приложений под iOS.

3. Material Design Icons

Самая полная коллекция иконок в стиле Material Design от Google.

Набор бесплатных UI-китов и иконок в Figma Community Обучение, Дизайн, Figma, Иконки, Учеба, Ui, Длиннопост

Ключевые особенности:

  • 5000+ иконок в трех стилях (filled, outlined, rounded).

  • Полная поддержка темной/светлой темы.

  • Оптимизированные векторные формы.

  • Регулярные обновления и добавления.

  • Удобная система поиска и категоризации.

Лучшее применение: универсальное решение для любых проектов в стиле Material Design.

4. Feather Icons

Ультра-минималистичные иконки с тонкими линиями и идеальными пропорциями.

Набор бесплатных UI-китов и иконок в Figma Community Обучение, Дизайн, Figma, Иконки, Учеба, Ui, Длиннопост

Ключевые особенности:

  • 287 тщательно отобранных иконок.

  • Единый стиль для всей коллекции.

  • Идеальная читаемость в маленьких размерах.

  • Простая кастомизация цвета.

  • Поддержка всех популярных форматов.

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

5. Bootstrap Icons

Bootstrap Icons — это официальный набор иконок от создателей фреймворка Bootstrap. Коллекция включает более 1800 векторных иконок в едином стиле, оптимизированных для веб- и мобильных интерфейсов. Иконки выполнены в чистом, минималистичном дизайне с аккуратной геометрией, что делает их универсальными для различных проектов.

Набор бесплатных UI-китов и иконок в Figma Community Обучение, Дизайн, Figma, Иконки, Учеба, Ui, Длиннопост

Ключевые особенности:

  • 1800+ иконок в едином стиле (линейные и монохромные).

  • Полная совместимость с Bootstrap 5 (но можно использовать и без него).

  • Гибкость настройки — легко менять цвет, размер и обводку.

  • Оптимизированные SVG-формы для четкого отображения в любом размере.

  • Регулярные обновления (добавляются новые иконки).

Лучшее применение: документация и технические проекты, любые дизайн-системы, где нужны четкие, понятные иконки.

Советы по эффективному использованию

  • Создавайте библиотеки компонентов — организуйте задублированные киты в удобную для вас структуру.

  • Настраивайте под свои проекты — адаптируйте цвета, шрифты и размеры под конкретные задачи.

  • Изучайте принципы организации — анализируйте, как созданы компоненты в профессиональных китах.

  • Комбинируйте ресурсы — не бойтесь смешивать элементы из разных наборов.

  • Делитесь находками — если обнаружили отличный бесплатный ресурс, расскажите о нем коллегам.

Figma Community продолжает оставаться лучшим источником бесплатных профессиональных ресурсов для дизайнеров интерфейсов. Регулярно проверяйте обновления — сообщество постоянно пополняется новыми качественными материалами.

Показать полностью 5
Обучение Дизайн Figma Иконки Учеба Ui Длиннопост
62
sweetie.pie
sweetie.pie
1 месяц назад
Искусственный интеллект

Как сделать крутой рекламный баннер своими руками и бесплатно в 2025 году⁠⁠

Задумывались ли вы, сколько денег уходит на создание рекламных баннеров? А ведь можно сделать их самостоятельно и главное — бесплатно. Сегодня расскажу, как создать эффектный баннер без опыта в дизайне.

Бесплатные программы и сервисы, в которых можно создать баннер

Онлайн-сервисы, которые не нужно скачивать:

  • Canva — простейший интерфейс, тысячи шаблонов, работа в браузере.

  • Supa — отечественный аналог Canva, фото- и видеоредактор с понятным интерфейсом.

  • VistaCreate (ex Crello) — похож на Canva, можно делать баннеры с анимациями.

  • Photopea — онлайн-аналог Photoshop, для продвинутых.

  • Figma — универсальный инструмент дизайна, подойдет тем, кто уже работал с макетами.

Бесплатные программы:

  • GIMP — мощный редактор, альтернатива Photoshop.

  • Krita — подходит для рисованных баннеров.

  • Banner Designer Pro — специализированная программа (базовый функционал бесплатный).

Если нет времени разбираться с настройками, поручите создание баннеров инструментам на нейросетях.

Примеры таких сервисов:

  • AI Banner — бесплатный генерация баннеров по текстовому описанию и URL посадочной страницы с ИИ. Быстро, просто, подходит для бизнеса. Есть встроенный редактор для доработки изображений.

  • AdCreative.ai — создает креативы для рекламных кампаний на основе оффера.

  • Microsoft Designer или Adobe Express — интеграция генеративного ИИ для графики.

Что нам понадобится?

Минимальный набор:

  • Любая нейросеть, которая подойдет для генерации баннеров.

  • Базовое понимание того, что хотите получить, чтобы составить эффективный промпт.

  • 15-20 минут времени.

Не все инструменты позволяют сразу добавлять на баннер текст, так что стоит заложить еще время на доработку в любом визуальном редакторе типа Supa.

Пошаговая инструкция

Шаг 1: Подготовка

  • Определите целевую аудиторию. Возьмем женщин средних лет, которые хотят быстро обучиться востребованной профессии, чтобы зарабатывать больше.

  • Сформулируйте главное сообщение: востребованная на рынке труда профессия, в онлайн-формате, можно оплатить в рассрочку.

  • Выберите формат баннера — это зависит от того, где будете размещать рекламу. Свои требования у Директа, Telegram, VK и других площадок.

  • Подготовьте текст для баннера. Он должен быть коротким, емким, содержать основное преимущество вашего продукта для ЦА.

Я придумал такой: «Пройди курсы HR-консультантов онлайн и зарабатывай от 150К ₽ через полгода».

Шаг 2: Создание баннера

  1. Зайдите в сервис для генерации.

  2. Выберите нужный формат.

  3. В промпте опишите, что хотите получить.

  4. Дождитесь генерации результата.

  5. При необходимости доработайте результат в редакторе.

Как сделать крутой рекламный баннер своими руками и бесплатно в 2025 году Тренд, Дизайнер, Искусственный интеллект, ChatGPT, Нейронные сети, GIMP, Photoshop, Canva, Figma, Баннер, Промты для нейросетей, Длиннопост

Вот такая дама у меня получилась в AI Banner, осталось чуть добавить текст и кнопку CTA

Важные элементы эффективного баннера

Обязательно включите:

  • Цепляющий заголовок.

  • Призыв к действию (CTA).

  • Уникальное торговое предложение.

Распространенные ошибки

Чего не стоит делать:

  • Перегружать баннер текстом.

  • Использовать слишком мелкий шрифт.

  • Забывать про контрастность.

  • Игнорировать правила площадки.

Советы по оптимизации

  • Используйте не более 2-3 цветов.

  • Соблюдайте правило третей при компоновке.

  • Проверяйте читаемость текста.

  • Тестируйте баннер на разных устройствах.

Как улучшить результат

Если первый вариант не устраивает:

  • Попробуйте разные стили генерации — фотореализм, иллюстрацию, анимацию, да даже стилизацию под советский плакат.

  • Экспериментируйте с текстом — сделайте несколько вариантов рекламных посылов на разные сегменты ЦА.

  • Меняйте композицию, чтобы посыл баннера был очевиден с первого взгляда.

  • Сохраняйте удачные варианты и промпты.

Бонусные лайфхаки

Как сделать баннер еще лучше:

  • добавьте элементы фирменного стиля;

  • используйте эмоциональные триггеры;

  • включите социальные доказательства;

  • создавайте серию похожих баннеров для ретаргетинга.

А какие у вас есть секреты создания эффективных баннеров? Делитесь в комментариях!

Показать полностью 1
[моё] Тренд Дизайнер Искусственный интеллект ChatGPT Нейронные сети GIMP Photoshop Canva Figma Баннер Промты для нейросетей Длиннопост
0
2
ii.dominator
ii.dominator
1 месяц назад
Графический и Веб-дизайн

Делаем Mind-map на ИИ — быстро, детализировано⁠⁠

Этот способ изложения данных позволяет изучить большой массив данных, есть уровни вложенности (древовидная система).

Делаем Mind-map на ИИ — быстро, детализировано Чат-бот, Программа, Гайд, ChatGPT, Сайт, Дизайн, Figma, Photoshop, Тренд, Графика, Арт, Арты нейросетей, Digital, Видеомонтаж, Midjourney, Компьютерная графика, Blender, Виртуальная реальность, Длиннопост

Хочется ли делать это самому? Нет, есть же ИИ. Копался все утро, чтобы сделать детализированную карту с изучением английского языка (просто как пример выбрал эту тему).

Есть множество инструментов для этого, но все так или иначе мне не подошли. У меня было два основных варианта:

— Делать mind-map на любой языковой модели, потом импортировать файл (txt или markdown) в xmind (программа). Попробовал, все работает, но... сложно... долго, не то, что мне хотелось.

— Figma + Ai Beta. У Фигмы вышел свой ИИ, который может сделать очень многое, о чем я обязательно еще напишу. Но пока начнем с mind-map.

Второй способ гораздо более простой, да и визуально его проще будет адаптировать под любой формат. Другим плюсом будет то, что сама по себе Figma — очень распространенная программа, остановился на этом в общем.

Как сделать крутую диаграмму связей?

1. Воспользоваться любой языковой моделью (aistudio)

2. Написать промт следующего вида: "Мне нужен детализированный план по изучению Х-темы. На основе этого плана я составлю mind-map, сделай акцент на простоте и лаконичности, но не упустив важные детали"

3. Получить ответ, с которым нужно открыть Figma Ai и запросить сделать эту mind-map.

Важно! Figma Ai работает только на английском! Поэтому нужно переводить ответ от ллм на английский язык.

📌 Figma | Бесплатно, без подписок (но можно и оформить, если понадобится)

📌 Если кому интересно, то пишу про лучшие ИИ в своем авторском канале (ссылка в профиле)

Делаем Mind-map на ИИ — быстро, детализировано Чат-бот, Программа, Гайд, ChatGPT, Сайт, Дизайн, Figma, Photoshop, Тренд, Графика, Арт, Арты нейросетей, Digital, Видеомонтаж, Midjourney, Компьютерная графика, Blender, Виртуальная реальность, Длиннопост

Вот то, что у меня получилось в итоге.

Картинка очень крупная, одним скриншотом не выложить. Поэтому полная версия в тг (описание профиля)

Уверен, что Figma будет развивать это направление, поэтому ожидаем еще более крутых функций впоследствии.

В целом такой метод можно использовать для любых предметов, для изучения любых языков (в том числе и языки программирования).

Показать полностью 2
Чат-бот Программа Гайд ChatGPT Сайт Дизайн Figma Photoshop Тренд Графика Арт Арты нейросетей Digital Видеомонтаж Midjourney Компьютерная графика Blender Виртуальная реальность Длиннопост
2
4
egor.leto
egor.leto
2 месяца назад
Искусственный интеллект
Серия Нейро Пушка

САЙТ ЗА МИНУТУ — БЕЗ КОДА И ДИЗАЙНА⁠⁠

Readdy делает любой веб-проект по описанию. Просто пишешь, что нужно — через минуту получаешь готовый макет и код.

— Экспорт в 📱Figma

— Готов к запуску и публикации

— Не нужен опыт в IT

— БЕСПЛАТНО

Пробуем — тут.

Источник: 🎯 НЕЙРО-ПУШКА ● НОВОСТИ И ОБЗОРЫ НЕЙРОСЕТЕЙ

Показать полностью
[моё] Вертикальное видео Telegram (ссылка) Нейронные сети Искусственный интеллект Сайт Web Проект Figma Тренд Дизайнер Видео
2
Партнёрский материал Реклама
specials
specials

Даже получать удовольствие ты должен с коммерческой выгодой для себя ©⁠⁠

Так говорил греческий судовладелец, миллиардер Аристотель Онассис. Миллиардеры, конечно, живут немножко иначе, но этот принцип вполне распространяется и на «простых смертных». Давайте посчитаем, какую выгоду вы получаете.

Посчитать

Бизнес Выгода Текст
1
denisn1xele
denisn1xele
2 месяца назад

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн?⁠⁠

🖐Привет, это Денис из NIXELE™! И сегодня вы узнаете

🔥Почему «красиво» — не значит «удобно», а также почему это можно опровергнуть...

📱Насколько в создании веб-дизайна не важен макет и почему на самом деле инструкцию придумали дебилы (или нет)?

🌭Из-за чего бутылка кетчупа это самый главный феил в дизайне, почему красивая картинка решает, а удобство и визуал – вообще не первое о чем стоит думать в веб-дизайне и наконец таки узнаем ответ на вопрос:

💯Кто он, этот ваш идеальный дизайн сайта?

Я решил начать с прогулки: свежий воздух и окружающая атмосфера натолкнули на одну интересную мысль когда я проходил мимо нового жилищного комплекса…

Смотрите, это логотип «Пятерочки» в одном из современных жк в Москве. Вроде бы обычная картина, но посмотрите внимательнее, можете открыть панораму и оглянуться вокруг🧐

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

«Пятерочка» в одном из домов современного жк на юго-востоке Москвы

Здесь в стильном и продуманном районе нет места ярким цветам - красному и зеленому, только стильный хай -тек. Однако если видишь что-то резко выдающееся, то это триггерит.

В вывеске этой «Пятерочки» есть очень важный смысл - она не выбивается из общего стиля жк, в котором находится. При этом не теряет своей узнаваемости. Это довольно простой, но емкий смысл, который мы сегодня попробуем на вкус⬇

📌Что же получается, «Пятерочка» осознает важность визуальной эстетики?

Все так, красивый визуал смотрится выигрышно и человек в большинстве случаев не станет жаловаться на трудности поиска данного магазина, если такие трудности действительно возникнут.

А это визуализация различия вывески на разном фоне(фасаде).

Поэтому здесь использовали простой цветной логотип без яркой подложки. Это делает магазин чуть менее узнаваемым издалека, но более привлекательным в окружающей обстановке, согласитесь. В конце концов это выглядит стильно.

Тогда я осознал, что проектирование не всегда самое важное и тратить на дизайн 16,5 дней точно не стоит. Визуальная составляющая зачастую имеет куда более важное значение перед планом. Получается все мои эти наброски не нужны были?

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Мой почти семнадцатидневный макет. Все равно его потом переделывал…

🔹Эстетика как никогда важна, она приоритетнее макета, НО ключевое — смог ли пользователь выполнить нужное ему действие. Разберемся подробнее.

🤷‍♂Создание макета сайта это действительно бесполезное занятие?

Я сразу побежал домой изучать взаимосвязь макета и эстетики в веб-дизайне и вот что нашел:

Японские эксперты Масааки Куросу и Каори Кашимура в дизайн-центре компании Hitachi попросили оценить 26 сайтов 292-ух студентов факультета дизайна и психологии. Pезультаты показали положительные результаты в сторону эстетики дизайна: визуально более стильные и красивые сайты выбирали чаще, даже когда навигация ставила в тупик.

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Это график кореляции удобства использования UX(левая шкала) и визуала дизайна сайта UI(нижняя)

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

Об Этом уже говорит работа Флориана Гейгля и Кристины Лерман под названием «Оценка влияния смещения кликов и вставки ссылок в Интернете на навигацию».

В этом исследовании авторы анализировали, как визуальные акценты на ссылках (например, размещение в верхней части страницы) и добавление новых ссылок влияют на поведение пользователей при навигации по веб-сайтам.

Они пришли к выводу, что такие изменения могут существенно изменить маршруты пользователей, что подчеркивает важность продуманной навигационной структуры для эффективного взаимодействия с сайтом

🧐Именно поэтому дизайн может бесить. Красивый, но совершенно непригодный для удобного использования интерфейс может раздражать.

🔹Нужна успешная комбинация - эстетическое впечатление + легко совершенное плановое действие(визуал UI + макет UX). Вместе они подталкивают пользователя на следующий шаг и приводят к целевому действию, а также мотивируют к повторному посещению сайта.

👟Простыми словами - кроссовки должны быть стильными и соответствовать трендам, но самое главное — они должны быть удобными!

Кажется, что каким бы дискофмортым ни был макет(UX), всегда будет важна эстетика(UI) - тяга человека к идеальному невероятно велика!

🔑От сложного к простому - что такое UI/UX дизайн. Аналогия.

Представьте: вы собираете конструктор «Лего-техник», то есть механизм, из подвижных деталей(UX) и обычных блоков, создающих визуальную часть(UI).

Поворотные механизмы в виде шестеренок, троса и колес консруктора(UX) дополняет стильное сочетание желтого и черного(UI)

В вашем распоряжении любые детальки лего, но использовать можно конечное их число - это 100%-ный объем. И для каждого человека в данном фиксированном объеме будет свое идеальное и уникальное сочетание практичности и визуальной эстетики «шестеренок» и «обычных блоков».

👉Кстати, буду намеренно «ужирнять» сокращения UI и UX, а также относящиеся к ним слова, чтобы вам было проще разбираться с аналогиями и понимать их значение

С заботой - NIXELE™

Происходит наращивание новых нейронных связей и мы пониманием, что важно правильно сочетать UI и UX составляющие дизайна.

🎏Визуал по-разному привлекает разные категории людей

Все не так однозначно, нельзя сделать «супер» и «мега» и для всех сразу «в одном флаконе».

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Дизайн-завод «Флакон» — креативное пространство в Москве, торгово-выставочный и офисный комплекс

Посмотрите, главное, что мы должны осознать из исследования Hitachi – это не то, что планирование элементов взаимодействия придумали дебилы и вообще, они тратят много времени на дизайн-макеты сайтов зря — нет! Эстетика может улучшить восприятие эргономичности даже если функциональность остается неизменной.

Воу! Эргономичность, - сложное слово, кажется мы можем обойтись и без него! Само слово означает приспособление предметов труда для комфортной и эффективной работы 

Вы никогда не сможете нормально использовать новый телефон, пока не настроите размер значков, язык клавиатуры, уведомления и подсказки таким образом, как удобно именно вам для лучшей продуктивности

Юзабилити - слово-близнец эргономики, крайне важна, но ее польза зависит напрямую от первого впечатления, формируемого визуалом UI. Получается, часть времени из более чем двухнедельной работы стоило потратить на анализ аудитории, для которой делаю дизайн сайта.

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Пример хорошего UI/UX дизайна(мое мнение)

🔹Ключевое на чем нужно сосредоточиться при разработке дизайна сайта – не UI и не UX составляющие, даже не их сочетание. Самое важное – понять что именно ожидает увидеть пользователь. Потому что от его потребностей и зависит правильное сочетание UI/UX.

«Если между ожиданиями клиентов от продуктов или услуг и их реальным дизайном существует большая разница, то мы вынуждены вступать в неравный бой, пытаясь заставить клиентов пересмотреть их устоявшиеся представления»
Из книги Джона Уэлена «Дизайн пользовательского опыта»

Тесты, тестирование, тестики🔥
— Знаете почему программирование и веб-дизайн одно и то же?
— Потому что это все IT? — спросите вы
— Да, скорее всего вы правы! — Но почему?

Potomu chto никогда не знаешь кто он, этот твой пользователь))

Поэтому необходимо знать погоду сайта, дизайн которого создаешь. А осадки на ней - это user flow. Смотите, так выглядит погодный циклон на сайте:

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Это тепловая карта сайта Guardian Unlimited

Подобная функция в «Яндекс метрике» называется «Вебвизор». Она помогает понять куда чаще нажимают пользователи и как работает визуальная часть сайта

Именно такую карту наша команда использовала при запуске тестовой версии сайта хоккейной лиги чемпионата кхл 3на3. На тепловой карте мы с командой отчетливо видели какие элементы привлекают пользователя и работают так, как и было задумано, а какие остаются без внимания и требуют UI/UX доработки.

При помощи user flow, составленного на старте разработки проекта, можно на этапе запуска также отследить путь пользователя, например до страницы покупки билетов.
В нашем случае, наносить на user flow метки, показывающие, где пользователь проходит целую страницу до покупки билетов на матчи, вместо того, чтобы найти кнопку покупки билетов вверху главной.

📌Как повлияло на разработку веб-дизайна

Сейчас моя работа начинается с гугл формы и опросников и это не просто дополнительная опция в разработке веб-дизайна — нет! Наоборот — это серьезность и ответственность. Я осознаю важность первичного анализа потребностей не только клиента, но и целевой аудитории.

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Моя гугл-форма для работы с клиентами

💡Важно тестировать свои программы, методы статьи, рефераты и другие работы, чтобы осозновать их недочеты. И веб-дизайн тому не исключение.

🔹Но работа над анализом аудитории это не только тестирование после создания дизайна, но и аналитика потребностей ца перед началом работы - фундамент и неотъемлемая часть создания любого продукта.

👽Важно не просто создавать дизайн, опираясь на тенденции эстетики и тем более тренды, но и тестировать потенциальную аудиторию, даже стараться не ограничиваться только ей.

Ведь цель дизайна сайта, не только замотивировать потенциального покупателя купить авто именно здесь, но и привести к целевому действию юзера, «случайно» попавшего на ваш сайт.

📌Как вы думаете, что вам может рассказать одна бутылка кетчупа?

Вроде бы ничего особенного, только если это не бутылка Heinz. Знакомтесь — мем, посвященный именно ей:

16,5 дней на макет сайта - Кто он, этот ваш идеальный веб-дизайн? Дизайн, Веб-дизайн, Веб-разработка, Figma, Дизайнер, Web, Ui, Ux, Сайт, Креатив, Видео, Без звука, Короткие видео, Длиннопост

Слева - UI интерпретация кетчупа, а справа - UX

Важная мысь невероятно проста: не пытайтесь изобрести бутылку кетчупа заново, научитесь использовать ее правильно в зависимости от человека. С одной стороны - она выглядитт правильно и привлекательно в вертикальном положении, но ведь ее используют вверх ногами и это практично с точки зрения UX.

Эталона идеального дизайна сайта не существует, но существует план, который может помочь.

⚡8 советов от NIXELE™ по созданию идельного дизайна сайта

  • Чаще соприкасайтесь с прекрасным но не утопайте в нем - выделите на подбор примеров только час, разбейте их по группам и оттолкнитесь от чего-то одного

  • Стройте здание, начиная с фундамента, но не израсходуйте весь материал — сравнивайте макет со схемой построения успешных сайтов, но не крутите один элемент сликом долго

  • Проверенные решения на то и провренные, они работают — изучайте теорию и психологию, используйте нейросети и выбирайте с умом то, на чем будет посторен UI/UX дизайн

  • Нет ничего страшного в том, чтобы спросить у девушки или мамы какие цветы она любит - общайтесь с целевой аудиторией напрямую, чтобы узнавать предпочтения и ожидания своих «любимчиков»

  • Будьте открытее к общению — опрашивайте не только ца, но и своих друзей и знакомых. Порой люди, совсем далекие от темы, могут натолкнуть на интересные мысли

  • Не бойтесь сносить здание под корень — не бойтесь начать все с начала, даже если работу полностью придется стереть

  • Ставьте широкие видовые окна — делайте дизайн «прозрачным» в первую очередь понятным и доступным, и только потом красивым

  • Любите себя — прощайте себе даже крупномасштабные косяки и умейте найти силы на то, чтобы вернуться к работе, даже когда много правок

    Теперь есть понимание того, что сначала необходимо проводить качественный обзор того, над чем планируешь «взять высоту».

🔹Визуал и практичность работают вместе, полагаясь на потребности пользователя. Знакомтесь: формула которую мы вывели

UI - визуал; UX - пользовательский опыт; TA - целевая аудитория; DS - дизайн

На самом деле - выбор за вами, и только вам решать каким будет ваш идеальный дизайн, но ключики к этому лежат через вашу чуткость, талант и усердный труд.

И кстати, без помощи тяжело потом что-либо искать по это статье. Поэтому для вас, ключевые тезисы я отметил вот так 🔹

С любовью и заботой - NIXELE™

🙌Спасибо за прочтение данной статьи, ваша активность помогает скорейшему выходу нового материала
👉Всегда рад обратной связи — не забывайте про чек-поинты в виде опросов выше и по ссылке) Увидимся в следующей статье😉

Показать полностью 8 4
Дизайн Веб-дизайн Веб-разработка Figma Дизайнер Web Ui Ux Сайт Креатив Видео Без звука Короткие видео Длиннопост
40
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии