Není návrh nového designu?
Ach, vzpomínám si na dny dobře ... když všechno bylo lesklý, stínově stínovaný sklon, s nejméně 6 kliparty a stock photo 5 slavných kancelářských dělníků. Milovali jsme obrázky klávesnic s nesmyslnými knoflíky a 3D-efektní lidé drželi lesklé symboly.
A co se stalo? Přijel iOS 7. Nástroj pro gradienty na našich Photoshops začal sbírat prach a vymažeme naši rozsáhlou knihovnu fotografických fotografií.
Design bytu převzala v roce 2013 . Všechno potřebovalo být jasné, kreslené a samozřejmě ploché. Stejně jako ten plochý design byl reakcí na skejomorfismus, začínáme vidět, že to všechno jde úplně jinak.
Takže, jaká je nová chuť roku? Jsem rád, že jste se zeptali: weby, které vypadají jako stránka ke stažení open source softwarové společnosti, která se koncem 90. let zastavila.
Toto bylo zdokumentováno Brutalistické weby , který získal trakci a získal pokrytí Washington Post a Fast Co jmenovat pár. Ale určitě jsou to jen webové stránky od náročných návrhových agentur a experimentálních umělců? V brutalistických webových prezentacích je to většinou pravda, ale začneme vidět tento estetický únik do hlavního proudu. Pěkný! Nemůžeme se podívat na elegantní plochý design pro zbytek našich dnů, můžeme?
Osobně se mi líbí tento trend. Nejsem nejostřejší webový designér, a ani nechci použít zkrácenou kostru - všechno, co dokážu dohromady, je to nejlepší, co mohu udělat.
Zvykl jsem trávit čas čistit internet na zastaralý web design, potěšující neohrabaný Times New Roman a nepříjemné rámce. Pravděpodobně proto, že mi připomínala jednodušší čas, kdy se lidé nazývali webmastery a všechno bylo trvale "Under Construction".
Ale snaží se učit web design od začátku namísto přijetí tématu WP nebo CSS, vždycky jsem se příliš styděl, abych vytvořil jednoduché, ošklivé webové stránky svých snů. "Jaký by to byl důvod?", Pomyslel jsem si. Ukázat to by mě vyvedlo směšně. Nemůžu ho použít jako portfolio pro cokoliv, aniž by to vypadalo jako nepořádek.
Když jsem viděl webové stránky CSS-light bez jakéhokoli JavaScriptu, nedalo mi to jistotu, že místo toho musím přestat pracovat na stránkách jiných lidí.
Když jsem se podíval na výběr nových minimalistických míst, všiml jsem si několika klíčových témat, která se zdají být chována jejich krásně ošklivé hlavy.
Černobílý
Monochromatický design dělá přesně to, co by měl dobrý design udělat: upozorňuje na obsah.
Žádný Fancy CSS
Pamatujete na dobré staré dny? Když každý vlastnil web a měl něco prokázat? Přístup bez (nebo málo) CSS přináší ty dny a osobně mě dělá extrémně nostalgický pro jednodušší časy, kdy by webové stránky mohly být jen krátkou biografií a sbírkou odkazů.
Šikmý / překrývající se text
Skloněný text uživateli trochu odhodí a ne úžasným způsobem . Místo toho je to něco, co uživatel není zvyklý vidět, takže to dělá silný dojem.
Podívejte se na experimentální umístění textu, které Loïc používá jeho webové stránky . Celková nerespektování čitelnosti dává návštěvníkům pocit supermoderního obchodu, který nemá cenové značky. Je to tak neinformující (a v tomto případě i odlehlé), že je to neocenitelné.
Malé ohledy na váhu nebo polstrování
Bloomberg čím se dost experimentuje v těchto dnech a miluji to. Představte si pokusy a soužení, které musel projektant projít, aby získal to, co bylo schváleno velkým šéfem.
Důvodem je to, že je to tak úplně jiné. Nepřihlíží k tvrdým pravidlům návrhu: ponechává dostatek prostoru mezi prvky, udržuje věci v podobném měřítku a dokonce zajišťuje, aby bylo vše na všech zařízeních čitelné.
Odkazy na starší tech
Mnoho z nás bude mít krásné vzpomínky na operační systémy Windows 98 nebo staré operační systémy Mac. Některé webové stránky vnášejí pocit nostalgie - a možná i humor - tím, že odkazují na starý software. Koneckonců, spousta brutalismu webového designu pochází z "starých časů".
Podívejte se na tento příklad z Odeslat HTML (tyto složky obsahují experimentální umění).
Co to znamená pro návrháře
My jsme si mysleli, že to je plochost = jednoduchost, ale samozřejmě stále potřebuje tunu designové práce, aby to bylo správné.
S brutalistickou estetikou přicházející do popředí budou muset návrháři od nuly spoléhat na tradiční CSS rámce a kódy stránek.
Zdá se však, že to nejsou podniky, které tento trend využívají na svých stránkách. Brutalistický design - vedle Bloombergu a některé další větší jména - se nyní právě omezuje na designové agentury, experimentální stránky a osobní blogy.
Pokud chcete vytvořit svůj vlastní brutalistický web, je zde několik odkazů ...
Odstraňte CSS z vašeho aktuálního webu
Zatímco některé stránky se silně spoléhají na CSS pro horizontální polohování, je možné, že některé styly odtrhnou od některých stránek a stále je zobrazují "správně". Zde je příklad:
Pokud vaše stránky spoléhají na okázalé animace, JavaScript nebo fantazijní CSS, bude pravděpodobně potřebovat rekonstrukci, pokud chcete tento styl přijmout. Ve skutečnosti jsem proto, že jsem ztratil WordPress, protože jsem nemohl najít téma, které by vyhovovalo mému vize. Nakonec jsem vlastně skončil učení HTML / CSS úpravou staré šablony od počátku dvacátých let. Poté jsem cítil jistotu, že půjdu dál a začnu znovu, píšu svou vlastní neuspořádanou CSS a dělám to co nejdále od leštěného "moderního" místa.
Vyrežte zpět na monochrom
Někdy brutalistický design znamená jednoduchý design. A to je vždy skvělé pro zkušenosti uživatelů. Řezání vaší aktuální palety barev pouze na 2 barvy (technicky černé a jiné bílé) může pomoci snížit přetížení uživatele a dát jim jasnější směr, kam jít. Koneckonců v oblasti textu nevidíte stránky s množstvím různých barev, protože je těžké se soustředit.
Vytvořte si kreativitu s umístěním textu
Kdo říkal, že musíš mít všechno v pořádku? Webová stránka společnosti Loïc Dupasquier je například odvážný výrok, který říká něco o návrháři. Podívejte se přesně stejně jako každý jiný možný nájem není dobrý pohled.
Pokud nejste nejslavnější designér v tomto oboru, budete vždycky druhý nejlepší. Odstraňováním tradičních "pravidel" o typografii vystupujete z davu.
Znovu se naučíte základy a staré způsoby
Pro mě to nebyla záležitost přizpůsobení návrhu nebo dovednosti nové mentalitě. Naučila jsem se základy návrhu webových stránek zpátky, když stránky skutečně vypadaly jako ty, které jsem vám ukázal, a tak musím pouze udělat rychlou obnovu a dostat se do práce.
Doporučil bych, abyste zkontrolovali zdrojový kód na starých stránkách a ty, které jsou uvedeny na webových stránkách Brutalist, staré HTML návody , nebo tento zlatý důl který obsahuje seznam nejčasnějších webů, které jsou stále naživu.
Kde tento styl funguje dobře (a kde to není)
Nakonec, webová stránka je vždy rovnováha mezi sebevyjádřením a vytvářením nejlepších zkušeností pro vaše uživatele.
Na blogu je asi nejlepší se soustředit na to, aby se tělo textu snadno strávilo. Budete si všimnout, že zatímco Bloombergova skladba na Yahoo začíná být docela divná, hlavní text textu je snadno čitelný.
Takže když budujete blog, je lepší se držet konvencí pro tělo článku. Například, WIRED Design je zcela odlišný, ale pokud jde o články samotné, používají příjemné písmo a udržují jej čitelnou.
Pro designéra, který pracuje většinou s plynulými korporacemi, by experimentální portfolio mohlo klienta vyřadit z nejdůležitějšího okamžiku - prvního kontaktu.
Nakonec jde o to, že znáte své publikum a zda se můžete dostat pryč zcela ignorovat konvence.
Vyjděte a udělejte něco nechutně brilantního.