\n Lexusls.asia<\/a> \u00e4r en utl\u00f6pare av Toyota som s\u00e4ljer lyxbilar. P\u00e5 webbplatsen har formgivarna p\u00e5 ett briljant s\u00e4tt anv\u00e4nt parallax-rullning f\u00f6r att introducera bilen med precis tillr\u00e4ckligt med text f\u00f6r att f\u00e5 bes\u00f6karen att g\u00e5. D\u00e5 rullar pl\u00f6tsligt ett d\u00e4ck fr\u00e5n h\u00f6ger och visar n\u00e5gra andra coola egenskaper hos bilen. N\u00e4r du scrollar ner l\u00e4ngre sl\u00e4pper webbplatsen inte taget om dig och beskriver med lite cool grafik syftet och f\u00f6rdelarna med bilen.\n<\/p>\n \n Visuellt spr\u00e5k har f\u00f6rm\u00e5gan att utnyttja sj\u00e4lva grunden f\u00f6r m\u00e4nskligt centrerad design. Visuellt spr\u00e5k g\u00e5r l\u00e5ngt tillbaka och till och med innan n\u00e5got alfabet uppfanns eftersom grottm\u00e5lningar var det grundl\u00e4ggande kommunikationsmediet. Grottm\u00e5lningarna fungerade som k\u00e4lla till ber\u00e4ttande, guide f\u00f6r att \u00f6verleva och avv\u00e4rja potentiella faror som var en del av den perioden. Mer eller mindre \u00e4r grottritningarna den tidigaste formen av visuell data.\n<\/p>\n \n Vi vet att bilder och videor har en stor kommunikativ kraft, hur utnyttjar man denna kraft genom pixlar?\n<\/p>\n \n Exempel<\/strong> :\n<\/p>\n \n Det \u00e4r d\u00e5 din egen fantasi kommer att spela. L\u00e4gga till bilder och videor med r\u00e4tt mixtext s\u00e5 att din webbplats talar f\u00f6r sig sj\u00e4lv.\n<\/p>\n \n Bellroy.com<\/a> s\u00e4ljer sina l\u00e4derpl\u00e5nb\u00f6cker med garanti f\u00f6r st\u00f6rre utrymme med smalare design. Hur de visar det \u00e4r genom en elegant reglage med HD-bilder av en av deras pl\u00e5nbok mot en annan. N\u00e4r skjutreglaget r\u00f6r sig g\u00f6r ber\u00e4ttelsen det ocks\u00e5 och inom 10 bilder placeras samma antal kort i deras m\u00e4rkespl\u00e5nbok medan den andra pl\u00e5nboken deformeras mer \u00e4n vad den faktiskt \u00e4r. H\u00e4r \u00e4r slutsatsen sl\u00e5ende och med en moral till \u00f6vers.\n<\/p>\n \n Det \u00e4r ganska likt att skriva en pj\u00e4s n\u00e4r du designar en visuell ber\u00e4ttelse. Alla aspekter och delar av pj\u00e4sen \u00e4r n\u00e4rvarande p\u00e5 din webbplats och blandas med s\u00e5dan intimitet att de helt sm\u00e4lter samman med historien du har introducerat. Din ber\u00e4ttelse b\u00f6rjar med uppl\u00e4gget du har ordnat, g\u00e5r sedan mot konflikten och avslutas med en l\u00f6sning.\n<\/p>\n \n Den h\u00e4r webbplatsen har till exempel ett unikt s\u00e4tt att ta bes\u00f6karen i armen och bjuda in till en dansbal fullproppad med k\u00e4nslor och visuella godsaker.\n<\/p>\n \n Anv\u00e4ndarna m\u00e5ste vara v\u00e4l medvetna om historien eftersom den leder dem till deras destination. Och det \u00e4r d\u00e4r bes\u00f6karen blir lead, och lead blir kund. Det \u00e4r bara r\u00e4ttvist att produkten eller tj\u00e4nsten du planerar att presentera genom ber\u00e4ttandeprocessen m\u00e5ste ha n\u00e5got som anv\u00e4ndaren beh\u00f6ver, en unik funktionalitet eller en prismarginal som kunden \u00e4r ute efter.\n<\/p>\n \n Exempel<\/strong> :\n<\/p>\n \n Bagigia.com<\/a> ger f\u00f6rst bes\u00f6karen en introduktion av \u00e5terf\u00f6rs\u00e4ljaren f\u00f6ljt av enkel men djupg\u00e5ende 3d-bild av sj\u00e4lva produkten med k\u00e4nslom\u00e4ssig text f\u00f6r att h\u00e5lla ber\u00e4ttelsen i flyt. Det stora vita utrymmet i designen hj\u00e4lper anv\u00e4ndaren att fokusera n\u00e4r produkten sticker ut i centrum, vilket f\u00f6r historien till handling och mot uppl\u00f6sning.\n<\/p>\n \n Det \u00e4r sant. Webbplatsanimering har blivit offer f\u00f6r \u00f6veranv\u00e4ndning utan h\u00e4nsyn till konventioner eller standarder och det \u00e4r huvudorsaken till dess fall under de senaste 5 \u00e5ren. Ironiskt nog vet v\u00e4ldigt f\u00e5 designers hur anv\u00e4ndningen av smart och punktlig animering kan g\u00f6ra din ber\u00e4ttelse till Dark Knight Movie. Animation \u00e4r byggd f\u00f6r att t\u00e4cka det som statiska bilder inte kan fullborda, samtidigt som det tillf\u00f6r n\u00f6jen till sj\u00e4lva designen.\n<\/p>\n \n Exempel<\/strong> :\n<\/p>\n \n P\u00e5 tal om DarkKnight, denna app f\u00f6r iOS p\u00e5 benthebodyguard.com<\/a> l\u00e5ter dig s\u00e4kra och kryptera information p\u00e5 din webbplats som har en genomg\u00e5ngsanimation (bokstavligen) n\u00e4r du g\u00e5r ner med ”Ben” i mitten, livvakten svurit att skydda din information med ett formidabelt rykte. Den h\u00e4r webbplatsen har exemplifierat hur animation kan anv\u00e4ndas n\u00e4r den \u00e4r som b\u00e4st f\u00f6r att producera den idealiska syftet med en produkt.\n<\/p>\n \n Kommer det inte till dig som en \u00f6verraskning hur en design som helt enkelt \u00e4r en blandning av bildkonst och grafik kan skapa empati inom dig? Jag vet att jag har. Vi som m\u00e4nniskor reagerar p\u00e5 v\u00e5ra djurs sinnen lika mycket som n\u00e5gon annan organism g\u00f6r som \u00e4r trogen sin natur. N\u00e4r vi ser en hj\u00e4rteknare g\u00f6r vi som vi har programmerat. Med utnyttjande av denna egenskap hos m\u00e4nskligt beteende, beh\u00f6ver din ber\u00e4ttelse inte alltid vara en buzz kill om ditt manifest och produkter eftersom det f\u00f6rmodligen \u00e4r vad alla andra webbplats\u00e4gare har i \u00e5tanke nu f\u00f6r tiden. N\u00e4r du l\u00e4gger till en k\u00e4nsla av k\u00e4nsla, sj\u00e4l och moral f\u00f6rvandlas din ber\u00e4ttelse till ett budskap.\n<\/p>\n \n Exempel<\/strong> :\n<\/p>\n \n Den h\u00e4r webbplatsen everylastdrop.co.uk<\/a> tar dig till en resa \u00f6ver din dagliga anv\u00e4ndning av vatten i ditt hem och i din omgivning. Att l\u00e4sa om fakta om hur mycket vatten som sl\u00f6sas bort varje dag \u00e4r f\u00f6r vanligt och tas ofta aldrig p\u00e5 allvar. Den h\u00e4r oskyldiga lilla killen som anv\u00e4nder vatten urskillningsl\u00f6st i sitt dagliga schema lyfter inte bara fram vikten av vatten utan s\u00e4tter det ocks\u00e5 i kontrast till de som beh\u00f6ver det mest i tuffa delar av v\u00e4rlden. Det v\u00e4xer s\u00e5 i betraktarens medvetande att han f\u00f6rmodligen skulle t\u00e4nka tv\u00e5 g\u00e5nger innan han sl\u00f6sade ytterligare en droppe vatten n\u00e4sta g\u00e5ng.\n<\/p>\n \n Romaner \u00e4r roliga att l\u00e4sa och med de senaste tekniska kl\u00e4ttringarna \u00e4r det nu n\u00f6dv\u00e4ndigt att de l\u00e4ses ur b\u00f6cker. \u00c4n i dag f\u00f6redrar en stor majoritet av onlineanv\u00e4ndare fortfarande att bed\u00f6ma boken efter dess omslag \u00e4n att faktiskt l\u00e4sa prologen. F\u00f6r att ta itu med dessa onlineanv\u00e4ndare och locka dem till produkten anlitar m\u00e5nga f\u00f6rfattare ofta utvecklare f\u00f6r att skapa webbplatser dedikerade till deras romaner. Ett steg f\u00f6r steg repetition av romanen med animerade sekvenser kommer inte bara att ge ber\u00e4ttelsen de fyrverkerier den beh\u00f6ver, utan ocks\u00e5 f\u00e5 onlineanv\u00e4ndaren att l\u00e4sa den.\n<\/p>\n \n Exempel<\/strong> :\n<\/p>\n \n Med samma princip och struktur f\u00f6rvandlades Nam Les hyllade novell ”B\u00e5ten” till en interaktiv grafisk roman genom att skapa en v\u00e4rld av stormh\u00e4rjande hav som tvingade en b\u00e5t fr\u00e5n Vietnamkrigets skr\u00e4ck. Det b\u00e4sta som n\u00e5gon kan g\u00f6ra i sin ber\u00e4ttarfest \u00e4r att l\u00e4gga till ljud till sin design. Detta \u00e4r superlativen av animerad ber\u00e4ttelse f\u00f6r att f\u00f6rv\u00e4rva UX. Se den h\u00e4r<\/a>.\n<\/p>\n \n Engagerande och fylld med illustrationer, det \u00e4r verkligen beviset p\u00e5 hur v\u00e4l du kan hantera en produkt genom att skapa en design som r\u00f6r sig n\u00e4r du interagerar med den.\n<\/p>\n \n I e-handelsbranschen \u00e4r m\u00e4nniskor ofta intresserade av att f\u00e5 f\u00f6rdelarna med en produkt som kan anv\u00e4ndas p\u00e5 flera tillf\u00e4llen men av samma anledning. F\u00f6r det f\u00f6rsta g\u00f6r det deras liv mycket l\u00e4ttare, och f\u00f6r det andra \u00e4r det en del av den tekniska eran. Men med s\u00e5 mycket att l\u00e4ra och erk\u00e4nna om en satsning som denna, \u00e4r det mycket mindre troligt att kunder kommer att l\u00e4gga en risk i n\u00e5got som har futuristiska implikationer och tj\u00e4nar deras syfte alltf\u00f6r l\u00e4tt, vilket g\u00f6r det f\u00f6r bra f\u00f6r att vara sant. Jag har sett f\u00f6retag som f\u00f6rs\u00f6kt s\u00e4lja s\u00e5dana produkter med f\u00f6r mycket f\u00f6r att komma \u00f6verens och resultatet blev tragiskt \u00f6vergivande.\n<\/p>\n \n Exempel<\/strong> :\n<\/p>\n\n Visuellt spr\u00e5k
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745d3debe.webp\")
<\/a><\/p>\n\n Designa ber\u00e4ttelsen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745f45d06.webp\")
<\/a><\/p>\n\n Anv\u00e4nd animerad ber\u00e4ttelse till din f\u00f6rdel
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827460e07ae.webp\")
<\/a><\/p>\n\n \u00d6vers\u00e4tta designmeddelande
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827463020e7.webp\")
<\/a><\/p>\n\n Anv\u00e4nder m\u00f6rka element
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274657f38e.webp\")
<\/a><\/p>\n\n Enhet av genomrullning
\n<\/h5>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274683f667.webp\")
<\/a><\/p>\n