Створюємо аватар: все, що вам потрібно знати

Поринаємо в тему аватарів: різні події, стани, дії, вибір кольору – найкращі практики UI-дизайну.

Тут ви також знайдете безліч прикладів, що надихають.

Я UI-дизайнер, який став онлайн-підприємцем (хоч і не планував цього). У 2018 році я почав створювати UI-кити для Figma та запустив Setproduct. Місія цього сайту – допомогти дизайнерам, розробникам та компаніям заощадити гроші та час, які зазвичай витрачаються на дизайн, щоб набагато швидше випускати свої продукти.

Я займаюся графічним дизайном понад 20 років. В останні роки я присвячував практично кожен день свого життя перегляду десятків тисяч компонентів, екранів, веб-сайтів та програм, вивчаючи їх структуру, макети та колірні рішення. Моя мета – створити вичерпне посібник з UI-дизайну додатків та їх компонентів, шаблонів тощо.

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

👇 Давайте приступимо до вивчення станів, стилів, розмірів, варіантів використання та шаблонів аватарів.

UI-дизайн аватарів

Аватар (також відомий як юзерпік) - Це компонент, призначений для ідентифікації користувача.

1. Які елементи може містити аватар

У дизайні аватара можуть бути використані такі типи контенту:

• нульовий стан (empty state)
• Ініціали
• Фотографія або зображення користувача

2. Колір та розмір

Залежно від ситуації використовуються різні кольори і розміри аватарів:

• Щоб аватари відрізнялися, поставте їм різні кольори фону.
• У хедерах та панелях навігації аватари зазвичай мають ширину 24-40 dp.
• У списках та контентних блоках – ширину 40-48 dp.
• Якщо ви бажаєте використовувати аватари в таких розділах, як Профіль, Налаштування і т.д., зробіть їх розміром від 56 dp.

3. Події та повідомлення

Коли ми хочемо повідомити щось або спонукати до дії за допомогою аватара, ми можемо використовувати додаткові компоненти:

• Індикатори, які показують, чи користувач онлайн або офлайн
• Повідомлення та елементи візуального зворотного зв'язку (мітки з цифрами)
• Іконки, які показують, які дії доступні користувачеві

4. Статус користувача

Найпоширеніша практика відображення статусу користувача - розташування кольорового індикатора в нижньому правому куті користувача.

• Зелений колір вказує на те, що користувач онлайн, сірий офлайн.
• Зафарбований гурток показує, що користувач онлайн, порожній - офлайн (альтернативний варіант).

5. Індикатори повідомлень

Індикатор сповіщення може виглядати по-різному в залежності від того, наскільки важливим воно є.

• Якщо повідомлення має високий пріоритет, використовуються яскраві кольори та суцільна заливка.
• В інших випадках - приглушене або світле тло.

6. Заклик до дії

Коли користувач натискає аватар, знизу зазвичай з'являються кругла кнопка або іконка, яка показує, які дії він може зробити.

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

Аватар з текстом

1. Текст збоку

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

• Більші заголовки містять ім'я користувача
• Підзаголовки включають додаткові деталі (наприклад, статус, рід занять, час останнього відвідування, кількість передплатників тощо)

2. Текст знизу

У деяких розділах, наприклад, Соціальні мережі, Профіль, Налаштування і т.д., найкращим рішенням буде додавання аватара великого розміру з текстом, розміщеним під ним.

UX-патерни для аватарів

1. Події

Щоб повідомити користувачам додаткову інформацію про події, навколо аватара можна додати рамку чи індикатор із цифрами.

2. Прогрес

Дизайнери все ще часто використовують у аватарах індикатор виконання завдань у вигляді лінії, що заповнюється кольором. Це рішення залишається популярним та досить зручним.

3. Вибір

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

Ще одне популярне рішення:

Група аватарів

1. З кнопкою

Коли аватари згруповані, можна додати CTA-кнопку, щоб користувач знав, які дії він може зробити.

Наприклад, кнопка з плюсом може означати кілька доступних варіантів взаємодії (додавання, редагування, сортування тощо).

2. З плашкою

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

3. Плашка зі станом наведення

