Конкурс з Material Design: оголошуємо переможців

Привіт, Хабрахабр! Настав час оголосити переможців конкурсу з Material Design (MD). Учасників конкурсу було так багато, що нам довелося збільшили кількість призових місць, щоб не залишити без уваги гідні програми і відмінні редизайны Ми дякуємо всіх учасників конкурсу, а нижче вшановуємо переможців декількох номінацій :)

image

Номінація I

В цю номінація потрапляли програми оновлені до Material Design під час конкурсу, а також у яких понад 50 КОПІЙОК завантажень і рейтинг >= 4.0. Переможці в цій категорії отримують наступний призи: номінація на featuring в Google Play, запрошення на конференцію Google I\O і планшет Nexus 9.

Номінація II

У цю номінацію потрапляли програми оновлені до Material Design під час конкурсу, але укоторых менш 50К завантажень або рейтинг < 4.0. До речі, варто зауважити, що додатків з рейтингом нижче 3.8 практично не було заявлено на конкурс, тобто боротьба між переможцями йшла дійсно наполеглива і серйозна. Переможці в цій категорії отримують планшет Nexus 9.

Номінація III

В цю номінація потрапляли програми оновлені до Material Design до початку конкурсу. Адже недобре позбавляти шансів і уваги тих розробників, які одними з перших запровадили Material Design, і є передовиками!

Зауважимо, що в цю номінацію надійшли найбільшу кількість заявок (50%) — це не може не радувати! Изанчально ми планували виділити тільки 3х переможців, але, оцінивши кількість поданих заявок, вирішили виділити 6 переможців (3 додатка з завантаженнями >=50K та 3 додатками з менш 50К завантажень).

Переможці в цій категорії отримують в якості призу номінацію на featuring в Google Play.

Номінація I
Розклад електричок






Питай.ру






Scores & Video






Номінація II
AirPano VR





Хотіли б зазначити, що AirPano є учасником програми для стартапів — Google Developer Launchpad!

myPlaces






Aflatum






Номінація III
Перший канал






SafeInCloud






Dr. Tariff





Dr. Tariff також є учасником програми для стартапів — Google Developer Launchpad!

Дзен-мані: облік витрат






Монітор Фінансів — Бухгалтерія






Red Cup — кава і десерти






Додаток Хабрахабр
Окремо ми хотіли б виділити додаток Хабрахабр, яке також отримало оновлення до Material Design, під час проведення конкурсу. Додаток отримало високі оцінки журі! Впевнені, що у більшої частини аудиторії програми вже встановлено і отримало дане оновлення =)






Інші програми, які хотіли б відзначити
Нижче ми також хотіли б відзначити програми, які були у фаворитах (або загальної концепції MD, або по реалізації тієї чи іншої ідеї), але, на жаль, не стали переможцями.

АльфаСтрахование Мобайл


Хаос-контроль: список справ GTD


Дзвінки і контакти 2GIS Dialer


Транспорт Ярославля


Помаранчевий експрес: суші піца


Зигзаг


Localway путівник і гід


Wear Audio Recorder


CoinKeeper: облік витрат


Patee. Рецепти



УУРРАА


WIFI MAP — паролі і підказки




Деякі рекомендації
Ми вирішили, що публічно розбирати помилки в тих чи інших додатках може бути не зовсім правильно чи етично, тому просто перелічимо найбільш часті невідповідності концепції Material Design, які зустрічали в програмах, поданих на конкурс.

Перший і самий частовстречающийся недолік при редизайні програми в стилістиці Material Design полягає в тому, що багато розробники відразу ж переходять до деталей — до використання зручних і впізнаваних елементів (таких як Navigation Drawer і Floating Action Button), забуваючи при цьому подивитися на загальний дизайн програми з точки зору основоположних концепцій MD.

Ми вже розповідали, що Material Design стоять не абстрактні «гуртки» і «квадратики», а осмисленість і реальність того, що відбувається на дисплеї вашого пристрою. Обсяг, тривимірність елементів інтерфейсу, різна висота об'єктів, паралакс і реалістична анімація — це всього лише інструменти для вираження тих завдань, що ставляться перед дизайнером інтерфейсу.

При розробці концептів і прототипів інтерфейсу слід пам'ятати про те, що кожна кнопка, список або меню повинні мати об'єм, відкидати реальну тінь і мати своє місце в тривимірній ієрархії інтерфейсу, перекриваючи інші елементи при необхідності.

Анімація повинна бути реалістичною. Варто враховувати, що анимируемые поверхні мають вагу, розміри і об'єм, ведуть себе як аркуші паперу. Кожна дія користувача повинно викликати реакцію інтерфейсу і служити відправною точкою для анімованого відповіді на дію. Ключове поняття — свідомість того, що відбувається. Анімація не повинна существоваь сама по собі, її мета — допомогти усвідомити, що відбувається на дисплеї, чому, і якої реакції від нього чекає додаток.

Вже згадувані вище стандартні елементи інтерфейсу, такі, як Navigation Drawer, FAB, списки, вибір дати і часу і т. п. ретельно описані в гайдлайнах Material Design, розміри елементів, принципи поведінки і анімації описані, найчастіше, до пікселя.

Ми рекомендуємо дотримуватися цих вказівок для уніфікації загальних моментів інтерфейсів системи та зручності користувача. До речі, не так давно ми публікували три посади (1, 2, 3), в яких дизайнери ділилися своїми враженнями, думками і досвідом з перекладу додатків на MD. Якщо ви з якихось причин пропустили — ознайомтеся, дані публікації допоможуть вам у роботі з Material Design'ом.

Багато помилок зустрічається і в дизайні іконок — йому присвячено окремий, досить великий розділ гайдлайнов Material Design. Використовуйте описані там принципи для створення власних іконок. Якщо на редизайн немає сил або часу, ви завжди можете скористатися відповідними варіантами з нашої бази. У ній доступно більш ніж 800 стандартних іконок, які ви можете використовувати абсолютно безкоштовно. Не варто забувати і про Material Design Support Library, яка допоможе додати в програму основні елементи (Navigation View, Floating Action Button, Snackbar, Tabs, Collapsing Toolbars) і забезпечить підтримку цих компонентів у більш ранніх версій Android.

На цьому все, ще раз вітаємо всіх переможців!

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.