Dribbble огляд №2 — найбільш цікаві дизайни інтерфейсів за останні 2 тижні

Всім привіт. Минуло пару тижнів з моменту виходу попередній огляда. На жаль, за цей час скарбничка Dribbble поповнювалася мляво. Хоча в цілому вона поповнювалася стабільно, але стоїть Вашої уваги матеріалу вкрай мало. Тому давайте знову відмотаємо таймер тому, тепер вже на два тижні і подивимося на різні концепти UX/UI артистів з усього світу. Я, як незалежний оглядач, вибрав 10 робіт і розставив їх у порядку зростання якості виконання.




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

Як формується розподіл по місцях? Насамперед я «пропускаю» кожного кандидата через власний набір професійних фільтрів, які напрацьовані практикою. Про багатьох з них я писав як-то "Моїх правилах хорошого дизайну інтерфейсу" (+51). Основних критеріїв не так багато: підбірка кольору, порядок в шрифтах, збалансовані відступи, використання сітки без помилок, розстановка акцентів.

до Речі, нагадаю, що клік по картинці переводить на дизайн цілком, де можна подивитися макети на весь екран. Відповідно мої коментарі стосуються саме того, що по посиланню, а не на превьюшке.

Вистачить лірики, погнали подивимося, що сьогодні варто нашої уваги…

Analytics Dashboard

by Raaz Das


Десяте місце. Без всякого ентузіазму, чесно кажучи, включаю цю роботу в список. Швидше навіть з-за необхідності набрати рівно десять. Отже, коли потрібно наповнити своє портфоліо роботами, кожен дизайнер малює що? Правильно! Dashboard. На жаль тут в шапці заголовок і кнопки відбирають багато простору. Неэргономичная компонування елементів. Включу в список ще й тому, що саме останнє місце в моєму огляді можна спокійно віддати дилетантові.



interface

by Shan Zi


Дев'яте. Нуднувата робота. З одного боку — все на своїх місцях. З іншого боку дизайнера підводить деяка недбалість до деталей. Наприклад заголовки таблиці «скачуть». А ще «search» кудись зовсім загубився. Або він поки не активний, але якщо станеться щось — він потемніє? Але тим не менш тут мінімум зайвого, хоча і є недосконалість.



Dashboard

by Alexandr Ivchenko


Восьме. Не дуже вдала «Виворотка». Приклад життєздатного концепту, де всю ідею згубила колірна гамма. Хоча з сіткою повний порядок, всі відступи в нормі. Особлива біль — це білі попап і навігація… справа. Такий порядок суперечить злегка сприйняттю інформації. Спочатку клік по розділу, а правіше вже контент. А може бути це фільтри якісь? Тоді припустимо :)



Health Care App

by T U B I K


Сьоме. Дуже модно для системи, якою повинні користуватися люди. Включив в самі нижчі позиції тільки за рахунок фул-скрінів. Для нас це можливість розгледіти детальки при гарному якості. Спасибі! Хоча я вважаю, що подібні рішення не зможуть прижитися в реальному світі. Можливо це проби пера для даної команди на шляху до деяких концептів. Ім'я TUBIK studio мені знайоме і це досить дивна робота, яка показує їх рівень не з кращого боку.



Linkedin profile

by Grégoire Vella


Шосте. Рубрика «непрошений дизайн». Звичайно Linkedin ніколи не зможе дозволити собі подібних розкішних відступів. Які, до речі в даному випадку настільки значні, що місцями здається відбувається відрив одного блоку від іншого. Око подолав велику відстань, а інформації отримав бідно. Коротше нежиттєздатна, але якщо робилося з метою поповнити портфоліо, зіграє свою позитивну роль для роботодавця. І можливо не один раз. Б'ю по руках лінійкою лише за те, що знову бледнота в тексті.



Web Sales Platform Dashboard

by Ramotion


П'яте. Більш вдала цього разу «виворотка». У гайдлайнах відчуваються натяки на ios10. Такий підхід мені подобається. У шрифтах тепер з'явилося більше інтенсиву. Грань між інтерфейсами телефонів розмивається. Тому в цій роботі є свіжість, актуальність і перспектива. Шкода немає full-screen кадрів, та ще й цей нахил. Але все одно добре. Мені тут фоном проситься якась графіка, а під картками айфоновскій blur!



Tellius — Chart Creation Process

by Balkan Brothers


Четверте. Так, це знову Брати Баклановы Балкановы, про яких згадував у першому огляді… В мене є деякі питання по сітці насамперед. І пошукова рядок зверху живе своїм життям, ніби-б. Чи це лише так здається з-за align=center? Знову бачимо ці глибокі тіні. Це прям вірусна ідея на dribbble останнім часом. Підхоплюють один у одного без втоми. Хоч би заспокоїлись нарешті :) Це все, до чого у мене вистачило зухвалості причепитися, адже робота в цілому позитивна!



Conference Calling — Recordings

by Balkan Brothers


Бронза за 3-е місце йде все тій же команді, згаданої вище. Колектив трудиться не покладаючи рук. Все як і раніше на рівні, але місцями здається, що не вистачає контрастності. Десь контент втрачається через бледноты. Але, якщо вони будуть і далі продовжувати в тому ж дусі, то незабаром почнуть клонувати самі себе. Зовсім не відчувається різноманітності гайдлайнов, виходячи з цілей продукту. Скрізь Roboto, скрізь однакові кнопки і т. п… Ми хочемо свіжості! Але незважаючи на все це, увага до дрібниць сильно витягує їх на верхні рядки хіт-параду.



Community App Dashboard

by Bilal Ck


Друге місце! Схоже на черговий «непрошений дизайн». Чисто, рівно, нічого зайвого. Але так як весь світ звик до карткових роздільникам і я зокрема, то виглядає кучновато. Хоча зізнаюся, що я чіпляюся. Мінус тільки в тому, що навігація мізерна, а ефективне місце пропадає. Може спробувати меню горизонтально? Але тим не менш це тягне вже на срібло! І так, подібні роботи у мене завжди будуть на верхніх строчках. Найчастіше обиватель запитає «Ну і що тут такого?». Я відповім, що “Абсолютно нічого! Нічого такого, що заважало б користувачам ефективно використовувати систему з подібним дизайном".



Tapdaq — UI Overview

by Jan Losert


І, нарешті, найкраща робота в цьому огляді! Якісна проробка деталей і станів. Все продумано. Можна просто брати і натягувати на будь wireframe і буде класно і актуально! Сам недавно робив аналогічний проект своєму клієнту. Було цікаво конструювати UI kit, який підпорядкований певній логіці. До речі, можете заглянути до цього дизайнера в профіль і подивитися інші обрізки з цього ж проекту. Сюди вони не потрапили, тому що цілісних екранів немає, але розширити кругозір можна.

Це все. Спасибі за увагу! Я думаю повернуся до Вас з наступним оглядом десь через місяць. Треба дати можливість спільноті dribbble накопичити якісних робіт…
Джерело: Хабрахабр

0 коментарів

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