Один із найпоширеніших патернів — коли при наведенні курсору миші на плашку з'являється оверлей із додатковою інформацією про користувачів.

4. Аватар із станом наведення

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

Шаблони

Найпопулярніший варіант використання аватарів у додатках або на сайтах - додавання маленького користувача в хедер або більшого в розділ Профіль / Налаштування. При цьому користувачі можуть редагувати зображення.

Ось і все. Сподіваюся, тепер ви точно знаєте, як створити найкращий аватар.

Якщо ви хочете докладніше вивчити приклади аватарів, використані у пості, ви можете знайти їх тут та скопіювати собі у Figma.

Перекус на орбіті – сучасні та перспективні космічні раціони. Інтерв'ю з головним конструктором космічного харчування В. Добровольським

Чим харчуються космонавти? Як за 60 років пілотованих польотів змінилися підходи до космічного раціону та технологій його виробництва? Які дослідження ведуться, щоб у майбутньому забезпечити харчуванням космонавтів у довгострокових місіях?

Про це в інтерв'ю "Науковій Росії" розповідає доктор технічних наук, головний конструктор космічного харчування Віктор Францович Добровольський.

Віктор Францович Добровольський, доктор технічних наук, головний конструктор космічного харчування

Фото: Андрій Луфт / «Наукова Росія»

- У 2021 р. у Росії відзначили 60-річчя першого польоту людини у космос. Чим годували космонавтів на початку космічної ери, і що змінилося у підходах до раціонів від часу польоту Юрія Гагаріна?

- Коли у 1960–70-ті рр. постало питання про харчування космонавтів, не було достатньої інформації про умови перебування людини в космосі та її стан під час польоту.Тому перші розробки космічного харчування базувалися переважно на даних, які належали до умов польотів висотної та дальньої авіації. Про особливості харчування в космічних польотах судили і на основі дослідів, які проводили у модельних експериментах.

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

Досвід перших польотів на кораблях «Схід» та «Схід» дозволив визначити формулу харчування космонавтів, яка відповідає співвідношенню харчових речовин: білків, жирів та вуглеводів – 1:1:3. Ці дані стали вихідними розробки раціонів харчування для екіпажів транспортних кораблів «Союз» і орбітальної станції «Салют».

Через жорсткі вимоги до раціону харчування в перших польотах транспортного корабля «Союз» фахівці харчової промисловості почали розробляти м'ясні консерви та харчові концентрати з підвищеним вмістом сухих речовин.

Багато в чому асортимент продуктів на кораблях залежав від технічної оснащеності космічних апаратів: після встановлення нагрівачів їжі стало можливим підігрівати консерви, у тому числі другі страви, у банках та тубах. З появою штатної системи регенерації води з конденсату до раціону почали включати зневоднені другі страви та напої, які перед вживанням відновлювали водою.

Тоді було розроблено три типи однопорційних спеціальних пакетів: для перших страв, других страв та напоїв. Через спеціальний штуцер пакет наповнюється водою і протягом 10-15 хв. їжа відновлюється. Першу страву космонавт випиває з пакета, ложка не потрібна. Пакет для другої страви влаштований так, що з нього можна їсти ложкою. Напій теж випивають із пакета.

Консерви набридають, а космонавтам потрібна різноманітна їжа, наближена до земної. Тому дуже швидко харчова галузь розпочала розробку сублімованих продуктів.

Фото: Андрій Луфт / «Наукова Росія»

Фото: Андрій Луфт / «Наукова Росія»

Фото: Андрій Луфт / «Наукова Росія»

– Коли почали готувати сублімовану їжу для космонавтів?

- До субліматів перейшли наприкінці 70-х – на початку 80-х років. Зараз 60% всього обсягу їжі, яку відправляють космонавтам – це сублімати. Фактично, це та сама їжа, яку ми їмо вдома або в ресторанах, з такою ж консистенцією і набором поживних речовин.

При сублімації страва спочатку готується у звичайних умовах – це може бути і перша, і друга: гарніри, м'ясні та рибні страви. У спеціальному апараті продукт заморожується, потім створюється вакуум, і заморожена крига йде з продукту. Клітини не руйнуються і корисні елементи не залишають страву – сублімовані продукти зберігають 90% поживних речовин.

