Дизайн на любую тему

10 вдохновляющих дизайнов сайтов сентября

Делимся десятью сайтами из галереи лучших проектов на Тильде, добавленных в сентябре. Рассказываем, на что обратить внимание, какие приёмы взять на заметку и добавить в коллекцию референсов.

В подборке: сайт онлайн-школы иностранных языков, лендинг школы стендап-комедии, сайт 44-го Московского Международного кинофестиваля, интернет-магазин одежды из Сеула, лендинг курса об уходе за растениями и другие.

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

На главной странице анимация и цветной шейп привлекают внимание к ссылкам, ведущим в каталог. При наведении на них появляются фотографии товаров. В каталоге есть фильтры и сортировка. На карточках товара расположены плашки со статусом или характеристикой продукта: предзаказ, sold out, unisex и другие.

Лендинг курса об уходе за растениями. Тему сайта подчёркивает мягкий зелёный градиент на фоне. Уместно используются декоративный шрифт и эмодзи, дополняющие дизайн сайта. Короткие зацикленные видео придают сайту динамики, создают дружескую атмосферу и помогают сократить дистанцию между пользователем и авторами курса.

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

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

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

В блоке «Кому подходит Wolle» с помощью иллюстраций и цветов — красный, зелёный — наглядно показан эффект от продукта: до встречи ты раздражённый и злой, после — спокойный и довольный. Блок про лаборатории сделан в виде карточек с фиксацией при скролле. Эмоджи с анимацией акцентирует внимание на расписание митапа.

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

Лендинг двухдневного интенсива для продуктовых менеджеров от ScrumTrek и Ikra. Внимание привлекают авторские динамичные иллюстрации, которые за счёт теней и бликов кажутся объёмными. Плавная смена фона сайта передаёт эмоциональные ощущения от продукта: серость и плохое настроение сменяются яркими цветами.

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

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

Лендинг бегового клуба в Москве. Сайт привлекает рисованными деталями и фотографиями в движении. Фотографии спортсмена за счёт правильного ракурса и наложения на соседние блоки создают на сайте объём и динамику.

Росчерки используются как самостоятельные декоративные элементы и для взаимодействия с текстом, например, для зачёркивания старой цены в разделе «Стоимость».

Творческий лонгрид о канализационных люках. На странице есть всё, чтобы на ней задержаться: контрастные цвета, крупная типографика, интересные факты, анимация по скроллу и фотографии необычных люков.

Какой сайт вам понравился больше всего? Поделитесь в комментариях.

Больше вдохновляющих проектов, созданных на Тильде, смотрите в галерее #madeontilda.

Источник

70 лучших бесплатных шаблонов презентаций

Защита курсовой или выступление на конференции — без хорошей презентации не обойтись. Для таких случаев собрали 70 (семьдесят!) бесплатных и стильных шаблонов: 28 в нашей предыдущей подборке и 42 в этой статье. Пользуйтесь!

// DarkPro

У этого шаблона 29 готовых слайдов и суперстильное оформление в темных тонах. Для тех, кто на светлой стороне — есть слайды и в белом цветовом решении.

// Bubbler

Шаблон с набором приятных цветов и встроенными шаблонами для инфографики. 22 встроенных слайда и куча эстетического удовольствия от такой презентации.

// Origami

Шаблон для презентации креативных проектов — нестандартное оформление и яркие цвета.

// Vinyl

Шаблон в стиле виниловой пластинки — стилево! 3 цвета на выбор: фиолетовый, оранжевый, зеленый.

// Diagonal

Красивый шаблон для офисных бунтарей: строго, но с креативными яркими линиями 😀

// Corporate

Простой и лаконичный шаблон. Внутри есть готовые шаблоны для цитат или статистики.

// Corpo

Этот шаблон представлен в 5 цветах на выбор — сером, зеленом, оранжевом, фиолетовом и голубом. Стандартно в шаблоне можно оформить 6 слайдов, а вручную — сколько душе угодно.

// Transitions

