Оффтоп Рустам Башкиров
259

Подборка Web & Mobile UI/UX анимаций

На связи руководитель WINFOX Башкиров Рустам. Ежедневно дизайнеры всего мира в поисках вдохновения посещают такие ресурсы как Dribbble или Behance. Однако в большом объеме работ легко пропустить по настоящему крутые работы, которые почему то получили мало лайков и комментов.

В закладки

Мы решили исправить это и представляем вам подборку классных работ молодых дизайнеров, не получивших достаточно внимания профессионального сообщества.

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

1. Навигация между статусом проекта и панелью пользователя в интерфейсе мобильной CRM

Ayana Campbell Smith

2. Анимация навигации между фильмами для просмотра информации и покупки билетов

HK

3. Необычное представление входящих предложений о работе в приложении для поиска работы

Liam Gillespie

4. Замечательная анимация навигации по приложению для выбора отелей

Отель от Lai Ming

5. Экспериментальный концепт приложения для поиска и покупки недвижимости

Gaziz Moldashev

6. Альтернативный интерфейс заказа автобусов для приложения Swvl

Ahmed El-Gamal

7. Интерфейс взаимодействия с приложением потоковой музыки

parsley_soup

8. Интерфейс создания персональной тренировки в фитнес-приложении

Vitaly Rubtsov

Анимация веб интерфейсов

9. Пример восхитительной карточки товара

Andrea Censi

10. Потрясающее решение для анимации бэкграунда

Vitaliy Kolomiyets

11. Посадочная страница для обучающей платформы

Paweł Rosner

12. Посадочная страница с крутой анимацией

George Frigo

13. Концепт портфолио

Olga

14. Эксперименты с горизонтальной прокруткой для сайта бистро в Праге

David Hladík

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Рустам Башкиров", "author_type": "self", "tags": [], "comments": 2, "likes": 4, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 42392, "is_wide": false, "is_ugc": true, "date": "Mon, 23 Jul 2018 12:27:19 +0300" }
{ "id": 42392, "author_id": 160815, "diff_limit": 1000, "urls": {"diff":"\/comments\/42392\/get","add":"\/comments\/42392\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/42392"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

2 комментария 2 комм.

Популярные

По порядку

2

Ну такое

1. Навигация между статусом проекта и панелью пользователя в интерфейсе мобильной CRM

После нажатия иконки троеточия в правом верхнем углу карточки, меню всплывает... снизу, а не из троеточия. Это фиаско.

Остальное похоже на анимацию ради анимации. Ну и в гифках на несколько секунд сложно разобрать логику приложения.

Ответить
1

Согласен.
Мне понравились только 9 и 11 варианты. Остальное как-то мимо кассы. Некоторые так и вовсе ужас.

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Команда калифорнийского проекта
оказалась нейронной сетью
Подписаться на push-уведомления