Design webov½ch str¡nek se v poslednm desetilet vyvinul s technologi. To pÅ™inutilo každho, kdo by si myslel, že mobil. Budova webov½ch str¡nek ve zb½vajc Ä¡sti tohoto desetilet a dalÅ¡ bude zahrnovat estetiku a technologii. / p >.
Digit¡ln mdium vidÄ›lo Å¡piÄkov trendy, zejmna ve webovm designu. ZmÄ›na technologie to považovala ve srovn¡n s tradiÄnm tiskov½m mdiem znamen¡, že trendy tlaÄily k nekontrolovan kreativitÄ›. Bylo těžk držet krok s požadavky. / p >.
Když byly prvn webov str¡nky postaveny poÄ¡tkem devades¡t½ch let, vÄ›tÅ¡inou sest¡vali z textu a odkazů. Prvky n¡vrhu nebyly tak důležit. Je to 2019 a my jsme na konci dalÅ¡ho ruÅ¡nho desetilet s ohledem na web design. / p >.
V průbÄ›hu let jsme vÄ›novali pozornost struktuÅ™e a uspoÅ™¡d¡n webov½ch str¡nek, což vedlo k prohl¡Å¡en, "podvejte se a pocit". PotÅ™eba hodiny je vytvoÅ™it webov str¡nky, kter jsou informativn, inovativn a pÅ™izpůsobiv pro vÅ¡echny zaÅ™zen. / p >.
Jak jsme zmnili dÅ™ve, webov str¡nky byly spoustu textu a odkazů na webov str¡nce. NepotÅ™ebovali moc Äasu na vytvoÅ™en a nepotÅ™eboval mnoho pl¡nov¡n pÅ™ed vytvoÅ™enm webov½ch str¡nek. Toto je ra prototypov¡n webov½ch str¡nek. Jeden takov½ prototypov½ n¡stroj, kter½ bychom chtÄ›li zmnit, je inzerci. / p >.
Invision je n¡stroj, kde můžete vytvoÅ™it prototyp nebo maketa webov platformy nebo webov½ch str¡nek. Toto je n¡stroj vytvoÅ™en½ projektanti pro projektanty. N¡vrh¡Å™i mohou použvat Adobe XD nebo Photoshop a vytv¡Å™et n¡vrhy a nahr¡t je do inzerce. PÅ™ed vypracov¡nm skuteÄnho produktu mohou sdlet tyto makety se sv½mi klienty. / p >.
typografie je mocn¡ a umožňuje n¡vrh¡Å™ovi d¡t vaÅ¡im webov½m str¡nk¡m osobnost. To může nastavit spr¡vn½ t³n na webov str¡nky a ºspěšnÄ› sdÄ›lit informace. Velk½ Äiteln½ text evokuje důvÄ›ru od Äten¡Å™Å¯ a bude to mt zajmat o produktech a služb¡ch. / p >.
s využitm ostÅ™ejÅ¡ho rozliÅ¡en obrazu na vzestupu, popt¡vka po odv¡Å¾n½ch typografie se stala kritickou. ProhlžeÄe v tÄ›chto dnech mohou podporovat ruÄn psma, kter jsou povoleny pomoc CSS pro prohlžeÄe. / p >.
Pokud text nen prezentov¡n v dobrm m³dÄ›, klienti mohou pÅ™epnout na jinou webovou str¡nku, kter¡ dÄ›l¡. Použit fonty serifu jsou na vzestupu, protože jsou ide¡ln pro důraz. Serif fonty jsou adaptivnÄ›jÅ¡ než lid si mysl, že jsou star. Proto je designÅ™i preferuj nad ostatnmi. / p >.
Tato webov¡ str¡nka použv¡ bezpeÄnostn službu pro ochranu pÅ™ed online ºtoky. Akce, kterou jste pr¡vÄ› provedli spuÅ¡tÄ›n bezpeÄnostn Å™eÅ¡en. Existuje nÄ›kolik akc, kter by mohly vyvolat tento blok, vÄetnÄ› odesl¡n urÄitho slova nebo fr¡ze, pÅ™kazu SQL nebo chybnÄ› form¡tovan¡ data. / p >.
V tomto poslednm desetilet webovho designu jsme vidÄ›li spoustu akronymů: AR, VR, AI, AMP a mnoho dalÅ¡ch. To znamen¡, že pokud nejste již na palubÄ› s tÄ›mi, bude to vaÅ¡e prvn poÅ™ad podniků jt do roku 2020! Ale na vce vizu¡lnch aspektech se nÄ›kter webov designy dost¡valy vce "kreativn", použvaj z¡Å™iv ilustrace namsto skladu (trapn usmvajc se kancel¡Å™ stock fotky, kdokoli?), OdstranÄ›n mřžek, objmat odv¡Å¾n barevn schmata nebo odstranÄ›n barevn½ch schmat celkem (Dobr½ den, ÄŒern¡ a bl¡!) a zkuÅ¡ebn asymetrick rozložen. Strojn uÄen provedlo webov str¡nky chytÅ™ejÅ¡ (ale moje dobro jste vyzkouÅ¡eli mobiln proch¡zen s chatboty, elektronick½mi koly spÅ™¡d¡n a dalÅ¡ pop-up! Ne, dky!). V roce 2020, uvidte techniku ​​a navrhneÅ¡ se d¡le spojit do nov½ch řš a uvidte způsoby, jak½m je proch¡zen doh¡nÄ›n na způsob, jak½m skuteÄnÄ› použv¡me web (na naÅ¡ich mobilnch zaÅ™zen). Kter trendy jsou zde zůstat v roce 2020 a kter trendy budou pÅ™epracov¡ny?
Serif fonty jsou Äasto vyhrazena pro tiskov mdia, ale nÄ›kter tuÄn webov designÅ™i pÅ™in¡Å¡ej srify na obrazovce. V minulosti se zd¡, že ty fussy flicks (myslet na ocase na dopisu "A" jako pÅ™klad) byly obtžnÄ›jÅ¡ Äst na obrazovce, ale zd¡ se, že nÄ›kter webov n¡vrhy zahrnuj tato psma do dobrho efektu. V minulosti, web designÅ™i ctili, že Sans-Serifs bylo nejlepÅ¡ pro nzko-res displeje, dÄ›ti, když použvaj spoustu barev nebo nzk½ch kontrastnch vzorů, a když byl text ºzk½ nebo mal½, ale s vÄ›tÅ¡inou mobiln proch¡zen tÄ›chto problmů jsou vÅ¡e, ale mizejc. Na konci dne bez ohledu na to, pokud použv¡te serif nebo sans-Serif, mus b½t Äiteln½. / p >.
Už jste nÄ›kdy zesl¡vali podnik¡n na facebooku a dostanete rychl½ chat bot zpr¡vu? A co navÅ¡tvit nÄ›Ä webov str¡nky a "Alan" byl na chatu, aby v¡m Å™ekl vÅ¡e o produktech a služb¡ch jeho podnik¡n? Facebook zaÄal rozvjet roboty pÅ™es aplikaci Messenger a teÄ jsou vÅ¡ude! V roce 2017 bylo vce než 100 000 aktivnch botů a obrajm se, abychom si mysleli, co tato Äsla jsou nyn. / p >.
Sephora, cel¡ jdla, n¡rodn geografick¡, a jin je použvaj v jejich marketingu. Asistent Sephora zv½Å¡il svou mru rezervace o 11% a průmÄ›rn pÅ™růstkov str¡ven klientsk služby v obchodÄ› je nyn 50 dolarů. / p >.
OsobnÄ› nejsem nejvÄ›tÅ¡ fanouÅ¡ek bots - ne, že jsem mÄ›l negativn zkuÅ¡enosti s jednm - ale jak se dost¡vaj opravdu konverzaÄn jako technologick½ pokrok, mohou se uk¡zat jako užiteÄn zejmna v Ot¡zka a situaci. MÄ›li jste pozitivn zkuÅ¡enosti s chatbotem? Považujete za užiteÄn?
"negativn prostor" je fancy slovo designÅ™i použvaj pro "whitespace". Takže ve webu webu bude existovat vce msta mezi možnostmi vytv¡Å™et vizu¡lnÄ› Äist prostory. Whitespace a rozložen otevÅ™en½ch str¡nek jsou mobiln pÅ™¡telsk a snadnÄ›jÅ¡ pro osoby k použit. Mohou b½t menÅ¡ design-těžkou, ale pom¡haj s požadavky n¡vÅ¡tÄ›vnka n¡vÅ¡tÄ›vnků, jako je skenov¡n obsahu. ÄŒten¡Å™i mohou zůstat soustÅ™edÄ›ni na str¡nku, aniž by byli ohromeni vce barevn½mi prvky nebo pohybliv½mi snmky. To neÅ™k¡, že design nen zaÄlenÄ›na tm, že je to mnohem ºÄelnÄ›jÅ¡. Webov¡ str¡nka Asana využv¡ spoustu negativnho prostoru pro orientaci pozornosti uživatele na jeden ºkol najednou. V tomto pÅ™padÄ› se dost¡v¡ uživatele, aby se zaregistrovali na sv nabdky produktů. Pokud tedy m¡te specifick marketingov cle nebo akce, kter chcete, aby vaÅ¡i uživatel pÅ™ijali, budete možn¡ muset zaÄlenit vce negativnho prostoru do vaÅ¡eho n¡vrhu 2020. / p >.
Existuj vce mobilnch prohlžeÄů než uživatel desktopu, což znamen¡, že namsto vaÅ¡eho mobilnho designu je pÅ™enesen z desktopovho designu, v¡Å¡ mobiln design bude pÅ™enesen na pracovn plochu. Jin½mi slovy, mobiln nyn ovlivňuje design desktopu namsto druhho způsobu, kter½ ovlivňuje modern trendy designu webu. PÅ™edtm, než tentokr¡t Hamburger menu byli pouze na mobilnch vzory, ale nyn je vidte na desktopov½ch vzorech i velk typografii.
DalÅ¡m vlivem mobilnho telefonu do desktopu je, že lepkav prvky mohou zůstat pevnÄ› v doln Ä¡sti str¡nky namsto mizen pÅ™i posouv¡n. NÄ›kter½ ned¡vn½ mobiln design je umstÄ›na navigaÄn a hello bary na spodn stranÄ› str¡nky, aby bylo snadnÄ›jÅ¡ kliknout a pÅ™stup. Jako lid "uÄit se" a sezn¡mit se s tÄ›mito n¡vrhy a růst, aby oÄek¡vali, uvidme posun k tomuto typu konstrukÄnho prvku. Jak dalÅ¡ způsoby vidte mobiln design ovlivňujc způsob, jak½m desktop webov str¡nky vypadaj a vykon¡vaj?
mikro-interakce jsou interakce jako na facebooku (myslet na facebook r¡d, koment¡Å™e atd.), Kter ukazuj jemn angažm¡ nebo ž¡daj uživatelům, aby provedli mal, jednor¡zov akce (pÅ™ipojen jednoho zaÅ™zen do druh, lb se pÅ™spÄ›vku, Manipulace s nastavenm). Mikro-interakce podporuj a pÄ›stounskou angažovanost. Co si myslte o webovm designu zahrnujc soci¡lnÄ›-medi¡ln interakce v každodennm prohlžen? VÄ›tÅ¡inou tyto interakce umožn dÄ›lat funkce, jako je "jako" nebo "tleskat" blogu, nebo ji uložit pro pozdÄ›jÅ¡ a tak d¡le. Zajmav½ způsob, jak implementovat na vaÅ¡e webov str¡nky nyn použv¡ ozn¡men o widgetu (napÅ™klad Äist½ kvalifikace), aby z¡kaznci mohli rychle spolupracovat s v¡mi a poskytnout okamžitou zpÄ›tnou vazbu, takže můžete poskytnout pÅ™jemnÄ›jÅ¡ zkuÅ¡enosti. / p >.
Design UI je prvnm dojmem mobiln aplikace. PÅ™ipojuje uživatele se znaÄkou, dÄ›l¡ uživatelskou cestu hladkou v aplikaci a zvyÅ¡uje celou ROI aplikace. Když je Design UI aplikace klient-centric a zapojil se obsah, nic nemůže zastavit jeho ºspÄ›ch. / p >.
NicmnÄ›, krajina UX se nepÅ™etržitÄ› transformuje - nov vÄ›ci se vyvinuly Äas. Design UI je nejvce mÄ›nc se oblast v mobilnm průmyslu, kter¡ ovlivňuje mnoho dalÅ¡ch oblast průmyslu. / p >.
UI design aplikace nen omezen na jeho vzhled. Aplikace datov¡ architektura by mÄ›la ºspěšnÄ› kombinovat s pokyny pro n¡vrh UI, kter organizovat, strukturu a oznaÄit obsah aplikac udržitelnÄ› a dostupnosti. / p >.
tento rok, mobiln aplikace personalizace bude možn¡ zskat vce hybnosti. Na mru UX se st¡v¡ nezbytn½m v mobilnm v½voji. Strojn uÄen a umÄ›l¡ inteligence jsou toto pÅ™izpůsoben bezeÅ¡v. / p >.
My a tÅ™et strany, jako jsou naÅ¡e z¡kaznci, partneÅ™i a poskytovatel služeb použvaj soubory cookie a podobn technologie ("cookies") poskytovat a zajistit naÅ¡e služby, porozumÄ›t a zlepÅ¡it jejich v½konnost a sloužit pÅ™sluÅ¡n½m reklam¡m (vÄetnÄ› ºloh) zapnuto a vypnuto LinkedIn. DalÅ¡ informace naleznete v naÅ¡ politice cookie. / p >.
