Макеты для вёрстки Frontend
2.44K subscribers
372 photos
4 videos
118 links
Дизайн-макеты сайтов, которые можно верстать и добавить в портфолио.
В коллекции русскоязычные и англоязычные шаблоны Figma.

По рекламе: @yankovsky_ads
Download Telegram
https://www.figma.com/community/plugin/741472919529947576/SkewDat

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

Обычно такой эффект используют дизайнеры в презентациях проектов.
А вы тренируете анимацию CSS?

Макет состоит из одного экрана и подходит для тренировочной верстки с анимацией иллюстраций.

Прикол в том, что даже тени в проекте сделаны отдельными элементами, а значит анимация может выглядеть очень хорошо.

#figma
#eng
#css

ссылка:
https://www.figma.com/file/fJhWxFpiEIiM9tU2Z86OSt/Fluent-style-illustration-exercises-with-figma-(Community)?node-id=2%3A1127
This media is not supported in your browser
VIEW IN TELEGRAM
Карточки в тему анимации css без js от Yancy Min


#css
#codepen
#animation

ссылка:
https://codepen.io/yancy/pen/Epbmxo
#Толстой

Одностаничный макет с интересной сеткой.

Автор Веб-дизайнер — Кузнецов Дмитрий
Почта: dm.ku04@mail.ru

#русскоязычный

#figma

ссылка:
https://www.figma.com/file/3ECZJD8vTHWPMLD3GWtpwB/%D0%9B%D0%B5%D0%B2-%D0%A2%D0%BE%D0%BB%D1%81%D1%82%D0%BE%D0%B9?node-id=519%3A205
Отличный макет для верстки дизайн-студии

#figma

описание: Несколько страниц + адаптивы

#русскоязычный

https://www.figma.com/file/DAQo8U2oAbZPMc1xi6oQtc/design-promogroup?node-id=149%3A6476
Люблю я шрифты, потому вот такой вот макет вам 🙃

#figma

#русскоязычный

ссылка:
https://www.figma.com/file/MRhdg0RSMesCFJUopzPLUp/ARTMOLBERT?node-id=418%3A4360
Немного подразню скриншотом общего вида макета, который скоро выложу 😳
Макет полноценного интернет-магазина с карточками товаров, каталогом, страницей товара, корзиной, регистрацией, оформлением заказа/доставкой/оплатой и блогом.

#figma
#русскоязычный

ссылка:
https://www.figma.com/file/P36Sy59JyXRDKgjEWiwoDe/KK-Shop-(Copy)?node-id=70%3A994
Приятный макет в пастельных тонах дизайна

#figma
#en

ссылка:
https://www.figma.com/file/Jd5aqeHTrri8hJbvSmnunp/Our-Place-(Copy)
В мире дизайна в целом и шрифтов в частности новости не очень.

Ушёл из жизни Кен Герланд (1929–2021). Один из великих британских дизайнеров 20 века, известный по культовому манифесту First Things First

В честь этого события издание Unit Edition выложило в открытый доступ книгу-монографию Гарланда.
Читать и рассматривать we.tl/t-EYEvSxd0kg (PDF, 10мб, 166 страниц)

Вот интервью с Кеном, записанное полгода назад: youtu.be/BmIi6Yi0WFs

Посмотрите это милое выступление Word and Image с конференции TypeBerlin: https://www.typotalks.com/videos/word-and-image/ (20 мин восторга)
В этот раз также англоязычный макет, но мне очень нравится как яркий дизайн, так и анимация css, которую можно посмотреть по ссылке на готовый вариант компании:
https://www.joinviolet.com/

#figma
#eng

А вот ссылка на макет:
https://www.figma.com/file/yLDLIfysfFpaNog4jgD7Tt/Violet-(Copy)?node-id=0%3A1
Вот это прям хорошо.
Сайт теплоснабжающей компании с адаптивами.

#figma
#ru


ссылка:
https://www.figma.com/file/QJzQNi1Ws8KL8Ep4ya01Nj/%D0%9F%D1%80%D0%BE%D0%BC%D0%98%D0%BC%D0%BF%D1%83%D0%BB%D1%8C%D1%81