10 правила за използване на шрифтове във виртуална реалност

На десктоп текстът е най-важната част от съдържанието. Както знаете съдържанието е цар. Но нека бъдем честни, шрифтовете не са проектирани да живеят в триизмерно пространство. Поради ситуация, много VR дизайнери и разработчици продължават да използват текстове във виртуални сцени. Бих гласувал, за да не използвам никакво текстово съдържание изобщо, но за съжаление е невъзможно. Затова направих някои изследвания, за да разбера основни правила за използване на шрифтове във виртуална реалност.

размер

Бих искал да започна с размер на шрифт. С настоящия хардуер и особено с разделителни способности на екраните той е изключително важен.
За съжаление, обичайните показатели като пиксели и ems не работят в 3d пространство. За определяне на размер на обект в 3d се използва възприеманият размер, който се измерва в градуси.
Да, изглежда странно. Но тъй като знаем оптимален размер на шрифта за мобилни устройства и средното разстояние на екрана на телефона от очите, ние сме в състояние да преброим препоръчителния възприет размер. Така че, нека направим някои изчисления. Можете да пропуснете тази част и да превъртите малко надолу, за да получите обобщението.

Да вземем оптималния размер от 16 пиксела за мобилен дизайн. За този случай ще взема телефона на Google Pixel като пример. Този телефон има екрана с резолюция 441 пиксела на инч и с плътност xxdpi 2.6 начална. Така 16 пиксела ще имат 41,6 пиксела на реален екран и 0,093 инча или приблизително 0,24 см физически размер. За да получите възприеман размер, ще използвам 25 см като средно разстояние от очи до екран.
Степента на възприемания размер на 16 px шрифта на мобилния телефон се оценява до 0,55 °.
Нека да разберем какъв трябва да е размерът на текста в VR, когато ще бъде поставен на 1 метър от наблюдател с 0,55 ° възприеман размер. Съществува страхотният прост калкулатор, който помага да се направят подобни оценки много лесно (sizecalc.com)
В него се казва, че шрифтът трябва да е с височина 0,96 см. Не мисля, че ще мога да чета един см шрифт от разстояние 1 метър толкова лесно, колкото 16 px шрифт от телефон.
Но има и друг проблем. Колко подробно ще бъде такъв шрифт на екрана на мобилен телефон, когато наблюдател използва картонени очила? Също така е лесно да се брои Тъй като зрителното поле на слушалките на дневната е 90 °. Pixel телефонът има екрана с ширина 1080 пиксела. Това означава, че за една степен има само 12 пиксела. А за нашия текст, който заема само 0,55 ° от възприетия изглед, са само 6,6 пиксела. Какво определено дори не е достатъчно близо.
Нека преминем от друга страна и да кажем, че за четливост на 16 пиксела шрифтът трябва да има размер най-малко 16 пиксела. Както знаем в една степен на възприемане изглед са 12 пиксела.
Какво означава, че шрифтът с размер на 16 физически пиксела в дневната слушалка ще възприема размер от 1.33 °. И ако искате да поставите този шрифт в VR сцена на разстояние 1 метър от наблюдател, този шрифт трябва да е с височина 2.32 см.
Това вече трябва да е наред. Преди да правите тестове, пребройте какъв трябва да е размерът на шрифта във виртуална реалност, който ще използва всички 41.6 физически пиксела на екрана на мобилния телефон. Този размер има възприемания размер от 3,46 °. И поставен в 1 метър текст трябва да е 6,04 см височина.

Ето как ще изглеждат 3 вида шрифтове в VR:
Отляво: 6,6 пиксела на мобилен екран, 0,55 ° възприема изглед, 0,96 см височина на 1 метър
Отпред: 16px на мобилен екран, 1.33 ° от възприемания изглед, 2.32см височина на 1 метър
Вдясно: 41,6 пиксела на мобилен екран, 3,46 ° от възприемания изглед, 6,04 см височина на 1 метър

Опитайте тази VR сцена
1) Минималният размер за четене на шрифта в VR е 1.33o или височина 2.32cm на разстоянието от един метър. Препоръчителен размер на шрифта е 3.45o или височина 6.04cm на разстоянието от един метър.

Позиция в пространството

Позицията и въртенето са уникални характеристики за VR шрифтове. И това е изключително важно. За предишния пример взехме случая, когато шрифтът е на нивото на очите и казахме, че е точно 1 m. Но ако потребителят ще се движи за любител на половин метър или по-високо, ще получим 1,12 метра разстояние. Това, което определено не подобрява четенето. Така че докато поставяме шрифтове в 3d пространство, трябва да помним, че това ще бъде приблизително на нивото на очите на потребителите. С 3 dof слушалки е по-лесно да се достигне, тъй като позицията на зрителя е фиксирана и дефинирана предварително. Например за A-Frame по подразбиране е 1.6 m. Но с преживяванията в стайни мащаби е малко сложно, тъй като измерва реалната височина на потребителя. Вземете средната височина от 1,6 метра е добре. В случай, че искаме да поставим шрифта по-ниско, можем да го завъртим в пространството, за да получим същото перпендикулярно разстояние. Например шрифтът, поставен на 75 см по-ниско от нивото на очите на потребителя и 75 см далеч от потребителя, завъртян на 45 °, ще бъде от очите на потребителя също на 1 метър.

