Лого vc.ru

20 лучших концептов в стиле Material Design за 2015 год — выбор MaterialUp

20 лучших концептов в стиле Material Design за 2015 год — выбор MaterialUp

Команда сайта MaterialUp подготовила подборку из 20 лучших концептов в стиле Material Design за 2015 год.

Концепт периодической таблицы

Концепт разработан при помощи Photoshop и After Effects.

Концепты интерфейса ввода данных кредитной карты

Концепты разработаны при помощи Sketch и After Effects.

Приложение-секундомер для Android

Разработано при помощи Illustrator, After Effects, Java и Android Studio.

Концепт интерфейса музыкального плеера

Разработан с помощью Sketch и After Effects.

Концепт схемы навигации для мобильного приложения Trello

Разработан при помощи Sketch и After Effects.

Анимация иконки голосования

(Кликните на картинку, чтобы перейти к анимации)

Концепт разработан с помощью CodePen.

Анимация в стиле Material Design

Концепт мобильного музыкального приложения

Концепт дудла для главной страницы Google

Разработан с помощью Illustrator и After Effects.

Концепт формы входа в приложение

Разработан с помощью Sketch, After Effects и Google Fonts.

Виджет календаря

Совместим с Illustrator и After Effects.

Концепт интерфейса музыкального плеера

Разработан с помощью Sketch и After Effects.

Концепт формы входа на сайт

(Кликните на изображение, чтобы перейти к анимации)

Разработана с помощью CodePen.

Анимация изменения ориентации экрана

Разработан при помощи After Effects.

Концепт формы оплаты покупки кредитной картой

Концепт разработан при помощи After Effects.

Концепт интерфейса Facebook

Анимация иконки скачивания

Разработана при помощи Photoshop и After Effects

Концепт редизайна YouTube

Разработан при помощи Photoshop.

Анимация обновления страницы

Разработана при помощи After Effects.

Теги

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

Есть стата по "никто не пользуется"?
Просто я вот только и пользуюсь им, мало ли я чего-то не понимаю.

Нет, статы конечно же нет. Чисто субъективное мнение на основе своего опыта и нескольких знакомых.

Я лично наоборот очень не люблю "связанные видео" - потому что по факту, инструмент для "залипания на подольше", а вот менюшкой слева активно пользуюсь, там можно и в ленту подписок можно перейти, и плейлист включить который ты сейчас смотришь, и быстро к каналу нужному из своих подписок.

0

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

Некоторые отличные

А некоторые содержат ошибки, о которых прямо описано в гайдлайнах материала.

Либо невнимательность, либо просто не все концепты сделаны под биркой материала

0

Хорошая работа!
Непосредственно на мобильном устройстве не пробовали? Не будет проблем с производительностью?

Концепт чисто для десктопа (просто как демонстрация анимации), ибо сделан в вебе. На мобиле такое должно быть реализовано в виде нативной аппы.
Но в общем плане пробовал. На 5 нексусе были небольшие просадки по фпс (но в целом ощущалось ок). Ибо там идет много расчетов и изменений координат svg.

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

Не "непросто", а невозможно. Дизайнеры как всегда "невкуривают" в технические моменты.

Однозначно. Тратить на свистелки-перделки больше времени, чем на разработку начинки никто не будет.

0

Идея последней гифки интересная, но сам материал вообще не по нраву. Слишком перегружено.

Вот интересно, сколько этот хайп с анимацей продержится?

0

Осталось только написать документацию для разработчиков как всю эту херню реализовать практически

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

0

Дизайнеры дают идеи, а реализация уже вопрос следующий! (Сразу вспоминается статья про Apple Magic Mouse)

Христом богом молю, сделайте поиск на мобильной версии или кнопку перехода на полную, а лучше и то и другое

0

Cпасибо vc.ru за то что отметили мою работу www.materialup.com/posts/music-app-research

Но как все что делается для dribbble этим пользоватся будет очень неудобно 8))))

Сделайте, плиз, загрузку гифок по клику. Умоляю

0

Про второй концепт с кредиткой:
"Важно заметить, что у глубины есть “дно”. Предполагается, что она ограничена толщиной самого мобильного устройства. То есть, если на смартфоне это сантиметр от стекла до задней стенки, а у вас в интерфейсе есть кредитная карточка, то её нельзя просто перевернуть — она упрётся в стекло и заднюю стенку."
(с) Хабр, 11 марта 2015

Прямой эфир
Узнавайте первым важные новости
Подписаться