Design Trend: Obtered Text

Některé webové stránky vypadají skvěle, i když vzdorují konvenční moudrosti nebo principům teorie designu. Novým trendem designu je představit tuto myšlenku s prvky, které zakrývají nebo znemožňují část textu v designu.

Je to zajímavý trend, protože jde proti všemu, o čem běžně mluvíme s designem - že musí být čitelný, aby se s uživateli rychle spojil.

Netřeba dodávat, že se může jednat o obtížnou techniku ​​účinného vytržení, ale návrhy jsou nápadné a působivé, když se to povede dobře. Zde je rozpis trendu a několik nápadů, jak to zkusit sami.

Prozkoumejte zdroje návrhu

Jednoduchá překážka

Pokud je text zahrnut v designu, pak všechno ostatní musí být vizuálně velmi jednoduché, aby se uživatel neztratil v příliš mnoha efektech.

V každém citlivém bodu přerušení není text více zakrytý než jakýkoli jiný.

Root Studio to dělá skvělou práci s prvním dojmem, který upoutá pozornost barvou a jednoduchou animovanou žirafou, která pokrývá část nadměrného písma. Trik je v tom, že i když jsou některá písmena zablokována, není pochyb o tom, co je slovo na obrazovce. Dopisy jsou stále čitelné díky velikosti, jednoduchosti řezu a umístění překážkového prvku.

Designový tým věnoval zvláštní pozornost textové překážce, aby byla zachována integrita „ROOT“, což je značka tohoto konkrétního webu. V každém citlivém bodu přerušení není text více zakrytý než jakýkoli jiný. (V tomto případě mnoho z těchto návrhů chybí. Vypadají skvěle na rozlišení plochy, ale text je příliš omezený, aby byl čitelný na menších obrazovkách.)

Trojrozměrné vrstvy

Přidání trojrozměrného vrstveného efektu může pomoci prvkům vyskočit z obrazovky, takže uživatelé se téměř cítí, jako by se jich mohli dotknout. V některých případech může jako prvek pozadí sloužit text.

Jen se ujistěte, že vrstva v horní části textu nepokrývá příliš mnoho slova (nebo slov). A vždy je důležité zajistit, aby textové překážky nevedly k nežádoucím slovům kvůli umístění dalších prvků.

Simply Chocolate používá tento efekt vrstvení dobře. Funguje to hlavně kvůli kombinaci nadrozměrných písmen, která používají obyčejná slova tučným písmem a horní prvek, který není opravdu velký a obsahuje přesně stejná slova, která jsou zakrytá prvkem cukroví.

Toto ošetření způsobuje, že velká písmena v pozadí jsou spíše grafickým prvkem než čitelným, čímž vytváří svěží kontrast a vynikající efekt vrstvení. (Možná se ocitnete při procházení všemi různými bonbóny, abyste viděli, jak vytvářejí efekt různými způsoby.)

Zapomeňte na pravidla vesmíru

Někdy textové překážky ve skutečnosti nezakrývají písmena, ale zasahují do jejich prostoru.

Je to jedno z těch pravidel, které North Street porušuje bez toho, aby byl pocit designu zaplněný nebo nesouvislý. Popis společnosti naráží přímo proti svislému pravému středu obrazovky (zbytek návrhu používá tento dělič pro estetiku split obrazovky).

Pokud někdo řekl, že tuto léčbu použijí, pravděpodobně byste se je pokusili přesvědčit jinak, ale tady to funguje. Vizuální kompozice je tak lehká - díky velkému množství bílého prostoru - a volby písma jsou dostatečně odvážné, že odlehčená šedá čára téměř padne do pozadí, i když se dostane do prostoru, který by měl být vyhrazen pro text.

Druhá šedá čára dále rozděluje text v navigaci, ale většina uživatelů si tuto překážku pravděpodobně ani nevšimne.

Pouze pro velké nápisy

Při pohledu na všechny příklady zde si pravděpodobně všimnete společného tématu. Všechny překážky jsou poměrně velké a používají jednoduché písmo.

Malé písmo vám obvykle neposkytne dostatek prostoru k pokrytí části textu způsobem, který se zdá být účelný. Pokud plánujete design s textovou překážkou, měl by být úmyslný a mít smysl.

Složité skripty novostních stylů jsou jen velmi obtížně čitelné s prvkem nahoře.

Zakrývání malých nápisů je neuvěřitelně obtížné, pokud jde o účelný design a čitelnost. Proto je tato technika spárována s nadměrnou typografií.

Tato velká, často bezpatková písma jsou snadno čitelná na první pohled a často mají střední šířku tahu a velké misky a pulty, díky nimž jsou prvky vrstvení praktičtější. K tomu, aby tento koncept fungoval, potřebujete písmena s tvary, které se tomuto konceptu hodí. Tenké nebo zhuštěné styly často nefungují a komplikované skripty novostních stylů jsou jen velmi obtížně čitelné s prvkem nahoře.

Prvky s malým kontrastem

Někdy textová překážka není prvkem, který je na vrcholu textu; je to vztah mezi textovým prvkem a tím, co jej obklopuje. Nedostatečný kontrast mezi textem a prvky na pozadí může mít za následek také překážku v textu.

Opět platí, že to může být obtížné pojmout efektivně. Text, který existuje, může být čten. Nedostatek kontrastu to může ztížit.

Při spárování s vysoce čitelným textem jsou textové prvky s nízkým kontrastem jemné připomínky na obrazovce. Tyto prvky budou čteny po dalších vyšších kontrastních prvcích.

V návrhu pro společnost Anew výše je popis podnikání důležitější než název značky. To je to, co design říká uživatelům kvůli typové léčbě. Jsou to klíčová slova „střecha + zkušební kuchyně“, která jsou snadno viditelná a čitelná. Název „Anew“ se objeví pod značkou s nízkým kontrastem. Oko je stále přitahováno kvůli velkému logu, ale není to hlavní ohnisko, pokud jde o čtení a shromažďování informací.

Část důvodu, proč toto ošetření pracuje v tomto prostoru, je kvůli obsahu návrhu. Přemýšlejte o symbióze mezi slovem „Anew“ a jasně bílými talíři. Je to svěží, odlišné a lákavé.

Závěr

Zakázané návrhy textu jsou stále populárnější. Není to tak dávno, co by bylo těžké najít něco s tímto stylem online. (Tiskové návrhy ji používaly důsledněji, protože se designéři nemuseli starat o citlivé body přerušení.)

Při vytváření něčeho s textem, který není plně viditelný, buďte opatrní. Ujistěte se, že slova stále říkají (a znamenají) to, co máte v úmyslu. Máte-li jakékoli pochybnosti o tom, jak bude návrh vnímán, nebo si jej přečtěte, při používání omezeného textu zvažte další možnost. Nikdy nechcete, aby byl váš návrh pro uživatele obtížný.