- Скільки зберігаються сублімовані продукти у космосі?

– Сьогодні сублімація дозволяє зберігати готові страви два роки. Але якщо говорити про перспективи космонавтики, то термін зберігання треба збільшити до трьох років, і ми сьогодні працюємо над цією проблемою.

- 60% всіх продуктів, що відправляють на орбіту, – це сублімати. А що входить у 40%, що залишилися?

- Окрім субліматів, ми відправляємо космонавтам консерви, напої, молочні страви, кондитерські вироби, а також свіжі плоди: овочі та фрукти. Ще в середині 1980-х років. у Радянському Союзі вчені розробили унікальну технологію, яка зберігає свіжість плодів протягом 30-40 днів без холодильників. Це цибуля, часник, яблука, апельсини, грейпфрути. За кордоном такої технології досі немає – там надсилають лише консервовані плоди.

Не можу розповісти про саму технологію обробки продуктів – це наше ноу-хау. Скажу тільки, що це рідкі речовини, в які занурюються плоди, після чого їх загортають у спеціальний папір.

Фото: Андрій Луфт / «Наукова Росія»

- Що сьогодні входить до раціону космонавтів і як складається це меню?

- Раціон космонавтів будується з прийомів їжі – сніданок, обід та вечеря.

На сніданок йдуть закусочні м'ясні чи рибні консерви – це маленькі стограмові баночки, а також сік, чай чи кава з кондитерськими виробами.

На обід обов'язково має бути перша страва з круп, свіжих або консервованих овочів: борщ, розсольник, суп-пюре, гороховий суп. На друге йдуть консервовані страви в банках по 250 г: м'ясо з овочевим або круп'яним гарніром, підсмажування, омлети – все, що завгодно. На десерт часто йде сублімований сир з наповненням – це може бути, наприклад, смородинове, обліпихове або журавлинне пюре. Космонавти дуже люблять сир із горіхами – його у нас постійно замовляють.

На вечерю теж йдуть закусочні консерви із яловичини, свинини, птиці чи риби. Чай, кава, кондитерські вироби, наприклад напівв'ялені фруктові палички.

Наразі у нас розроблено більше 300 продуктів, з яких комплектується раціон.За часів перших польотів раціон розроблявся на добу, потім на три доби, шість, вісім, дванадцять. Сьогодні у нас розроблені раціони на шістнадцять діб – це означає, що основні страви можуть повторитися лише через два з лишком тижні. Регулярно космонавти використовують соки, чай, каву, кондитерські вироби, хліб. Через великий асортимент продукти не приїдаються, а ми можемо пропонувати різноманітні варіанти.

Раціон космонавтів складається з двох частин: основної та додаткової. Основна частина - це 2000 ккал на добу, які космонавти повинні отримувати за медичними показаннями. У цій частині раціону враховано кількість необхідних білків, жирів та вуглеводів. Додатковий раціон входять продукти на 1000 ккал. Космонавти використовують його за бажанням, наприклад, щоб відновити сили після інтенсивного тренування і можуть самостійно формувати, замовляючи постачання.

Іноді у космонавтів змінюються смакові уподобання – це дуже індивідуально, смакові рецептори працюють по-різному. Один космонавт відчуває смак їжі, як на Землі, іншому солона їжа може здаватися несолоною, а солодка – несолодкою.

- Який вигляд має космічний хліб, чим він відрізняється від земного?

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

- Яким вимогам мають відповідати продукти, які надсилають космонавтам?

- Продукти мають бути мінімально можливої ​​маси та обсягу при збереженні біологічної цінності.Сублімація дозволяє знизити масу продуктів.

Продукти повинні зберігати вихідні харчові якості та бути безпечними навіть після тривалого зберігання за умов нерегульованих позитивних температур. Тобто продукт повинен зберігатися за температури від 20º до 30º, холодильників на МКС немає.

Простота приготування та прийому раціонів – теж важлива вимога. Продукти повинні містити обмежену кількість рідини та не кришитися.

