Рубрика для вдохновения и насмотренности
Подборка изображений, которые объединяет одна идея, собранные участником нашего комьюнити. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны и тд.
Сегодня подборка от @nevera_web
Серёжа, спасибо! ) С опозданием, но ловлю эстафету.
В этой подборке будут рефы сайтов с элементами в виде тонких линий, рамок и линий сетки.
Это популярный приём, который чаще всего (но не всегда) помогает выделить важные объекты, дополнительно структурировать контент.
Линии используют для создания чистого и легко воспринимаемого контента и не смотря на то, что то они разделяют элементы, линии также соединяют их в структурно гармоничные блоки.
На некоторых сайтах даже можно словить ощущение тактильности, потому что появляется ассоциация с дизайном книг и журналов, где линии используются давно.
Много букв не будет, мне просто кажется, что это стильный приём, если используется в правильных руках.
Эстафету передаю @mishatabi 😎
Подборка изображений, которые объединяет одна идея, собранные участником нашего комьюнити. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны и тд.
Сегодня подборка от @nevera_web
Серёжа, спасибо! ) С опозданием, но ловлю эстафету.
В этой подборке будут рефы сайтов с элементами в виде тонких линий, рамок и линий сетки.
Это популярный приём, который чаще всего (но не всегда) помогает выделить важные объекты, дополнительно структурировать контент.
Линии используют для создания чистого и легко воспринимаемого контента и не смотря на то, что то они разделяют элементы, линии также соединяют их в структурно гармоничные блоки.
На некоторых сайтах даже можно словить ощущение тактильности, потому что появляется ассоциация с дизайном книг и журналов, где линии используются давно.
Много букв не будет, мне просто кажется, что это стильный приём, если используется в правильных руках.
Эстафету передаю @mishatabi 😎
Полезные ссылки для планирования
Неважно, что вы делаете — создаёте сайты или вяжете крючком на заказ, — вам не помешает план. Планирование — полезная штука и важно подходить к нему без фанатизма, с удовольствием.
Сегодня поделимся с вами ссылками на то, что пригодится в работе и облегчит процесс, сэкономив время на что-то более важное.
«Как все успевать», бесплатный курс Ани Войн @AnnVoin и Школы Тильда
о планировании для тех, кто работает на себя— курс тут
7 важных лекций о том, как привести в порядок ваш процесс работы над проектами.
На уроках сразу даются упражнения, которые помогут научиться работать быстрее, эффективнее, без лишних нервов.
Эффективный и несложный шаблон от Кати @komarovaeee
для учета дедлайнов и контроля этапов разработки сайта — ссылка тут
Шаблон сделан в Notiion, страницей можно делиться с клиентом, указывая там и его задачи, наглядно показав, на каком вы этапе. Упрощает жизнь, ведь за тебя уже написали все этапы) Дублируете страницу себе и добавляете нужные шаги, если чего-то не хватает (И как приятно перетягивать карточку в «готово»).
Плагин для трекинга времени в фигме Timers.
Он запускает сразу несколько таймеров. Удобно для учета рабочего времени или если вам просто интересно отследить количество времени, потраченное на тот или иной процесс, этап или проект.
Плагин тут
Ну и так как практический опыт гораздо интереснее, чем даже самые полезные ссылки, поделитесь, как вы планируете рабочие задачи?
Неважно, что вы делаете — создаёте сайты или вяжете крючком на заказ, — вам не помешает план. Планирование — полезная штука и важно подходить к нему без фанатизма, с удовольствием.
Сегодня поделимся с вами ссылками на то, что пригодится в работе и облегчит процесс, сэкономив время на что-то более важное.
«Как все успевать», бесплатный курс Ани Войн @AnnVoin и Школы Тильда
о планировании для тех, кто работает на себя— курс тут
7 важных лекций о том, как привести в порядок ваш процесс работы над проектами.
На уроках сразу даются упражнения, которые помогут научиться работать быстрее, эффективнее, без лишних нервов.
Эффективный и несложный шаблон от Кати @komarovaeee
для учета дедлайнов и контроля этапов разработки сайта — ссылка тут
Шаблон сделан в Notiion, страницей можно делиться с клиентом, указывая там и его задачи, наглядно показав, на каком вы этапе. Упрощает жизнь, ведь за тебя уже написали все этапы) Дублируете страницу себе и добавляете нужные шаги, если чего-то не хватает (И как приятно перетягивать карточку в «готово»).
Плагин для трекинга времени в фигме Timers.
Он запускает сразу несколько таймеров. Удобно для учета рабочего времени или если вам просто интересно отследить количество времени, потраченное на тот или иной процесс, этап или проект.
Плагин тут
Ну и так как практический опыт гораздо интереснее, чем даже самые полезные ссылки, поделитесь, как вы планируете рабочие задачи?
Подборка плагинов для Figma
Perfecter — позволяет иcпользовать популярные математические константы для гармонизации элементов дизайна, таких как размер шрифта, его межстрочный интервал, размеры элементов/групп/компонентов и т.п.
Install
Flipbook — умеет создавать анимации прямо в фигма и экспортировать их в Gif
Install
Pixel princess — превращает вектор в пиксельное изображение
Install
Beautiful Shadows — плагин позволяет создавать плавные и красивые тени для выбранных объектов.
Install
TinyImage Compressor — позволяет сжимать и экспортировать изображения прямо в Figma.
Поддерживаемые форматы: JPG, PNG, SVG, WebP, GIF, WebM, AVIF и PDF.
Install
#плагины
Perfecter — позволяет иcпользовать популярные математические константы для гармонизации элементов дизайна, таких как размер шрифта, его межстрочный интервал, размеры элементов/групп/компонентов и т.п.
Install
Flipbook — умеет создавать анимации прямо в фигма и экспортировать их в Gif
Install
Pixel princess — превращает вектор в пиксельное изображение
Install
Beautiful Shadows — плагин позволяет создавать плавные и красивые тени для выбранных объектов.
Install
TinyImage Compressor — позволяет сжимать и экспортировать изображения прямо в Figma.
Поддерживаемые форматы: JPG, PNG, SVG, WebP, GIF, WebM, AVIF и PDF.
Install
#плагины
Рубрика для вдохновения и насмотренности
Подборка изображений от участника комьюнити, которые объединяет одна идея. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны,etc
Сегодня подборка от @mishatabi
Большое спасибо Веронике за передачу эстафеты, очень неожиданно и приятно!) Тем более, что тема насмотренности для меня сейчас очень актуальна.
⠀
Выбрать референсы, по началу, было непросто, так как мои коллеги ранее показали бомбические вещи, от которых я сама очень кайфую. Поэтому я решила вернуться к своим истокам и взять тему 3D графики и анимации. Моим пропуском в мир дизайна была программа Cinema 4D, и меня очень радует, что эта тема сейчас широко используется в веб-дизайне.
⠀
Сайты с использованием 3D статики и анимации динамичные, объемные, привлекающие внимание; их хочется рассматривать и взаимодействовать с ними снова и снова.
⠀
Я уверена, что в недалеком будущем мы сможем видеть на сайтах не просто рендеры, а нечто большее!
⠀
Передаю эстафету @webtkach
Подборка изображений от участника комьюнити, которые объединяет одна идея. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны,etc
Сегодня подборка от @mishatabi
Большое спасибо Веронике за передачу эстафеты, очень неожиданно и приятно!) Тем более, что тема насмотренности для меня сейчас очень актуальна.
⠀
Выбрать референсы, по началу, было непросто, так как мои коллеги ранее показали бомбические вещи, от которых я сама очень кайфую. Поэтому я решила вернуться к своим истокам и взять тему 3D графики и анимации. Моим пропуском в мир дизайна была программа Cinema 4D, и меня очень радует, что эта тема сейчас широко используется в веб-дизайне.
⠀
Сайты с использованием 3D статики и анимации динамичные, объемные, привлекающие внимание; их хочется рассматривать и взаимодействовать с ними снова и снова.
⠀
Я уверена, что в недалеком будущем мы сможем видеть на сайтах не просто рендеры, а нечто большее!
⠀
Передаю эстафету @webtkach
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактив референсов к посту от @mishatabi
This media is not supported in your browser
VIEW IN TELEGRAM
Видео «как сделать таблицу в тильде и остаться собой»
Скорее всего, многие сталкивались с тем, что заказчик присылает данные для будущей таблицы на сайте в экселе, которую потом долго и нудно нужно переносить руками.
Хорошо, когда это 10 позиций, а когда 100?
Вот способ преобразовать данные с помощью простой формулы, потом останется копипастом перенести все в Тильду.
Что на видео?
В таблице мы добавляем ещё одну ячейку с символом ; и копируем ее на всю длину столбца (до куда у нас есть контент).
Задаём формулу через «=»,
по очереди выбирая
Здесь амперсанд (&) выступает связующим, а мы связываем все так, чтобы точка с запятой были между каждой ячейкой.
Выбрав все, нажали enter и скопировали формулу дальше вниз.
Финал, осталось скопировать ячейки с получившимися формулой данными и вставить в тильду, если никакой символ не пропущен, то вы восхитительны!
Скорее всего, многие сталкивались с тем, что заказчик присылает данные для будущей таблицы на сайте в экселе, которую потом долго и нудно нужно переносить руками.
Хорошо, когда это 10 позиций, а когда 100?
Вот способ преобразовать данные с помощью простой формулы, потом останется копипастом перенести все в Тильду.
Что на видео?
В таблице мы добавляем ещё одну ячейку с символом ; и копируем ее на всю длину столбца (до куда у нас есть контент).
Задаём формулу через «=»,
по очереди выбирая
ячейка&символ;&ячейка&символ;&ячейка и тд. Здесь амперсанд (&) выступает связующим, а мы связываем все так, чтобы точка с запятой были между каждой ячейкой.
Выбрав все, нажали enter и скопировали формулу дальше вниз.
Финал, осталось скопировать ячейки с получившимися формулой данными и вставить в тильду, если никакой символ не пропущен, то вы восхитительны!
Новый курс по созданию веб-приложений на Тильде. От Школы Тильды и основателей Collabza и Cyberband Academy.
Курс поможет расширить границы применения Тильды. Вы освоите подходы к проектированию веб-приложений, научитесь связывать Тильду с внешними базами данных и создавать страницы с динамическим изменением контента.
— А можно сделать доску объявлений на Тильде?
— А можно сделать личный кабинет для интернет-магазина?
— А можно сделать, чтобы уроки на курсе открывались один за другим по графику?
— А можно сделать биржу заказов на Тильде?
Теперь ответы на все эти вопросы — Можно! ⚡️
Скоро откроется запись. Чтобы узнать первым о начале регистрации на курс — подпишитесь на уведомление на странице 👉 https://tilda.school/nocode-soon
Курс поможет расширить границы применения Тильды. Вы освоите подходы к проектированию веб-приложений, научитесь связывать Тильду с внешними базами данных и создавать страницы с динамическим изменением контента.
— А можно сделать доску объявлений на Тильде?
— А можно сделать личный кабинет для интернет-магазина?
— А можно сделать, чтобы уроки на курсе открывались один за другим по графику?
— А можно сделать биржу заказов на Тильде?
Теперь ответы на все эти вопросы — Можно! ⚡️
Скоро откроется запись. Чтобы узнать первым о начале регистрации на курс — подпишитесь на уведомление на странице 👉 https://tilda.school/nocode-soon
This media is not supported in your browser
VIEW IN TELEGRAM
Мы привыкли создавать градиент в простых фигурах: прямоугольник, квадрат и круг.
А что если это задолбало и хочется чего-то нового? Можно отойти от привычных фигур и в итоге получить более интересный и нестандартный вариант.
Быстро и без использования плагинов для градиента.
Для практики, изучения функций фигмы и экспериментов в инсте (когда нужно быстро сделать симпатичную обложку, например), набивать руку и применять в клиентских проектах.
🪄На видео все просто: создать овал, к нему применяется радиальный градиент, а дальше пером создаём форму, которая понравится. Добавить фигурам layer blur и, если нужно, шум (плагин Noise).
Если есть желание, свои варианты градиентов можно кидать в комменты.
А что если это задолбало и хочется чего-то нового? Можно отойти от привычных фигур и в итоге получить более интересный и нестандартный вариант.
Быстро и без использования плагинов для градиента.
Для практики, изучения функций фигмы и экспериментов в инсте (когда нужно быстро сделать симпатичную обложку, например), набивать руку и применять в клиентских проектах.
🪄На видео все просто: создать овал, к нему применяется радиальный градиент, а дальше пером создаём форму, которая понравится. Добавить фигурам layer blur и, если нужно, шум (плагин Noise).
Если есть желание, свои варианты градиентов можно кидать в комменты.
Подборка иконок в Figma
Infinite Icons — большая коллекция иконок.
Music Icon Pack — 22 3D иконки на музыкальную тематику (play, stop, etc.)
Kalai — 460 векторных иконок.
Flex — более 500 иконок.
140 Hand drawn arrows — нарисованные от руки 140 стрелочек в SVG.
Infinite Icons — большая коллекция иконок.
Music Icon Pack — 22 3D иконки на музыкальную тематику (play, stop, etc.)
Kalai — 460 векторных иконок.
Flex — более 500 иконок.
140 Hand drawn arrows — нарисованные от руки 140 стрелочек в SVG.
В Школе Тильды в понедельник начнется курс «Дизайнер сайтов Start»
Курс поможет за 4 недели узнать основы веб-дизайна и разобраться со всеми функциями Тильды. За время обучения вы своими руками сделаете 3 сайта. И разберетесь, как найти первых клиентов на фрилансе.
Подробнее о курсе 👉 https://tilda.school/start
📚 Как пройдёт курс
Неделя 1. Разберётесь со всеми настройками и тонкостями платформы на уровне блоков, страниц и всего сайта. Научитесь делать базовую SEO-оптимизацию, техническую подготовку перед запуском, подключать домен.
Неделя 2. Научитесь создавать магазины с сотнями товаров, личные кабинеты, блоги и медиа, работать с заказами во встроенной CRM, делать email рассылки.
Неделя 3. Освоите возможности редактора Zero Block и научитесь создавать блоки с уникальным дизайном и анимацией.
Неделя 4. Разберетесь, как найти первых клиентов на фрилансе. И как строить рабочий процесс с клиентом и позиционировать себя в начале пути.
После курса — продолжайте получать новые знания в закрытом клубе выпускников.
Кураторы курса — Максим Ширко, Витас Греф и Антон Командин.
🔸🔸🔸
Курс начинается в понедельник. А сегодня пройдет открытый урок перед стартом курса.
Начало в 16:00 по Москве (15:00 по Киеву). Записаться можно здесь 👉 https://tilda.school/start-open-lesson
Курс поможет за 4 недели узнать основы веб-дизайна и разобраться со всеми функциями Тильды. За время обучения вы своими руками сделаете 3 сайта. И разберетесь, как найти первых клиентов на фрилансе.
Подробнее о курсе 👉 https://tilda.school/start
📚 Как пройдёт курс
Неделя 1. Разберётесь со всеми настройками и тонкостями платформы на уровне блоков, страниц и всего сайта. Научитесь делать базовую SEO-оптимизацию, техническую подготовку перед запуском, подключать домен.
Неделя 2. Научитесь создавать магазины с сотнями товаров, личные кабинеты, блоги и медиа, работать с заказами во встроенной CRM, делать email рассылки.
Неделя 3. Освоите возможности редактора Zero Block и научитесь создавать блоки с уникальным дизайном и анимацией.
Неделя 4. Разберетесь, как найти первых клиентов на фрилансе. И как строить рабочий процесс с клиентом и позиционировать себя в начале пути.
После курса — продолжайте получать новые знания в закрытом клубе выпускников.
Кураторы курса — Максим Ширко, Витас Греф и Антон Командин.
🔸🔸🔸
Курс начинается в понедельник. А сегодня пройдет открытый урок перед стартом курса.
Начало в 16:00 по Москве (15:00 по Киеву). Записаться можно здесь 👉 https://tilda.school/start-open-lesson