Diseinuaren fluxua - Mugimendua transmititzen duen diseinua eta artelanak

07/01

Zer da Visual Flow?

Ikusizko fluxuak ikuslearen begia dokumentuaren bidez egiten du, elementu garrantzitsu guztiek protagonismoa jasotzen dute eta ikusmena ez da askatzen eta ikusleak pieza zentzua galtzen du. Geziak edo zenbakiak bezalako bistako fluxu elementuak erabiltzea modu ohikoena da Web diseinatzaileek fluxua erabiltzen dutela, baina beste modu batzuk erabil ditzakezula eta zure irakurleek bide zehatz batera mugitzeko erabiltzen ez dutenak. Tutorial honetan urratsak erakusten ditu fluxu ona eta txarra duten adibideak eta diseinuaren fluxu bisualaren hiztegia ikasiko duzu.

Ikusizko fluxua modu askotan lor daiteke:

Ondorengo irudiak web orrialdeetan emandako akats arrunt batzuk erakutsiko ditu eta nola zuzendu.

07/02

Western Text Flows from left to right

Fluxu okerra. Irudia adeitasuna M Kyrnin

Mendebaldeko hizkuntza irakurtzen ari bazara, testu hori ezkerretik eskuinera mugitzeko pentsatzen duzu. Beraz, begiak testuaren lerroan zehar mugitzen du, ezkerretik eskuinera mugitzen da.

Goiko irudian, ur-jauzia ezkerreko norabidearen eskuinaldean dago eta testua ur-jauzia igarotzen da. Guztiok dakigunez, ur-jauziak erortzen direnez, ez da deskonektatzen uraren fluxuaren norabidean testuaren fluxua norabidean. Ikuslearen begiak okerreko noranzkoan mugitzen da testua irakurtzeko.

07/03

Zure testua Irudiekin batera joan beharra dago

Korrontearen fluxua. Irudia adeitasuna M Kyrnin

Kasu honetan, irudia alderantzikatu da, beraz, testua uraren norabide berean isurtzen dela. Elementu guztiek ikuslearen begia eramaten dute uraren fluxua eta testuaren fluxua.

07.07

Ezkerretik eskuinera berdinak dira

Fluxu okerra. Irudia adeitasuna M Kyrnin

Argazki hau zaldia ezkerretik eskuinera egiten ari da, baina testua ingelesez dago eta, beraz, ezkerrera eskuinera. Zaldiaren ibilbidearen ikusizko eraginak norabide bakarrekoak dokumentuaren erritmoa motelduko du, testua baino beste noranzkoa izango delako.

Mendebaldeko kulturetan, gure hizkuntzak ezkerretik eskuinera mugitzen direlako, ezkerretik eskuinera norabideko norabide bisuala lotzen dugu aurrera eta azkar eginda, ezkerrera ezkerrera eta motelagoa den bitartean. Diseinu bat abiadura konnotazioarekin sortzen ari zarenean, gogoratu beharko zenuke - eta gorde irudiak testu gisa norabide berean mugitzen.

07.07

Ez behartu ikuslearen begia moteldu

Korrontearen fluxua. Irudia adeitasuna M Kyrnin

Zaldiak eta testuak norabide berean jarraitzen dutenean, abiadura inplizitua handitzen da.

07/06

Ikusi Eyes in Web Photos

Fluxu okerra. Irudia adeitasuna J Kyrnin

Webgune askok argazkiekin akats hori egiten dute - orrialdean pertsona baten argazki bat jarri dute, eta pertsonaak edukitik kanpo begiratzen du. Hau diseinu zaharra diseinuan diseinatu ahal izango da.

Ikusten duzun bezala, nire argazkia testuaren ondoan dago. Baina testu horretatik kanpo begiratzen dut, ia bizkarra eman dut. Taldean bi pertsonen arteko hizkuntza gorputz hori ikusi baduzu, erraza izango litzateke nire ondoan dagoen jendea gustatzen ez bazaio (kasu honetan testu-blokeoa).

Begien jarraipen ikasketek erakutsi dutenez, jendeak aurpegiak ikusten ditu web orrialdeetan. Eta erlazionatutako ikasketek erakusten dutenez, irudiak begiratuz gero, jendeak begiak atzera begiratzen die begiak ikusteko zer iruditzen zaion ikusteko. Zure webgunean argazki bat arakatzailearen ertzetik begiratuz gero, zure bezeroek itxura izango dute eta atzera botoia sakatu.

07ko 07

Edozein Argazki Eyes Edukiaren aurrean egon beharko luke

Korrontearen fluxua. Irudia adeitasuna J Kyrnin

The.com diseinu berrian, pixka bat hobea da. Orain, nire begiak aurrerantz begiraago daude eta nire ezkerretara begira nagoen iradokizun pixka bat dago. Testua da.

Posizio horretarako argazki hobea izango litzateke nire sorbaldak testua angeluaz gain. Baina lehen irtenbidea baino konponbide hobea da. Eta, irudia edukiaren eta ezkerrerako eskubidearen egoeretan, konpromiso egokia izan daiteke.

Gogoratu ere, jendeen aurpegiaren irudiak arreta erakartzen duten bitartean, animalien argazkiei dagokienez. Adibidez, lagin diseinu honetan, nire txakurrak ezkerrean begiratzen ditut, baina irudia eskuinera dago. Orriaren bila ari dira. Diseinu hau hobetuko litzateke txakurren orientazioa aldatu badute pantailaren erdigunera begira.