6 tipů pro navrhování pomocí čar
Dnes se podíváme na jeden z nejjednodušších možných konstrukčních prvků: čáru. Naučíme se, jak řádně ovládat vedení, a také tomu, čemu se při implementaci vyhnout.
Přidání několika jednoduchých čar do návrhu může přinést strukturu a grafický nádech jinak nudnému designu. Je to mrtvý jednoduchý trik, který, pokud se používá efektivně, má za následek přidání vrstvy dokončit svůj design.
Prozkoumejte prvky Envato
# 1: Použijte podtržení
Začneme nejzákladnějším trikem v typografické knize: podtržení. Podtržený titulek je těžší a poskytuje přesnější oddělení mezi záhlavím a tělem. Mějte na paměti, že se jedná o nutně pozitivní nebo negativní atributy, ale jsou neutrální; musíte se rozhodnout, kdy je jejich přítomnost dobrá nebo špatná na základě vzhledu, který hledáte.
Všimněte si, jak čára funguje nejen jako oddělovač mezi dvěma prvky, ale také pomáhá definovat šířku sloupce.
Jedna věc, která mě obtěžuje podtržením, je vizuální nepořádek vytvořený, když máte písmena obsahující descender, který spadne do řádku. Proti tomu neexistuje žádné oficiální pravidlo, ale zjišťuji, že je to příliš rušivé a vede diváka ke všem špatným místům.
Jak tedy vyřešíme tento problém? Nejjednodušší možností je samozřejmě vyhnout se používání descenderu a podtržení společně, ale to je pro můj vkus příliš omezující. Místo toho to, co obvykle dělám, je vytvořit podtržení ručně nakreslením čáry (na rozdíl od pouhého klepnutí na tlačítko podtržení), pak zakrýt části čáry, které narazí do mých potomků.
Jak vidíte ve výše uvedeném příkladu, je to mnohem hezčí než v předchozím příkladu a obsahuje mnohem méně vizuální složitosti. Pokud se vám po kousku „g“ nelíbí ten kousek uvízlé čáry, můžete podtržení jednoduše zastavit na posledním sestupu (platí pouze v případě, že poslední dopis obsahuje sestup).
Rozšiřte to
Mějte na paměti, že podtržení nemusí odpovídat šířce textu. Někdy je zajímavé prohlášení rozšířit podtržení až na celou stránku nebo dokonce mimo ni.
Pokud podtržení prodloužíte, přemýšlejte o způsobech, jak se můžete bavit s řádkem v negativním prostoru. Můžete mu dát nějaké turbulence, ohnout je do tvaru, cokoli chcete!
Návrhář níže ukončil prodloužené podtržení a uzavřel tečkou. Díky tomu je cítit připojen k jakémukoli obsahu na pravé straně a přidává nějaký pěkný, ale jemný zájem na holý řádek.
# 2: Break Up the Line
Nespadejte do pasti, kdy jste vždy kreslili plnou čáru. Můžete použít pomlčky, tečky, trojúhelníky, hvězdy a cokoli jiného, na co si vzpomenete, a vytvořte požadovanou čáru a stále dosahuje stejného cíle.
Podívejte se, jak tento návrhář použil tečkované prádlo, které je zarovnáno se středem nadpisu, k vytvoření jasné části. Přestože je zde text zarovnán na střed, je návrh zdánlivě oprávněný, protože čáry funkčně rozšiřují vizuální hranice nadpisu na levý a pravý okraj sloupce.
# 3: Doprovodný typ
Pokud hledáte formální téma, opakování podtržení v horní části nadpisu může vytvořit pocit tisku ve starém stylu. Když vidím tento styl, vždycky přemýšlím o hlavičce novin.
Pokud chcete snížit pocit formality, rozložte linie různými způsoby, aby to vypadalo méně strukturovaně. To je také užitečný efekt pro vytvoření pocitu pohybu na statické stránce.
# 4: Go Vertical
Doposud jsme se zaměřovali na vodorovné čáry, ale svislé čáry lze použít k vložení nějakého opravdu kreativního grafického zájmu do návrhu. Níže uvedený designér zveličoval svislé čáry v písmu bez skutečného důvodu kromě toho, že vypadá docela skvěle a vytváří pěkné, soudržné téma, na kterém lze stavět na zbývající části stránky.
Trochu tradičnějším použitím svislé čáry by samozřejmě bylo jednoduše oddělit dva sloupce obsahu. To lze použít ve spojení s typem nebo obrázky a umožňuje vám vložit mezi sloupy mnoho prostoru, aniž byste museli mít nepříjemné mezery.
# 5: Go Diagonal
Pokud opravdu chcete, aby vaše stránka vypadala šíleně, nakloňte svůj obsah šikmo. To obvykle dává dojem mladého, vzrušujícího designu, který porušuje pravidla a posouvá hranice.
Naklonění vašeho obsahu může vypadat trochu náhodně, ale prodloužení linií v kresbě mu pomůže vypadat úmyslně a skutečně tlačí efekt. Nenechte se stydět, opravdu otáčet rotací a natahovat tyto řádky natolik, aby bylo možné učinit prohlášení.
Diagonální efekt je obzvláště velký u retro-inspirovaných návrhů, jako je ten výše.
# 6: Go Nuts
Tady bych ti měl říct, abys to bral snadno. Jeden nebo dva jednoduché řádky mohou přidat váš design hodně a příliš daleko s efektem může absolutně zabít vaši estetickou přitažlivost. V pravých rukou však kombinace výše uvedených tipů může vést k opravdu ostrému finálnímu produktu.
Níže uvedený design od Davida Fookse používá tunu liniové práce. V této malé oblasti kombinuje tečkované čáry, plné čáry, přímé čáry, zakřivené čáry, ohraničení a dokonce i čáry s diamantem. Celkový efekt není přeplněný nebo ošklivý, ale místo toho je docela elegantní a krásný!
Moje rada je jednoduše postupovat opatrně. Stejně jako jakýkoli designový prvek mohou být linky použity pro dobro nebo zlo. Pokud je to nutné, používejte omezení a vždy se podívejte na svůj design s přidanými řádky a bez nich, abyste se ujistili, že skutečně přidáváte hodnotu návrhu.
Inspirace
Podívejte se na tato skvělá použití čárových kreseb ve webdesignu a získejte nějaké nápady, jak je začlenit do dalšího návrhu.
CarbonAds
Pro záznam
Evan Eckard
Cool a průvodce
Zloděj ananasu
DesignSwap
Obytný vůz
Závěr
Účelem této diskuse bylo povzbudit vás, abyste se znovu podívali na našeho starého přítele a pečlivě zvážili, kde můžete pomocí linek posílit své návrhy esteticky, strukturálně nebo obojí.
Pokud máte design, který silně využívá jednoduché linky, zanechte komentář níže s odkazem, abychom to mohli zkontrolovat! Také nám dejte vědět, co si myslíte o výše uvedených příkladech.
