Лого 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

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

Сейчас обсуждают
Dmitry Bavinov

Олег Тиньков - крутой предприниматель и босс, полностью заслуживший писать такие письма своему персоналу, учитывая какие условия он для них создал. Те, кто считают что здесь есть что-то оскорбительное или ущемляющее права сотрудников - просто обнаглевшие ребята :)

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

Олег Тиньков потребовал от сотрудников есть один раз за рабочий день и «не красть время» акционеров перерывами на кофе
0
Илья Максимов

тогда почему вы так агрессивны к нему

Олег Тиньков потребовал от сотрудников есть один раз за рабочий день и «не красть время» акционеров перерывами на кофе
0
Данил Петрусёв

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

«Яндекс» впервые раскрыл число платных подписчиков сервиса «Музыка»
0
Ирэна Моисеева

а что мнение должно формироваться если он только обидел?)))))

Олег Тиньков потребовал от сотрудников есть один раз за рабочий день и «не красть время» акционеров перерывами на кофе
1
Ирэна Моисеева

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

Олег Тиньков потребовал от сотрудников есть один раз за рабочий день и «не красть время» акционеров перерывами на кофе
0
Показать еще