Tento týden v designu: 12. září 2014
Nezbytnou součástí toho, co někoho spojuje s designem, jsou emoce a pocity. A to jsou dvě věci, které lze jen těžko předvídat, popsat a navrhnout. Za emocemi a pocitem je ale trochu věda a proč byste mohli reagovat určitým způsobem, a to je naše zaměření na tento týden v designu.
Každý týden se chystáme podívat na hlavní verze a aktualizace produktů, nástroje a triky a dokonce i některé z nejpopulárnějších věcí, o kterých mluvíte na sociálních médiích. A my bychom rádi slyšeli, co se děje ve vašem světě. Zmeškali jste něco? Zašlete mi řádek na [e-mail chráněn].
Jak se cítíte písma
Existuje věda typografie. Konkrétněji existuje věda o tom, jak vás mohou písma cítit. Další web má skvělý pohled na to, jak typ může ovlivnit vás a jaké designéry mohou udělat pro lepší typ dopadu v „Vědeckých fontech (a jak se cítíte).“
Rozdělení vědy je jednodušší, než si dokážete představit:
- Přemýšlejte o tom, jak čtete. (Je to přirozený vzor!)
- Přemýšlejte o tom, jak se cítíte správná písma. (Odpovídají tónu toho, co čtete.)
- Přemýšlejte o tom, jak se rozvržení cítíte. (Pokud jsou prvky umístěny způsobem, který nenarušuje tok textu, jste šťastnější.)
- Přemýšlejte o kulturních souvislostech s písmy. (Písmo může představovat nebo vám může pomoci v souvislosti s jinými objekty nebo předměty.)
Ale co s těmito informacemi můžete udělat? Jak jej můžete použít k návrhu s písmy, které se spojují s lepším pocitem? Pochopení typografie je místo, kde začít. Dobrým začátkem je znalost základních typů písma (patkové, bezpatkové, skriptové a dekorativní) a zásad čitelnosti a čitelnosti.
Ale můžete udělat i několik dalších věcí:
- Vyberte velikost písma větší než 12 bodů. "Mnoho návrhářů uvádí, že písmo 16pt je nové písmo 12pt."
- Buďte si vědomi délky vedení. Všimněte si, že ideální délka řádku pro webové stránky pro počítače se pohybuje mezi 50 a 75 znaky.
- Věnujte pozornost mezerám. Zajistěte, aby byl mezi řádky textu dostatek prostoru pro snadnější čtení.
Porozumění tvarům CSS
Tvar obrázku nebo bloku textu může způsobit, že se o něm něco cítíte. Tvar také poskytuje další informace o prvku, jeho použití a funkci v celkovém designu. Vytváření tvarů pro webové projekty však nebylo vždy snadné, zejména u složitých obrázků.
Tvary CSS vytvářejí řešení tohoto problému. „Většina webových stránek se drží jednoduché formy: přizpůsobení obsahu uvnitř obdélníků v jiných větších obdélnících, což je pro většinu uživatelů pravděpodobně mnohem nudnější než ohromující, “ píše Zack Rutherford pro časopis UX. „Tvary CSS na druhé straně umožňují větší volnost návrhářům, kteří chtějí zakrýt svůj obsah v rámci zajímavých a vizuálně atraktivních parametrů nebo kolem nich.“
Kdy ale ve svých projektech použít tvary CSS. Odpověď je v článku „Symetrie, velikost, rychlost a tvary CSS“.
Existuje docela přesvědčivý seznam důvodů, proč byste měli pracovat s tvary CSS kromě toho, že je to zábava.
- Novinka: „Schopnost měnit text tak, aby se vytlačil do stísněných prostorů, nebo se rozšířit do širších rozsahů, nabídne návrhářům větší volnost při sestavování jejich rozvržení.“
- Pokročilá kontrola uživatelských toků: Umožňuje tvarování obsahu na obrázky, zmenšení textového řádku po řádku nebo použití textu jako tvarů k zdůraznění dalších prvků stránky.
- Tvarování obsahu usnadňuje vizuální vyprávění: „Možnosti variability, jakmile vykopete myšlenku zděné struktury pro váš psaný obsah, jsou ohromující.“
- Symetrie, velikost a rychlost: „Tvary CSS lze použít k udržování tvaru vašeho obsahu bez ohledu na výřez, což je univerzálně symetrické, nemluvě o RWD.“
Návrh písma
Vytváření písem není tak jednoduché, jako jen načrtnout několik písmen na ubrousek. Vývoj písem a písma je vícestupňový proces, ke kterému se musíte zavázat. Ale i bez mnoha zkušeností můžete přepravit své vlastní písmo.
Typový designér Tyler Finck nedávno dal dohromady 18minutové video méně a článek pro Creative Market, který vás provede celým procesem. „Jak vytvořit písmo“ je pěkný pohled na vytvoření něčeho vlastního (pro tento tutoriál však musíte mít Mac).
A zatímco to dokáže téměř kdokoli, musíte být připraveni na trochu trpělivosti a obětavosti. Vytvoření písma není tak snadné jako 1-2-3.
"Vytváření dobrého a použitelného písma bude vyžadovat praxi a spoustu hodin, " řekl Finck v článku. "Není to těžké, pokud to děláte rádi a je pravděpodobné, že hned víte, jestli je to něco, co rádi děláte." Pravděpodobně provedete revize, případně začleníte zpětnou vazbu od ostatních uživatelů, otestujete za různých okolností (různé aplikace / tisk / web) a další. “
Pokud vytvoření vlastního písma možná není váš šálek čaje, zvažte stažení jedné z Finckových výtvorů. Od roku 2005 je profesionálním designérem a na Creative Marketu měl k dispozici několik typů písma.
Jen tak pro zábavu
Nakonec vizuální znázornění toho, jaké programovací jazyky se cítí. (A velmi přesný v tom, pro mě.)
Bjorn Tipling pumlal a nakreslil fond malou posloupnost v „If Programming languages Weapons.“ Příspěvek prochází každým programovacím jazykem a jak souvisí. Srovnání jsou velmi chytrá a relativní.
"C ++ je sada nunchuků, mocných a působivých, když je ovládána, ale zvládnutí trvá mnoho let bolesti a často si pravděpodobně budete přát, abyste použili něco jiného, " píše. Dále: „JavaScript je meč bez rukojeti.“
Nezapomeňte si přečíst. Je to spousta legrace a může to být dokonce i velké pozdní odpoledne pick-me.
