👩‍💻 Дизайнеры, внимание!

Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂

👩‍💻 Дизайнеры, внимание!

Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂

👩‍💻 Дизайнеры, внимание!

Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂

Если вы думали углубиться в верстку и оформление на Геткурсе, но не знали как и с чего начать — держите мою новую статью 🤝

Там есть ответы на многие вопросы: — чем отличаются дизайн и верстка, — как учиться и что проще: с нуля или по готовым решениям, — сколько можно зарабатывать (цифры из реальных кейсов!), — где взять шаблоны, скрипты, курсы, клубы и инструкции. https://gettech.family/blog/1177304 Здесь тот случай, когда задумывал сделать небольшую полезную статью, которая сможет задать спецу нужное направление, а получился большой полновесный обзор (есть даже ссылки на партнерки, на которых можно зарабатывать, просто рекомендуя то или иное решение)! 🤷‍♀️ А вот по этой ссылке можно подписаться на каналы всех героев статьи 💬 И, пожалуйста, не ленитесь, жмите сердечки и огоньки, пишите пару слов в комментариях здесь и в блоге под статьей. Это помогает блогу жить и развиваться ❤️ 👍👍👍👍👍👍👍
Изображение поста
👩‍💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂
👩‍💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂
Ищем дизайнера на верстку дневника по психологии (80 страниц)
⏸️ Вакансия на паузе Зарплата: Не указана Грейд: Middle Тэги: #designer, #design, #дизайнер, #ищудизайнера, #удаленка, #freelance Ищем дизайнера на полиграфию. Сверстать печатный дневник, тематика психологическая, около 15 уникальных страниц. Всего будет около 80 страниц. 👁👁 Откликнуться →
Изображение поста
✏️ Как исправить высоту Zero меню на мобильных устройствах
В чате канала обсуждали проблему, когда высота Zero поп-апа (в частности меню) после скролла на телефонах не подстраивается под динамическую высоту браузерного окна — при скролле адресная строка на телефонах скрывается и окно области просмотра становится больше по высоте. Собрала для вас 3 решения этой проблемы: 🔸 1 способ Он самый простой: в настройках вызова поп-апа поставить непрозрачное затемнение фона в цвет поп-апа. Недостаток такого способа — ваше меню всегда будет выглядеть на 100% ширины экрана. Если вы задумывали вызов меню в виде шторки с фиксированной шириной, то этот способ не для вас. 🔸 2 способ Поставить на фон zero-блока шейп с высотой 120%, привязка по виндоу верх. В настройках zero поставить высоту по экрану 100% и overflow: visible. Таким образом шейп будет выходить вниз за пределы блока и закрывать собой дыру. Подходит, если у вас неоднотонный фон или ширина меню имеет фиксированное значение. 🔸 3 способ Использовать этот код: В коде: — укажите ID zero блока (по-другому никак, только через ID можно изменить высоту) — если у вас еще есть шейп на фоне, укажите и его класс тоже (в моем приемере это .zero_bg) Справка dvh – относительно новая единица измерения, расшифровывается как dynamic viewport height (динамическая высота вьюпорта). Соответственно, элементы с высотой 100dvh будут менять свою высоту, если меняется высота окна просмотра сайта. Недостаток такого способа Видна задержка при изменении высоты zero блока, на секунду вы будете видеть дыру под меню, если начнёте скроллить пока у вас открыто меню. Но если первые два способа вам не подходят, можете попробовать этот. Любые вопросы или другие решения этой проблемы можете посоветовать в комментариях 😊 #верстка #тильда
Изображение поста
Шрифт KS Bistra
Полугротеск с необычным контрастом: местами он прямой, местами — обратный. В буквах — каллиграфические изгибы, асимметрия, чернильные ловушки и немного странностей вроде завитков в S и t. Получается живой, выразительный ритм — не просто читаемо, а с характером. Подойдёт для заголовков, брендинга, журнальной верстки и других задач, где важно не затеряться. Шрифт один, зато собран на совесть — вариативность обеспечивают лигатуры. Рекомендуем для сочетания: Fira Sans, Onest, Geologica, Golos Text Автор: Korak Studio Лицензия: Для личного и коммерческого использования Скачать семейство
ДИЗАЙН ЛЕНДИНГА ДЛЯ МАГАЗИНА МЕБЕЛИ
Содержание: — Современный и стильный дизайн лендинга. — Адаптивная верстка для мобильных устройств. — Элементы пользовательского интерфейса для улучшения навигации. — Использование привлекательных визуальных элементов и фотографий. — Простая и интуитивно понятная структура. #лендинг #мебельный #магазин #английский Макеты Figma
Чем отличается дизайн для SDUI (он же BDUI)?
продолжение Бизнес-логику мы уже рассмотрели — теперь хочется перейти к другим двум ключевым аспектам SDUI: вёрстке и автоматизации. 🌟 Верстка Здесь главное различие — гранулярность системы. То есть, насколько «мелко» можно управлять интерфейсом через контракт: какие сущности доступны и на каком уровне атомарности. Возможны разные варианты: — Виджетная архитектура с хранением вёрстки на клиенте — Обращение к элементам дизайн-системы, также хранимым на клиенте — Гибкий отрисовщик, построенный на примитивах, с распределённым хранением вёрстки (часть элементов на клиенте, часть, например компоновка и параметры декоратора, на сервере). В первых двух подходах на клиенте хранится конечный (или условно конечный) набор компонентов. А в случае с гибкой системой — платформа позволяет собирать виджеты и даже атомы (например, кнопку) из базовых примитивов. Это напрямую влияет на архитектуру и конфигурацию дизайн-системы. При виджетном подходе сервер может управлять только выбором виджетов, их параметрами и расположением. И для продуктового дизайнера приоритетом становится поиск безрелизного решения: как «выкрутиться» с текущим набором компонентов. Потому что это быстрее и дешевле. Только если нужного виджета или параметра нет, команда решается на доработку — а это уже означает выпуск новой версии и релиз в стор. В более гранулярных системах возможностей для безрелизных изменений больше, но и здесь есть ограничения: не всё можно сделать без обновления клиента. При этом именно такие фичи — с условием «без повышения версии» — часто оказываются самыми приоритетными. Кроме того, в системах любой гранулярности обычно используется многоуровневая система контейнеров со слотами, что тоже влияет на логику проектирования. А ещё, помимо самой вёрстки, хочется сказать пару слов о верстальщике. Эта роль при переходе на SDUI меняется радикально. Теперь макеты у дизайнера будет принимать бэкендер — потому что бизнес-логика теперь на сервере, да и верстка при некоторых подходах тоже. А может быть и другой сценарий: часть задач верстальщика уходит к дизайнеру, особенно если в системе уже есть автоматизация (о ней — чуть ниже). 🌟 Автоматизация Здесь всё проще. Автоматизация бывает и вне SDUI, но именно переход к этой архитектуре обычно стимулирует её активное развитие. От автоматической сборки виджетов и конвертации макетов в вёрстку — до внутренних инструментов, вроде линтера для дизайнеров, который проверяет макет на соответствие правилам. Работа с автоматикой может поначалу усложнить подготовку макетов — но в итоге снимает рутину, снижает количество ошибок и освобождает время для творческих задач. - - #sdui #bdui #верстка #автоматизация 🛫 Канал: UXFLOW • Сергей Мухин Сайт: uxflow.ru
Изображение поста
Text Prettier
С его помощью вы сможете удалять висячие предлоги и делать верстку более красивой Install 😗 Фигмач
Изображение поста
CLS — тихий убийца UX, о котором дизайнеру стоит знать
Знаешь это ощущение, когда начинаешь читать статью, и вдруг — хоп — всё сдвигается? Или собираешься нажать кнопку, а она уехала вниз? Это и есть CLS — сдвиг макета во время загрузки. На первый взгляд — ерунда. На деле — раздражение, потерянный клик, сломанный флоу. Это влияет на восприятие, на доверие, на то, останется человек на сайте или закроет его, даже не поняв почему. Что важно: CLS — это не баг у разработчика. Это просчёт в дизайне. Не учли размеры картинок, не зарезервировали место для баннера, шрифт подгрузился с задержкой — и поехали. Хороший CLS — меньше 0.1. Всё выше — уже чувствуется. Что помогает: — указываем размеры для медиа, — не даём рекламе «вышибать» контент, — подгружаем шрифты грамотно, — избегаем анимаций, которые толкают верстку. Если дизайн стабильный — сайт ощущается надёжным. Не дёргается — значит, ему можно доверять.
Изображение поста
на днях я жестко психанула на клиента
рассказываю вам кринжовую историю. в первый раз со мной такое случилось, ну а чего поделать — мы все люди, в конце концов. ~ сначала неоправдывающая подводка: я вам уже рассказывала, что с января пью антидепрессанты. к концу мая стало очевидно, что они мне не подходят, потому что я вообще потеряла способность просыпаться по утрам (я могла спать по 12+ часов, и все равно не высыпалась). таблетки пришлось менять, а это тоже то еще приключение. в общем опуская подробности, сейчас я пересаживаюсь с одних таблеток на другие и чувствую себя просто мега-хуево: я либо утром не могу встать, либо я очень злая {потому что мне тяжело начать работать и вообще все тяжело} и вот пару дней назад под мою злую-антидепрессантную-руку попал один потенциальный клиент. ~ мы несколько недель обсуждали с ним создание сайта, у него был не очень большой {для его объёма задачи} бюджет, но нам был очень интересен проект, поэтому мы максимально оптимизировали смету везде, где только могли оптимизировать. в целом казалось, что какой-то мэтч между нами присутствует и что проект мы с большой долей вероятности продадим. но вот этим неудачным утром я захожу в телеграм, а этот клиент прислал большое сообщение от каких-то *экспертов по разработке сайтов* с классическими комментариями про Тильду от людей, которые никогда не работали с Тильдой и понятия не имеют, как работает этот конструктор. комментарии были из разряда: сайт на Тильде вам не принадлежит, вот Тильда закроется, и вы останетесь без сайта 🤡 и вообще это конструктор, это все несерьезно, там ничего встроить нельзя, ничем управлять нельзя, seo нет… ну вы поняли. еще эти *эксперты* уточнили, что мы наверняка искусственно раздуваем смету, потому что посмели заложить 60 часов на верстку (13 страниц), «а это же конструктор! что там верстать 60 часов?» и конечно же, эти эксперты предложили свою серьезную самописную разработку 🦾🦾🦾 за более комфортный бюджет (мы предлагали 13-страничный сайт за 500к, что по нашим меркам дешевле, чем дешево; если кто-то продает за такие деньги самописный многостраничник — у вас там команда как вообще? вы ей платите святым духом?) ~ короче, сгорела у меня жепа с этих экспертных комментариев, но в более хороший день я бы промолчала или написала что-то вежливое, а тут я накатала огромное дисс-эссе, в котором пизданула что-то из разряда «это не моя проблема, что вы хотите купить рено логан, а я продаю мерседесы», и «если вы хотели сайт за 100к, надо было сразу так и сказать, я бы вам фрилансера посоветовала и не тратила свое время». клиент, конечно, после такого на меня обиделся, и вероятность нашей совместной работы устремилась к нулю 🥰 ~ но зато я, кажется, сделала то, что все в тайне мечтают сделать, когда клиент пишет «а мы нашли подешевле» 🙏
Изображение поста
Курс «Типографика и верстка» теперь онлайн
Мы с Мишей Капанагой перезапустили мой очный курс, теперь он дистанционный. Уже можно записаться на сентябрь: igorshtang.ru/course/verstka Не забудьте прочитать открытую главу «Базовые настройки» — она большая, интересная и местами спорная, как и всё в дизайне. Ну, по крайней мере, я спорил с собой, с Мишей и еще с десятком дизайнеров, пока ее писал. Могу поспорить и с вами в комментариях 😅
Изображение поста
Above the Fold plugin — плагин создает ограничительную линию исходя из размера вашего макета, показывая сколько элементов помещается в один экран браузера при верстке.
Изображение поста
Лето — целых 3 месяца без жестких дедлайнов, чтобы освоить новый инструмент. А осенью рынок просыпается, и конкуренты забирают крутые заказы и клиентов 😭
Для тех, кто чиллил весь июнь, но в июле настроен прокачать навыки — дарим 40% скидку на все тарифы нашего Webflow-курса — Видео-уроки от фаундера Коли с опытом в Webflow 10+ лет. Будет 30+ новых уроков, а всего их больше 100 — Упрощённый вход для новичков без IT-бэкграунда — Каждый элемент, свойство и инструмент стилизации разбираем на реальных проектах — Учим внедрять любые кастомные решения — Объясняем, как находить клиентов на зарубежном рынке и презентовать им свои услуги — Соберешь 3 сильных кейса в портфолио во время обучения Выбирай подходящий тариф: 1. Only — для тех, кто уже работает в студии или фрилансе и хочет системно прокачать верстку на Webflow 45 990 27 594₽ 2. Basic — если хочешь не только делать сайты, но и выходить на зарубежный рынок, искать клиентов на Upwork и работать с заказами из-за рубежа. 67 900 40 740₽ 3. С нуля до PRO — если хочешь освоить весь путь: от основ до сложных анимаций на JS и кастомного функционала. 123 990 74 394₽ 👾 Оставляй заявку на сайте там стоимость тарифов уже расчитана со скидкой 40% до 11.07 включительно
Изображение поста
👩‍💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂
👩‍💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂
👩‍💻 Дизайнеры, внимание!
Ищете ресурсы, чтобы ускорить свою работу и повысить качество проектов? Мы нашли для вас топовые каналы с полезными материалами: Макеты сайтов Figma актуальные макеты для верстки. Экономьте время с готовыми решениями. Шаблоны презентаций Power Point — множество готовых шаблонов для создания презентаций. Шаблоны постов и сторис — графические шаблоны для соц. сетей: Instagram, Вконтакте, Facebook, YouTube, Linkedin и других. Шрифты лучшие шрифты для любых проектов. Скачивайте прямо с канала. Логотипы — высококачественные векторные логотипы, легко редактируемые и масштабируемые. Архив Pro Дизайнера — архив всех файлов. Не тратьте часы на поиск нужных материалов. Подписывайтесь на каналы и получайте всё необходимое для работы и творчества! 🗂 Добавить папку с каналами 🗂