Лого 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 лишь частично реализуют основные анимации

Ага, особенно ютьюб - До свидания связанные видео, здравствуй меню слева, которым никто не пользуется

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

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

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

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

0

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

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

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

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

0

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

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

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

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

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

0

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

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

0

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

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

0

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

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

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

0

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

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

0

Возможность комментирования статьи доступна только в первые две недели после публикации.

Сейчас обсуждают
Vsevolod Volchansky
Chat Helpdesk

Ему про Фому, он про Ерему))

«Тинькофф банк» анонсировал открытие сети центров разработки
0
FrostBite
ProGamer.ru

Всем. Я за нацию технологий и творчества.

Власти России намерены снизить беспошлинный порог для ввоза интернет-посылок до 500 евро с середины 2018 года
0
Alex Samoylenko

Кандидатам на лучшую мобильную игру в Минске передает привет лучшая мобильная игра в Минске) шучу) Андрей, Ксения, вы молодцы! Игра крутая.

Mushroom Wars 2: рассказ российских разработчиков о том, какой путь прошла игра от концепта до релиза
0
reggaejunkiejew

так в том и вопрос, в статье вообще не сказано чего они там такие умные и красивые настартапили и на антрепренировали.

Дом, который построил Питер Тиль
0
Anton Kuchumov
WorkOut

Спасибо, из всего списка как раз хотел начать с неё.

Лучшие книги 2016 года — выбор Билла Гейтса
0
Показать еще