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.

0
27 комментариев
Популярные
По порядку
Написать комментарий...

По последней гифке я кстати демку давно уже сделал - http://codepen.io/suez/pen/oXLroX

25

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

0

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

1

Отлично!

0

Осталось только сверстать.

9

YouTube и Facebook потрясающе выглядят !

5

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

7

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

7

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

–1

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

1

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

0

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

3

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

0

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

–2

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

3

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

2

Комментарий удален

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

1

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

1

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

–6

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

0

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

0

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

0

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

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

0

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

0

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

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

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

–2
Читать все 27 комментариев
Откуда берут взрослые деревья для парков и улиц

А также сколько они стоят и почему выращивать их — неплохой бизнес.

Дайджест новостей Сбера: сайт Digital Пётр, сценарии для умного дома и платина от Forbes

Прошлый дайджест мы целиком посвятили 180-летию Сбера, поэтому новостей накопилось много. Среди них — запуск сайта по распознаванию рукописей Петра I, большое обновление на платформе умного дома Sber и другие. Рассказываем всё самое интересное.

Картинка, сгенерированная ruDALL-E по запросу «рыжий котик»
SkillFactory раздает подарки: повышенная ставка и новогодний марафон для вебмастеров

В преддверии Нового года мы решили порадовать своих настоящих и будущих партнеров — участников партнерской программы школ Skillfactory, Contented и Product LIVE. Это возможность получить денежный бонус и заодно увеличить прибыль от продажи наших курсов.

Мой опыт общения с Почтой России

Первым делом хочу попросить прощения у всех граждан России. Благодаря моим действиям, описанным вкратце в этой статье, я получил некоторую сумму денег, которая иначе могла бы попасть в бюджет РФ. Но произошло это по вине сотрудников АО «Почта России». Учредителем и единственным акционером АО «Почта России» является Российская Федерация.

Сбербанк компрометирует код CVC при выдаче карты

Пришёл срок замены карты, по сроку действия. Стоит сразу сказать, что на низовом видимом варианте сотрудники Сбера работают отлично. Всегда помогут, подскажут, доброжелательно и в целом приятно. Но когда работает та невидимая часть Сбера к которой не приедешь, увы начинаются проблемы.

Tele2. Недоразумение со сменой тарифа

Моя бабушка пользуется тарифом без абонентской платы от Tele2. Недавно ей позвонили и предложили поменять тарифный план. Бабушка в этом ничего не понимает, но прекрасно понимает, что не стоит принимать решения, не посоветовавшись с детьми/внуками. Поэтому она, почти сразу,прервала разговор. На следующий день выяснилось, что с ее номера телефона…

И сотрудников тоже касается: кибербуллинг на рабочем месте
Design vector created by pikisuperstar - www.freepik.com
Чему создатели метавселенных могут поучиться у 3D-игры Second Life Статьи редакции

Её основатель ещё в нулевых говорил, что физический мир канет в прошлое, и завлёк в игру не только пользователей, но также бренды, политиков и СМИ. Какой он видит метавселенную, исходя из своего опыта, — в пересказе Time.

Кадр из игры Second Life SL Community
Как разработчики получают в ОЗОН статус тех. партнёра и как маркетплейс @ozon ворует лучшее в России. Самим-то ни как

Данный пост принадлежит Муранову Вячеславу Викторовичу, т.е. мне, и моему сервису richcontentozon.ru

Сайты в 2021 году
Продавец eBay из Кургана стала победителем в финале Всероссийского конкурса «Молодой предприниматель России 2021»

27 ноября в Москве состоялся финал ежегодного конкурса «Молодой предприниматель России 2021». В нём приняли участие предприниматели и самозанятые в возрасте до 35 лет. Всего было подано более 300 заявок из 43 регионов страны.

null