Byl rok 2020, roboti tancují rock and roll, obaly časopisů a etikety na víno ožívají, Travis Scott koncertuje ve Fortnite, vývoj webových stránek bez kódu začíná znovu budovat celé odvětví, ale v práci pokračuji čelit takovým dinosaurům 🦕🐢
Na konci roku zkoumáme, s čím stále žijeme
.psd rozvržení stránky 🤦♂
Prosím vás, od roku 2015 bylo vyvinuto mnoho užitečného softwaru, který usnadňuje návrh a přenos do vývoje rozvržení, na jeho základě jsou sestavovány interaktivní prototypy, vytvářeny knihovny prvků, včetně vektorových ikon. Kromě toho je k dispozici online týmová práce na projektu. Automatické odsazení při přidávání/odebírání bloků … automatické, Karle! Pluginy také automatizují rozvržení vyplňování obsahem. To vše – figma 🥰, Adobe XD, nástroje Sketch + pro vytváření prototypů a animací.
Dlouhé příspěvky a videonávody „Jak nakreslit web ve Photoshopu. Návody pro začátečníky„ Nooooo-o-o-o! Jste již 5-6 let pozadu za trhem. Zkuste, naučte se nové věci, nekorodujte. Nechte Photoshop pro grafický design, pro který je ostřejší.
Design bez designu 🤦♂
Mimochodem, design již dlouho nezahrnuje pouze soubor Sitemap 😉
< p>Všichni chápeme, že zde hodně záleží na zákazníkovi – „musíme včera, není čas na vysvětlení, nepotřebujeme.“ Chápeme však také, že kvalita konečného produktu závisí na fázi návrhu. Vytvořte alespoň minimální sadu příběhů, pochopte účel vytvoření služby.
Pro zákazníka:
Návrhář musí být ponořen do obchodních procesů společnosti. Interakce uživatele s webem je pouze součástí. Mapa cesty uživatele obsahuje všechny body interakce mezi spotřebitelem a firmou. S jeho pomocí pochopíte, která funkce uživatele zavěsí, na co bude dávat pozor, jaké další úkoly/potřeby může webová služba zavřít.
Návrhář potřebuje znát skutečné cílové publikum. A pokud je hlavním úkolem služby potěšit ministra a jeho manželku, řekněte mi o tom. Pokud se web vyvíjí pro generálního ředitele, nikoli pro propagaci společnosti a jejích produktů, řekněte o tom designérovi, zde je vaše skutečné cílové publikum. Zůstanete tedy čestní sami k sobě i k umělci – zisk 🙌
Nečitelný text na fotografiích 🤦♂
Mluvíme o zpravodajských materiálech, když web používá šablony stránek bez možnosti úprav. Aby taková šablona fungovala, potřebujete pečlivý výběr fotografií – ani příliš tmavý, ani příliš světlý, ani poskakovaný, uspořádání tváří, nápisy na fotografii, aby se nesloučily s titulem atd. Zde je třeba posoudit, zda je zákazník připraven utratit tolik prostředků později? Pravděpodobně ne, a proto bude text nečitelný.
Pokud je text sekundární a hlavní je, že nadpis je čitelný – proč nepořádek na obrázku? Jen nechte název. Fanoušci také uspořádali vše v rozích na fotografii: datum vlevo nahoře, vpravo nahoře na sociální síti, vpravo dole autorem fotografie a vlevo dole nadpis – krása je stejná jako montážní hala na školní diskotéce se židlemi rozmístěnými po obvodu 😅
koncepty místo vývoje designu 💁♀
Až dosud pod rouškou vývoj webového designu, neopracované, ale pěkné koncepty, ve kterých není místo pro prázdné stavy, uživatelské chyby, pomalý internet, jsou vzdány.
Zde je příklad, kdy se designér dostal do kouta. Jasný blok s formulářem požadavku:
Na dotaz ohledně ověření pole však přišly následující možnosti:
< img src = "/wp-content/uploads/f5bb70901347a392625593ffb457333d.png" />
Zdá se, že je vše v pořádku – chybové zprávy v rozhraní by měly být zvýrazněny červenými odstíny. V tomto řešení však text není čitelný kvůli nízkému barevnému kontrastu ve vztahu k pozadí. Pokyny W3C nám říkají, že minimální kontrastní poměr pro smysluplné prvky rozhraní je AA (4,5: 1). Můžete vypočítat koeficient pro svůj design v online službách, a to i při zohlednění velikosti písma – je to rychlé a pohodlné. Zde je například web Accessible Colors, který vám také ukáže, jak změnit odstín tak, aby bylo dosaženo nejlepšího výsledku:
Možnost se šedým pozadím a černou chybovou zprávou pro kontrast je lepší, ale stále nedosahuje minimálního poměru.
Nedostatek typografie 🤦♂
Stránka obsahuje mnoho obsahu. Našli jste perfektní písmo pro svůj projekt – elegantní, elegantní bezpatkové písmo. „Nabízíme řešení s důrazem na písma,“ říkáme zákazníkovi. Dobře, tak vyberte pár písem! Hlavním cílem psaní je rychlost čtení. U velkých nadpisů ponechte uzavřená písma.
Hlavní text by měl být dynamický a přátelský. Snadného čtení je dosaženo jednoduše: rozdělte text na odstavce, které vedou alespoň jeden a půl, délka řádku ne více než 80 znaků s mezerami, otevřené písmo.
Místo závěru
Navrhuji, abyste v novém roce s sebou nenosili další zavazadla 🙂.
Podporujte příspěvek, pokud je toto téma blízké vy 🔝🔝🔝 a samozřejmě je důležitá vaše zpětná vazba. Děkujeme!
# design webu # web photoshop # rozložení stránky psd # design webu2020 # web design # pro začátečníky # začátečníci