Продукти для космонавтів готують лише із натуральної сировини. Ми не використовуємо жодних синтетичних добавок, стабілізаторів або загусників – тільки сировина найвищої якості. Кожне постачання контролює спеціальна лабораторія ФМБА – ми відправляємо туди зразки, які досліджують за хімічними та біологічними показниками.

Тому їжа космонавтів – це найдорожчий продукт. Добовий раціон на одного космонавта коштує в межах 35-40 тис. рублів: приблизно половина – це собівартість сировини та виробництво, а друга половина – дослідження якості та безпеки.

Фото: Андрій Луфт / «Наукова Росія»

-За 60 років, які люди літають у космос, виникали якісь нештатні ситуації, пов'язані із харчуванням космонавтів?

- Ніколи. За 60 років не було жодного випадку отруєння або щоб у когось виник дискомфорт у животі.

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

- До раціону космонавтів включені біологічно-активні добавки?

- Ні, БАДи в космічних раціонах не використовуються, всі необхідні для організму речовини вже містяться в приготовленому продукті та скомплектованому раціоні.

Космонавтам видається один драже полівітаміну на добу, але це не добавка, а біологічно активна речовина. Наш завод контролює Інститут медико-біологічних проблем РАН – їхні фахівці стежать, щоб у складі раціону були необхідні вітаміни.

Можливо, для міжпланетних польотів будуть розроблені спеціальні БАДи, але зараз ми не використовуємо нічого подібного.

- Які дослідження у галузі харчової промисловості спрямовані на перспективи космонавтики?

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

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

Окреме питання – формування раціону для тривалого космічного польоту. У 2000 р. я захистив докторську дисертацію з космічного харчування, і вже тоді обговорювалися раціони для довгострокових польотів – меню, яке зараз сформоване не підійде повною мірою для тривалих польотів.

Ми вважаємо, що політ має бути розмежований на основні етапи, яким відповідатиме певний раціон харчування.

На початку космічної місії йде адаптація – людина звикає до умов невагомості, обмеженого простору та нового нервово-психологічного стану. Це стосується їжі – повинен бути розроблений спеціальний раціон адаптаційного періоду, тривалість якого може залежати від тривалості польоту. Але як мінімум це півтора-два місяці, якщо говорити про польоти на Марс.

Приклад адаптаційного раціону з моєї дисертації. Перший сніданок – омлет із курячим м'ясом, хліб пшеничний здобний, яблука з горіхами, молоко, вітаміни драже. Другий сніданок - сир з пюре обліпихи, печиво «Російське», напій «Імпульс». Обід – суп-пюре овочевий, яловичина по-домашньому, хліб «Бородинський», палички з абрикосів, яблучний сік, вітаміни драже. Вечеря – м'ясо куряче з чорносливом, хліб пшеничний здобний, десерт плодово-ягідний, заспокійливий напій, курага. Це ті ж продукти, якими космонавти харчуються зараз, але вони сформовані в інші набори, щоб враховувати необхідний баланс поживних речовин на різних етапах польоту.

Наразі космонавти виходять у відкритий космос на 6-7 год. У майбутньому, можливо, виходи у відкритий космос збільшаться до 12-15 год. Потрібно скласти набір живлення космонавта перед виходом межі корабля. У моїй дисертації запропоновано набір таких продуктів.Крім того, при тривалому виході у відкритий космос у скафандрі мають бути продукти та напої, щоб під час 12-годинної роботи космонавт не голодував.

Після того, як космонавт адаптується до нових умов, а організм звикне до невагомості, можна буде вживати продукти з основного раціону - це меню, яке ми використовуємо зараз.

Останній етап настає перед поверненням Землю. Космонавт повинен багато тренуватися, щоб організм звик до нових навантажень після виходу з невагомості, а отже, відповідно харчуватися.

Кожен із цих раціонів повинен враховувати окремий баланс поживних речовин, який встановлюють фахівці. Розробка харчування цих етапах – дуже велика робота, якої треба займатися.

Зараз космічна їжа - це звичайні земні страви, але дуже якісні та корисні, без екзотичних продуктів та приправ. А російська космічна їжа – найкорисніша і найбезпечніша для здорового організму у світі.