Annex 1. La Web i el seu Disseny Mireia Martínez
1.1
1.- ENTREVISTA Entrevista realitzada a un dissenyador gràfic de Barcelona. Actualment està treballant
per diferents empreses catalanes i dintre del seu currículum ha creat diverses webs,
dues de les quals son: www.caradap.com i http://personales.ya.com/okmolinspetits/.
El senyor Tomàs Rubió, llicenciat en Informàtica i amb estudis de Disseny Gràfic ha
respòs a les següents preguntes.
1.- Quins programes usualment utilitzes per a la creació de pàgines web?
Quasi tothom que treballa en aquesta professió treballa amb el programa més
utilitzat per excel·lència que és el Dreamweaver. En el meu cas sempre estic entre dos
programes un dels quals és el Dreamweaver i l’altre, encara que no és gaire conegut
m’és molt útil. Es diu Expressión estudio. Ambdós programes em proporcionen el
material necessari per crear la bastida de la pàgina que vull crear.
2.- Per a tu, quin és l’aspecte o qualitat més important d’una web?
Personalment, encara que altre gent li dóna més importància als temes
estètics, els quals no menyspreo ja que també em sembla força interessant la manera
en què el visitant pot captar pel seu camp visual l’aspecte de la web, trobo que un dels
aspectes on hem de començar a fixar-nos és en la seva seguretat. Actualment hi ha
molts programes que introdueixen virus, hackers, etc. És molt important tenir ben
protegida la web, creant un blindatge a partir d’uns codis determinats.
3.- Com s’ha d’organitzar la informació dins de la pàgina? Coneixes algun mètode en
especial?
Principalment s’ha de fer amb algun menú de navegació que es trobi en la
mateixa pàgina principal o índex. Per altra banda l’organització de la informació en una
web pot ser ben variada. Desde pàgines on es vagi col·locant segons l’ordre
d’importància, com d’altres que parteixen d’un punt comú a tots els enllaços i
començen a desenvolupar cada apartat, creant així una espècie de mapa entrellaçat
que a vegades és difícil d’entendre. Tot i així sempre s’ha de procurar que l’usuari trobi
fàcilment i sense gaire complicacions el que és del seu interès.
Annex 1. La Web i el seu Disseny Mireia Martínez
1.2
4.- En la teva professió, i en el teu cas particular, tens molta llibertat alhora de
dissenyar els teus propis projectes?
En el meu cas particular tinc bastant llibertat. És obvi que sempre et marquen
una sèrie de premisses i t’orienten una mica sobre com la volen. Però en realitat, tot el
que és l’estètica, i la distribució dels elements, colors, etc, ve directament del meu
propi projecte que abans de realitzar-lo m’he preparat.
5.- Quines noves innovacions han aparegut actualment en el camp del Disseny
Gràfic?
Bé, cada dia van apareixent noves tecnologies, nous programes i en general tot
el camp de la informàtica està actualment en un continu desenvolupament. Quasi
sempre totes les innovacions vénen d’Amèrica, i clar, és evident que es necessari tenir
un bon domini de l’Anglès. Tot i així personalment he de destacar el nou cyberlight,
una Plataforma Dinàmica de Microsoft.
6.- Creus que és important un lleuger temps d’espera en una web respecte als
usuaris?
Evidentment. Un usuari si es veu obligat a perdre el seu temps esperant que es
carregi una web, ràpidament buscarà una altra que li aporti la mateixa informació o
més que l’altre i que solucioni els seus interessos. Per que no passi això s’ha de
controlar els formats de les imatges, vídeos, animacions, àudio, etc. Hi ha formats que
són especialment pesats i que carreguen amb ells un gran temps d’espera. Per contra
n’hi ha que s’usen exclusivament per a crear pàgines web.
7.- Quin tipus de llenguatge web és el més utilitzat i alhora el més adequat?
Està clar que n’hi ha bastants per escollir. Cada persona se sentirà més còmode
amb un o altre i conseqüentment l’ utilitzarà en la majoria dels casos. Tot i així un bon
dissenyador de webs ha de posseir almenys uns certs coneixements sobre el
llenguatge HTML. Personalment m’agrada bastant el ASP. És una tecnologia que està
estretament relacionada amb el model tecnològic del seu fabricant. Intenta ser una
Annex 1. La Web i el seu Disseny Mireia Martínez
1.3
solució per a un model de programació ràpida ja que programar en ASP és com
programar en Visual Basic, per suposat, però amb moltes més limitacions.
8.- Actualment està de moda aportar una gran interactivitat en la web, entre l’usuari
i la pantalla. Que n’opines de tots aquests elements que fan possible aquest fet?
Penso que és un aspecte que ha evolucionat molt des de els seus inicis. Abans
el visitant actuava com un simple personatge que buscava informació. Avui en dia
l’usuari ja no es comporta com un simple espectador, ara per ara totes aquestes
innovacions ens permeten interactuar amb la pantalla, ja sigui amb música, vídeo,
animacions, o fins i tot arxius amb Flash.
9.- Quina importància li donaries al color i la il·luminació d’una web?
El primer que captes quan arribes a una web és la seva estètica. És important per això
que el color sigui l’adequat, contrastos,il·luminació, fusions de colors, etc. Tot ha de
tenir una certa harmonia perquè sigui agradable per al usuari. Aquest és un aspecte
bastant ampli ja que cada persona té els seus gustos i ho jutja des del seu punt de
vista.
10.- Actualment està de moda dominar el major número de llengües possibles
respecte el terreny professional. És aquesta una professió on sigui necessari el
domini de llengües estrangeres?
De fet, crec que no està de més dominar el major número de llengües
possibles. A causa de l’actual globalització, és important tenir un molt bon domini de
l’Anglès, que és l’ idioma internacional. I si tens l’opció d’aprendre la llengua dels
països emergents, sempre tindràs més bons contactes dintre de les operacions
comercials, i almenys, ja tindràs un avantatge més, per sobre dels teus competidors en
el camp professional.
Annex 1. La Web i el seu Disseny Mireia Martínez
1.4
2.- EXEMPLES PÀGINES WEB ÍNDEX
2.1 Pàgines Índex Dinàmiques.
http://www.sqcircle.com/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.5
http://www.agencynet.com/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.6
www.spunkunited.com
Els elements de la pàgina van
apareixent segons una animació, és a
dir, seguint un ordre: primer el fons després les imatges,.., i per
últim el text.
Annex 1. La Web i el seu Disseny Mireia Martínez
1.7
www.bestiario.org/research/videosphere/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.8
http://moebio.com/esfera/esfera.htm
Annex 1. La Web i el seu Disseny Mireia Martínez
1.9
http://www.stefine.com/home.htm
Annex 1. La Web i el seu Disseny Mireia Martínez
1.10
http://pfw-online.de/previewframe.php
Annex 1. La Web i el seu Disseny Mireia Martínez
1.11
2.2 Pàgines Índex amb petits recuadres
http://www.michaelduerr.com/portraits.html
http://www.bodytag.org/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.12
www.egocrew.com
http://www.studiobrutus.com/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.13
http://gedichten.webpunt.nl/
http://www.sabiresusuz.com/index2.html
Annex 1. La Web i el seu Disseny Mireia Martínez
1.14
2.3 Pàgines Índex Menú.
http://www.anne-sophie-mutter.com/me_index.php
www.myguide.pt
Annex 1. La Web i el seu Disseny Mireia Martínez
1.15
http://www.a-mac.nl/amac/
www.elbulli.es
Annex 1. La Web i el seu Disseny Mireia Martínez
1.16
2.4 Pàgines Índex al centre de la pantalla
http://www.lobo.cx/
http://www.usemedia.com/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.17
http://www.induplus.eu/#/collection/
http://www.poggiomolina.it/en.html
Annex 1. La Web i el seu Disseny Mireia Martínez
1.18
http://www.kanszei.com/
http://www.albergo-laposta.it/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.19
http://www.lomolover.com/lomolover2.htm
www.insercoes.org
Annex 1. La Web i el seu Disseny Mireia Martínez
1.20
http://www.pixelstudio.info/indexflash.html
http://www.ilove2design.com/main.html
Annex 1. La Web i el seu Disseny Mireia Martínez
1.21
3.- EXPLICACIONS D’ EXEMPLES DE PÀGINES WEB
3.2 Explicació 1 Videosphere www.bestiario.org/research/videosphere/
Annex 1. La Web i el seu Disseny Mireia Martínez
1.22
Explicació.
Bestiario és un dels estudis líders en temes de visualització de dades. Desde fa tres anys
utilitza diversos models de negoci que s’acaben deriven sempre en un mateix punt
concret: la relació entre dogma i producte. Alhora, és una petita companyia basada en
Barcelona I Lisboa, la qual es va fundar tres anys enrere. Es dedica principalment a la representació
dinàmica de dades i a la creació d’espais digitals per la creació col·lectiva de coneixement i ell seu
eslògan es fer lo complex, comprensible.
Un dels seus projectes més destacats és la Videosphere. Tracta d’una
conversació entre art, ciència, tecnologia i la societat.
Tal i com veiem en les imatges superiors sempre ens podem trobar amb
pagines webs que se surtin del prototip bàsic més utilitzat. Ja no utilitzen una
estructura bàsica lineal i senzilla amb una organització de la informació disposada
sequencialment a través dels enllaços. En aquest cas trobem un disseny més novedós,
desconegut i més interessant i elegant.
Aquesta pàgina principal està disposada circularment i té forma d’esfera. Com
veiem, dins d’ella hi trobem una gran quantitat de vídeos diferents, als quals per
accedir nomes tenim que apropar-nos-hi i clicar al play.
Independentment de l’esfera, també trobem un petit menú que ens permet
escollir les opcions que més ens interessin. Des del fet de mirar l’esfera des de dins o
des de fora, la visibilitat de les relacions entre vídeos (les línees que els uneixen),
pantalla completa, o fins i tot una organització per continguts de les diferents
reproduccions.
Aquí ja no trobem enllaços que ens portin a una altra pàgina ni res per l’estil. En
la videosphere sempre et trobes en la mateixa pàgina, però a partir d’uns petits
enllaços t’hi vas movent dintre de ella. Normalment són fletxes que apareixen
automàticament quant et vols desplaçar, les cliques i et porten a altres llocs de
l’esfera. A partir d’aquest moviment pots veure tota la superfície circular d’aquesta i el
centenar de vídeos que hi conté.
Annex 1. La Web i el seu Disseny Mireia Martínez
1.23
3.1 Explicació 2 El Corte inglés: www.elcorteingles.es
Annex 1. La Web i el seu Disseny Mireia Martínez
1.24
Explicació
El corteingles. Centre comercial on podem trobar qualsevol de les nostres necessitats,
desde l’alimentació bàsica fins a un viatge per a les vacances. És una entitat coneguda,
i famosa arreu de l’estat, i és per això que no podria faltar una pàgina web.
En aquest cas la web del Corte ingles està adreçada als consumidors, que ja
vulguin consultar la disponibilitat d’un producte, fer la compra via Internet o
simplement entretenir-se amb el catàleg.
Com ja sabem el centre comercial ofereix una gran diversitat de productes i és
per això que aquesta pàgina especialment es molt complexa i ha d’estar molt ben
organitzada per no perdre a l’usuari en un mar d’enllaços interminable. Com veiem en
les fotografies, la web compleix les expectatives. Un element essencial i molt útil en
aquest tipus de pàgines és un gran menú organitzat per seccions. En aquest cas es
troba en el lateral, ordenant els productes per diferents seccions. També és molt
important el fet de tenir sempre present un enllaç cap a la pàgina principal. Això ajuda
al visitant a no sentir-se perdut, i saber que sempre pot tornar al lloc des d’on ha
vingut.
La pàgina principal o portada és atractiva, amb anuncis i publicitats constants
per tal d’atreure als visitants a realitzar algunes compres. Sempre s’anuncien les noves
ofertes, els nous productes, les noves col·leccions, etc. I finalment, com en quasi totes
les pàgines webs d’entitats, institucions, empreses, s’ha de distingir clarament un
logotip, una imatge pròpia d’aquella web.
Pel que fa a l’estructura dels enllaços, aquesta es basa en la jerarquia.
Comencem des de una pàgina amb múltiples opcions a triar, diverses seccions amb
centenars de productes en elles, i després anem definint més i més fins que arribem a
la pàgina on trobem la informació detallada del producte que ens interessa.
I finalment, respecte a l’estètica, aquesta és bastant semblant a altres pàgines
que hem vist. Fons blanc, i en aquest cas tons verds (colors propis del corteingles) per
als títols, textos, menús, etc. Una estètica senzilla, correcte i sense cap tipus de
dificultat per a la visió del ésser humà.
Annex 1. La Web i el seu Disseny Mireia Martínez
1.25
3.3 Explicació 3 Museu Nacional del Prado www.museodelprado.es
El museu del Prado, és un museu conegut internacionalment ja que recull una
gran varietat d’Art Contemporani d’arreu del món. Es situa a Madrid i com qualsevol
casa d’art no li falta una bona pàgina web.
Com veiem en la imatge superior, la pàgina principal o portada està adreçada a
diferents usuaris de diferents nacionalitats ja que ens mostra una gran varietat
d’idiomes. Aquest detall només és comú als llocs d’interès bastant coneguts i que
tinguin un públic de tot tipus. A més a més aquesta home prèvia ja ens fa tres cèntims
del que podrem trobar al seu interior. El fet de començar amb una imatge cultural, un
quadre sembla ser, ja ens indica que la pàgina en sí tractarà sobre un tema cultural i
artístic.
Amb un sol clic de ratolí arribarem a la anomenada pàgina índex, la pàgina
desde la qual podrem accedir a tots els continguts del nostre interès. Menú a
l’esquerra, notícies actuals per atreure als usuaris a la part dreta superior, en aquest
cas es tracta de noves col·leccions artístiques, i imatges per a orientar al visitant. Una
estructura comú i bastant utilitzada, senzilla i eficient. Ens permet tenir les idees clares
i trobar fàcilment la informació que busquem. Un cop ens endinsem en un sol apartat,
Annex 1. La Web i el seu Disseny Mireia Martínez
1.26
l’estructura es va minimitzant i és cada cop més senzilla. Alhora apareix un altre menú
subordinat que probablement ens portarà a informació més detallada.
Per altra banda aquesta pàgina web és molt complexa. Podem observar que no només
té imatges i informació, sinó que també té activitats interactives, enllaços cap a altres
empreses i un propi buscador.
Top Related