Základní trendy ve vývoji, červen 2016
Návrháři mění pravidla pro návrh webových stránek díky kreativnímu řešení problémů. Automatické přehrávání zvuku, míchání reálných a ilustrovaných obrázků a dokonce i vrstvení loga na vrcholu fotografií jsou některé z nejžhavějších designových technik právě teď a všechny tři pojmy byly považovány za tabu ne tak dávno.
Zde je to, co je v tomto měsíci trendem:
1. Automatické přehrávání zvuku
Ne tak dlouho, pravidlem nebylo zahrnout zvuk na vaše webové stránky, pokud to nebylo nepovinné. A určitě byste nechodili do cesty automatického přehrávání.
Tyhle stoly se otočily! To, co bývalo šílenou šířkou pásma, zneklidňující konstrukční rysy se stává docela obvyklým.
Zvuk je používán zejména pro několik různých typů webových stránek - pro mediální obsah, jako je hudba, filmy nebo zprávy a pro hry nebo dejové návrhy. Trik k použití zvuku spočívá v tom, že musí obsahovat tlačítko zapnutí / vypnutí pro uživatele, kteří chtějí v klidu komunikovat s webovými stránkami.
Zvuk je, že uživatelům by nemělo být šok. Mnoho stránek, jako například To byl Louiseův telefon , které používají zvuk automatického přehrávání, používají vyrovnávací paměť pro zobrazení toho, že se načítá zvuk. Kombinujte tuto operaci zatížení s přepínačem a uživatelé mohou určit, zda je zvuk pro ně nebo ne, než začne první hluk.
Dalším trikem, pokud jde o používání zvuku, je začátek měkce. Nechcete, aby uživatelé vyskakovali ze svých židlí, protože se váš design otvírá těžkým kovem. Celý zvuk se zvětšuje z téměř šepotu na plný hlas v prvních několika vteřinách.
Konečně je důležité, aby zvuk (zejména při automatickém přehrávání) je důležitou součástí obsahu, který přispívá k celkovému uživatelskému zážitku. Nepoužívejte zvuk jen proto, že chcete vyzkoušet něco nového; používat jej s ohledem na účel. Mějte také na paměti - dokonce i se zvukem jako součást návrhu, mnoho uživatelů bude mít přístup k obsahu bez něj. Design moudře.
2. Míchání fotografií a ilustrací
Mohlo by to být těžká technika, jak se vyhnout, ale linka mezi fotografií a ilustrace byla překročena. Směšování reálných a ručně kreslených prvků může přitahovat kouzelný vzduch do projektu, který je zábavný i vizuálně zajímavý.
Udělejte to bez toho, aby jste měli chuť, aby měli trvalý dopad na uživatele. Zde je několik návrhů:
- Použijte ilustrace ikon a tlačítek a fotografování pro dominantní vizuální efekt
- Vytvořte vizuální vzorec, který používá většinou ilustrace, ale přidejte krátké video nebo obrazové oblasti pro důraz
- Přidejte animované ilustrované prvky na dotek něco jiného v blízkosti fotografií
- Vytvořte odznak nebo logo, které je ilustrováno pro použití s fotografiemi značky nebo na obalech, které se objeví v obrázkových značkách
- Použijte ilustraci, abyste pomohli uživatelům používat další vizuální prvky a vyprávějte příběh
Taylor Made je skvělým příkladem tohoto mixu a stylu při fotografování a ilustraci. Společnost finančního plánování není místem, kde byste mohli očekávat, že tato technika bude v akci, ale je to efektivní. Animované ilustrace na pozadí fotografií lidí přinášejí zájem o to, co by jinak mohlo být nudné headshot. Animované statistiky hoveru upoutávají pozornost uživatelů a podporují rolování. Ještě více ilustrací je použito v ikonografii stránek, které podporují kliknutí a přidávají vizuální vkus do textově náročných částí návrhu.
3. Odznaky na hrdiny
Odznaky jsou všude, kam se právě teď otočíte. Od návrhu loga až po klasické retro typografické styly, které by mohly být nazvány oblíbenými hipstery, se tyto jednoduché prvky staly základní částí minimálních stylů designu. Jsou také běžnou volbou pro návrhy, které by mohly být nedostatkem fotografie.
To se mění, jelikož další návrháři používají odznaky s hvězdnou fotografií v hrdinách. Trend je ilustrován jediným obrazem hrdiny (typicky není posuvník) s bílým nebo poloprostorovým odznakem nahoře. Odznaky jsou často centrovány horizontálně a vertikálně, i když se umístění mohou lišit.
Je to pozoruhodná fotka na logo (nebo text) kontrastu. Co dělá tato práce je, že velký obraz přitahuje uživatele. Odznak slouží jako ohnisko pro to, co je často poněkud slabý nebo volný obrázek. (To neznamená, že obrázky používané v tomto typu stylu jsou špatné, ale využívají výhody odznaku.)
Tento trend je vývojem něčeho, co jsme na chvíli viděli s hlavičkami obrazu hrdiny. Nadměrná, odvážná typografická volba byla loučením v loňském roce. Jedná se o přirozený posun kvůli popularitě odznakových stylů a podobnosti mezi tím, jak jsou používány nadrozměrné typy a odznaky.
- Oba mají tendenci být bílý nebo lehký
- Obě mají tendenci útočit do jediné zprávy uživatelům
- Obě práce pracují v designech, které nemají mnoho konkurenčních vizuálů
- Oba jsou odvážní a odvážní, protože nabízejí uživatelům pouze jeden skutečný vstupní bod
- Oba práce velmi dobře s stock photography
- Oba styly nabízejí odvážné vizuální řešení, pokud nemáte mnoho možností pro fotografické aplikace
- Oba styly se dají přidávat dotek animace na jiných místech (jako je stav hoveringu), aby přitahovali uživatele, protože nejsou k dispozici žádné další pohyblivé prvky, jako je video nebo posuvník obrázků
Co je dobré, pokud jde o velký odznak, je, že může sloužit jako duální služba jako značka značky. (To je skvělá volba pro malé firmy nebo portfolia stránek.) Vytvořte odznak s myšlenkou myslet, že to bude vaše logomark. Navrhněte barevné a bílé verze, které se budou míchat v závislosti na použití. Tato přidaná funkce je dalším důvodem, proč jsou odznaky tak populární právě teď.
Závěr
Jste natolik odvážní, abyste přidali hudbu pro automatické přehrávání do vašeho návrhu webových stránek nebo ke smíchání skutečných a ilustrovaných snímků? Oba trendy přicházejí s rizikovým prvkem a příležitostí k výplatě. Pokud nejste zcela připraveni na tyto trendy, začlenění odznaku na obraz hrdiny je něco, co může pracovat téměř pro jakýkoli typ návrhového obrysu. Tuto úpravu můžete také provést za běhu a podle potřeby jej použít.
Jaké trendy teď milujete (nebo nenávidíte)? Ráda bych viděla některé webové stránky, které vás fascinují. Pusť mi odkaz na Twitteru ; Ráda bych vás slyšela.