2) Шрифтът трябва да е обърнат перпендикулярно на наблюдателя.

Има два примера за поставяне на съдържание.
1. На плоската повърхност:

Опитайте тази VR сцена

2. Завърта се около наблюдател:

Опитайте тази VR сцена

Дължина на линията

Както знаем 50–75 за десктоп и 30–40 за мобилни устройства са за предпочитане дължината на линията. Също така, VR разделителната способност на екраните и самоосъзнаването на потребителя е по-лошо, което ще направи способността да се поддържа по-лоша линия. Но за да разберем предпочитаните опции, нека разгледаме примери. Лесно се добива представа, че във виртуалната реалност дължината на реда трябва да зависи от размера на самия шрифт, тъй като дори 60 букви с размер 3.45 ° вече са твърде дълги.

Опитайте тази VR сцена
3) Дължината на линията в VR трябва да бъде около 20-40 символа на ред. При по-голям шрифт линията трябва да е по-къса.

шрифтове

Ако хората все още спорят е серифно добре или не за десктоп, за VR определено по-добре избягвайте използването на шрифтове с щрихи. И всеки друг хубав шрифт с декоративни функции. Идеалният шрифт е sans с каскадни форми, като Exo 2 например. Изключение правят големите заглавия.
Тъй като получаваме повече от минимално необходимото количество пиксели, можем да експериментираме малко със стилове и шрифтове. Но не повече от изискваното от атмосфера на VR сцена.

Опитайте тази VR сцена
4) Във VR по-добре работят шрифтове.

тегло

С такава ниска разделителна способност по-добре избягвайте тънките и леки шрифтове. Редовна и смела работа добре. Също така по-добре използвайте внимателно черните стилове. Теглото е малко по-лош вариант да добавите контраст към различни видове съдържание. За този случай по-добре коригирайте размера.

Опитайте тази VR сцена
5) Шрифтовете в VR трябва да са по-смели, отколкото на екраните.

Височина на линията

На работния плот добра идея е да спазвате разстоянията между 1,2 и 1,5. При VR работи същия подход. Зависи и от дължината на линията. Но тъй като в VR за наблюдател е по-сложно да се съсредоточи, бих препоръчал да преместите този прозорец на 1–1.3. И разбира се, по-добре избягвайте да минимизирате разстоянието по-малко от 1.

Опитайте тази VR сцена
6) Височината на линията за шрифт на VR трябва да бъде около 1–1,5.

Подравняване

При подравняване на десктоп и мобилен център не е за предпочитане и правилното подравняване е не-не (разбира се, ако не е арабски език). Но в VR всяко подравняване е добро, то е разумно и обяснено. Например, ако това е пояснение за възражение, то може да бъде поставено почти от всяка страна. Например, би изглеждало странно, ако левият подравнен текст ще се отнася до обект, който е поставен от дясната страна.

Опитайте тази VR сцена
7) Настройката на шрифтовете във виртуална реалност зависи от контекста.

Цвят и контраст

Като цяло това е очевидно. При цялата тази каша всеки допълнителен контраст е по-добър.
Хората казват, че в настолния потребителски интерфейс на бял фон е по-добре да не използвате чисто черен цвят за текстове. Тъмно сивото подобрява четимостта и изглежда по-малко контрастно. Не мисля, че и в VR ще работи Лошата разделителна способност и лошият фокус на наблюдателя правят такива подробности незабележими.

Опитайте тази VR сцена
8) Уверете се, че шрифтовете имат достатъчен цветен контраст в VR.

Анимация

Това е интересно. На работния плот мигането и преместването на текст е абсолютно забранено. Но в VR трябва да бъде не само позволено, но дори да се популяризира като начин да се насочи вниманието на потребителите. Разбира се, трябва да има някои ограничения. Етикетът не трябва да отвлича вниманието, но малкият размах или какъвто и да е друг прост анимационен шанс да се покачат, потребителят ще забележи този текст.

Опитайте тази VR сцена
9) Шрифтът за привличане на вниманието на потребителя може да бъде анимиран в VR.

мерки

Това лесно заслужава отделна статия. За сега нека имаме предвид, че някои концепции, създадени с години на работния плот, не работят в VR, например синя връзка. Също така нещата, които са се преместили в потребителския интерфейс от физическия свят, могат да бъдат полезни и в VR, като бутони.

Опитайте тази VR сцена
10) Трябва лесно да се определи кога текстът е възможен за действие.

Чувствам, че това изследване повдигна повече въпроси, които дадоха отговори. Но определено е доброто начало на дискусия.

Ето сцената с портали към всички тествани VR сцени

Тъй като шрифтовете не са адаптирани за 3D пространство, по-добре се опитайте да избягвате използването им. В случай, когато това е невъзможно, трябва да обърнем повече внимание на начина, по който се използват и да сме сигурни, че потребителят може да ги чете.

И най-важното: продължавайте да тествате.

Ако разберете други правила, не се колебайте да оставите коментар или да се свържете с мен в Twitter.

Ако сте намерили тази статия за полезна, натиснете този бутон по-долу , за да помогнете на другите да я намерят!