Фишка шаблона — градиент. Можно выбрать одно из трех цветовых решений для презентации и использовать готовые образцы цитат, таблиц, диаграмм — подставляйте свои данные и будет красота.

// Fiery Mosaic

Здесь доступно всегда 2 вида слайдов внутри шаблона — титульный лист и основной слайд с заголовком, но зачем что-то еще, если оформление и так огонь?

// Drops

Приятные цвета, 15 слайдов с готовыми шаблонами разделов — супер.

// Origami

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

// Arrows

Этот шаблон — отличный выбор для презентации своей бизнес-идеи потенциальным спонсорам: обилие стрелок, устремленных вверх, поддержат образ проекта, который будет только расти! 😀

// Retro

Шаблон с красивыми цветами и векторными объектами — меняйте размеры, удаляйте ненужное.

// Abstract Arrows

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

Ну мало ли, вдруг вам понадобится шаблон для презентации в стиле Lego? 😀 Каких ведь только тем для курсовых не бывает в университете.

// Breaking Bad

Не могли не включить в подборку этот шаблон в стиле сериала «Во все тяжкие» 😀 Порадуете препода по химии дизайном и повеселите однокурсников.

// Colorful Angled

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

// Professional Corporate

Хороший шаблон для презентации на серьезные темы. Экономисты, финансисты, юристы — присмотритесь.

// Colorful SWOT

Шаблон для удобной презентации SWOT-анализа. Титульника нет, но его можно сделать в любом другом крутом шаблоне из подборки 🙂

// Rounded Corporate

Шаблон в сине-голубом цвете для коротких выступлений — 5 слайдов как раз хватит.

// Dental

Шаблон оформлен как презентация о стоматологических услугах, но кто мешает заменить картинки зубов любыми другими?:) Тем более, цвет такой приятный — надо брать!

// Circular Gradient

Шаблон для деловых бизнесменов: цифры, диаграммы, пошаговые инструкции — вот это всё.

// Vivid Gradient

Снова в студии деловые дяденьки с фотостока 😀 Если серьезно, симпатичные цвета и понятный дизайн подойдет для презентации проекта.

// Clean

А может у вас есть собственное приложение или нужно рассказать об удобном инструменте другим? Этот шаблон создан как раз для этого.

// Modern

Шаблон с темными цветами и строгим дизайном. Препод по макроэкономике или статистике будет покорен.

// World Travel

Презентация туристического направления или рассказ о стране — этот шаблон отлично подойдет для этого.

// City Building

34 слайда со встроенными картинками! Некоторые удалить нельзя, но они хорошо впишутся под многие темы презентаций.

// Business Plan

Название говорит само за себя — отличный шаблон для презентаций бизнес-планов. 48 слайдов и встроенные редактируемые значки по тематике!

// City Buildings

Очень милый шаблон с цветным контуром Нью-Йорка. Ярко, но не слишком!

// Rocket

Рассказываете о своем стартапе или презентуете результаты исследования — милая ракета поможет привлечь внимание слушателей 🙂

// Natural Green

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

// Pastel Watercolor

Шаблон с приятными пастельными цветами и 36 слайдами.

// Abstract Modern Bubble

Шаблон для смелых, дерзких и креативных — яркие цвета и необычный дизайн 🙂

// Abstract Leaves

Еще один шаблон в пастельных тонах — мило и со вкусом.

// Laptop

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

// Modern

Шаблон для консерваторов — только стильный черный цвет, только хардкор.

// Juliet

Красивые акварельные мазки и стильные рамки — нам очень нравится этот шаблон. И никаких картинок дополнительно не надо.

// Cymbeline

Всего три слова: строго и стильно. А фотографии на фоне можно менять, вы же знаете?

// Triangle

Треугольный дизайн и классные цвета — скачивайте скорей!

// Quantities

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

// Modern Minimal

Фиолетово-розовые цвета и большое количество блоков для добавления фотографий. Гуд!

Очень стильный и лаконичный шаблон в приятных цветах.

Источник