Ud4. Imagen Corporativa Diseño Web

UD4.
Imagen corporativa: diseño web
- Comercio electrónico -
1. Web corporativa
World Wilde Web
L a web ( www) se basa en un s is tema cliente/ servi dor. Los prog ram as que
realizan l a funci ó n de clientes s e deno minan naveg ado res y se encarg an de
transitar de pági na en página por la r ed.
El navegado r se pone en contacto con un or denado r (servi dor) al que sol i ci t a un

sitio web det er mi nado; el s er vido r le mues tr a una pág i na web i ni ci al y a part i r
de ahí s e pu ede r ecor r er to do el s itio web e incluso sal t ar a ot ros.
En la act u al i dad, lo s nav egado r es per miten acceder no sol o a l os servi dores,
sino t ambi é n a di fer en tes s er vicios , co mo puede ser el correo el ect róni co.
Tambié n pr esent an di fer entes f uncio nalidades , co m o g uardar un reg i st ro de l os
sitios vi s i t ado s, o almacenar aquellas dir ecciones que el usuari o desea recordar
marcán do l as co mo fav or itas .
1. Web corporativa
Web Corporativa
Tener pr es enci a en la r ed es impr es cindible, per o no se t rat a so l o de est ar, si no

de cons egu i r t ener un es pacio que r epr es ente a l a o rg ani zaci ón, t ransm i t a sus
valores y gen er e co nfi anz a en los clientes .
El sitio web de una or ganiz ación tiene que s er capaz de t ransm i t i r un m ensaj e
con co n t en i do s i nfo r mat iv os y vis uales .
Todas l as empr esas deben tener s u pr o pia i magen c or porati v a , es deci r , co nt ar

con un a i magen que les per mita s er identi f i cadas y di f erenci adas, que
contribu y a a posi ci onar las en el mer cado e ins pir ar conf i anza.
Estos o bj et i v o s se consi guen mediante la cr eación de una i denti dad v isual que
repres en t e a la o r gani zación y s ea capaz de hacer que est a sea reco noci bl e,
fácil de r ecor dar y que maque una dif er encia con respect o a ot ras.
1. Web corporativa
Web Corporativa
L a imagen co r po r at i v a de una o r ganiz ació n se m ani f i est a en t odos l os

element os : l ogo t i po, color es , tipogr af ía... L a im ag en corporat i va se convi ert e
así en u n component e primo r dial par a una empr esa.
Una web co r po r at i v a es la f or ma que una em presa t i ene de hacer su

presen t aci ón ant e lo s us uar ios de inter net; no consi st e en c¡ vender sus
product o s o ser v i ci o s, si no en vender s u pr o pia ident i dad.
1. Web corporativa
Web Corporativa
1. Web corporativa
Web Corporativa
Actividad
Internet ha supuesto un gran cambio en el acceso a la
información. Realiza una búsqueda en la web y compara los
recursos que ofrecen los principales museos de pintura europeos.
Céntrate en tres de ellos y realiza un informe del tipo de
información que ofrecen y si es adecuada para diferentes tipos
de usuarios: turista, investigador, estudiante.
2. Diseño y creación de páginas web
Tipos de páginas web: estáticas y dinámicas
Ant es de co menzar el dis eño de un s itio web, hay que f i j ar l os o bj et i vos que
tiene qu e cu mpli r y , sobr etodo , co ncr etar la f unc i onal i dad que debe t ener.
L as pági n as web pueden f uncionar co mo s i s e t rat asen si m pl em ent e de un

anunci o ; es t amo s hablando de las pági nas est áti cas .
Este tér mi n o no i mpli ca que la página tenga o no al g una ani m aci ón, si no que
alude al h echo de que, cada vez que un us uar io acceda a el l a, si em pre verá l o
mismo y n o r eali zar á ni ng una inter acción con la w eb.
L as pági nas di námi cas se van gen er ando como r es pues ta a las decis iones que
los usuar i o s v an t omando dentr o del s itio web.
Diseño
El diseñ o de pági nas web lleva implícito el des arro l l o de una m et o dol o g í a que
permita co menzar el pr oy ecto des de cer o y culminarl o con éx i t o.
L os pr i mer o s pasos so n cr ear el plan de pr oy ecto , es deci r , l a her r ami ent a de

orientaci ó n y análi si s a par tir de la cuál tr abaj ará el equi po de t rabaj o, y
est ruc t ur ar el si ti o web.
Diseño
Poster i o r ment e se r eali za el desarr ol l o del di seño vi s u al ; se t r at a de una

parte mu y i mpo r t ant e. El pr oces o par a des ar r o llar est a part e consi st e en:
Diseño
Es impo r t an te r eali zar un dis eño r es pons ive, capaz de adapt arse a di f erent es
dispos i t i v o s ( PC, t ablet , s mar tphone) y que s u visual i zaci ón sea cóm oda.
Finalmet e hay que est ablecer las es pecif icaci ones t écni cas, desarrol l ar el
protot i po y r eali zar la i mplementación.
Actividad
El sitio web de elcorteingles.es realiza ventas online de sus
diferentes departamentos.
¿A qué público se dirige? Razona la respuesta.
¿Tiene un diseño responsive?
¿Qué diferencias hay entre tener un sitio web con diseño

responsive y tener una app para realizar compras desde el
movil? Razona la respuesta.
Diseño - Elementos
Una pági n a web debe gar antiz ar una buena ex peri enci a de usuari o a sus
visitant es . Tan i mpor t antes s on los contenido s com o l a co m posi ci ón del si t i o,
que debe i n t egr ar lo s dif er entes elemento s de f orm a i ndi vi dual i zada en l a
estruct u r a gl o bal. L os elementos más habituales son:
Diseño - Elementos
Contenidos
L as pági n as web pueden tener cualquier tipo de cont eni do s, seg ún cual es l a
finalidad par a la que es cr eada.
Todos l o s cont eni do s s e pueden clas if icar en t res g randes g rupos: t exto,
multi medi a e i mágenes . La uti l i zación de t odo s ellos debe cons eguir dar una
visión gl o bal del si t i o web que apor te co herenci a y equi l i bri o ent re l os
diferent es t ipo s de co nt enidos , de tal maner a que apo rt en v al o r a l a web.
Contenidos - Texto
Contenidos - Multimedia
El térmi n o multi medi a hace r efer enci a a la u tiliz ació n de dif er entes m edi os
para mo s t r ar i nfo r maci ón. En es te gr upo es tar í an i ncl ui dos t ex t os, i m ág enes,
animaci o n es, audi o y v í deo.
El uso de es t e t i po de co ntenido s contr ibuye a crear una ex peri enci a de uso

agradabl e, cr eat i v a e i nno vado r a. Per o , evidentem ent e t i ene sus i nconveni ent es:
Navegador es: no todos per mi t en la vi sualiz ación de ef ectos y ani m aci ones.
Ti empo de c arga: estos co mpl ement o s suelen tener mucho pes o.
Recursos del usuari o: algunos s i s temas i mpi den la r epr oducción de au di o y
video.
Pr opi edad intelectual: mucho s de est o s r ecur so s es tán s ometidos a der echos
de aut o r .
Contenidos - Multimedia
L os ví deos son un a de las her r ami entas más utiliz adas en el m arket i ng di g i t al ,
ya que s e t r at a del t i po de co ntenido que r ecibe m ás vi si t as. Lo s usuari os t i enen
la pos i bi l i dad de v i si o nar lo s en cualquier mom ent o , co nvi rt i é ndose en l o s
conten i do s que act ualmente tienen más dif us ión.
El soni do contri bu y e a cr ear una atmós f er a pr o picia par a vi si t ar l a web. E l eg i r

la melo dí a adecuada, optimiz ar la en cuanto a su f orm at o y duraci ón, así com o
asegur ar s e de poder des activar la, s o n los f acto r es cl ave para i ncorporar soni do
a nues t r a pági na web.
Contenidos - Imágenes
El uso de i mágenes es habitual en las páginas w eb, y t odos l os usuari o s son m ás

recept i vo s a est e t i po de contenidos que al texto .
L a calidad de las i mágenes y s u o ptimiz ación en l a web es f undam ent al . E L g ran

ret o de l o s di señado r es es co ns eguir guiar vis ual m ent e al espect ador m edi ant e
la utilizaci ó n de di fer entes elementos ; no s e tr at a úni cam ent e de ver, si no de
mirar en el l u gar y o r den adecuados .
El princi pal i nconv eni en te de las imáagenes s on sus caract erí st i cas t écni cas,
pues deben t ener la sufi ciente calidad ( r es oluci ón, di m ensi ones). P o r el l o ant es
de utili zar u n a i mágen debe s er tr atada co r r ectam ent e.
L as imágen es que se mues tr an en un monitor est án f o rm adas por m uchos

cuadradi t o s junt o s, denominados píxeles . Un píxel es l a uni dad m í ni m a de l a que
se compo n e la pant alla. L o s píxeles s e dis tr ibuyen vert i cal y hori zont al m ent e, y
contien en i nfo r maci ó n r elativa a lo s colo r es , bri l l o, sat uraci ón, y t o dos j unt os,
confor man una i magen o mapa de bits .
Para t r at ar una i magen hay que tener en cuenta su reso l uci ó n, t am año y m odo
de col o r .
L a resoluc i ón de una i magen i ndi ca el númer o de píxeles por u ni dad de m edi da,
siendo es t e fact o r el que deter mina la r es o l uci ó n de l a i m ag en. A m ayor
resoluci ó n , más defi ni ció n y mej or detalle. L a uni dad de m edi da ut i l i zada
normal men t e es pí xel po r pulgada.
L a res ol u ci ó n no afect a a las imágenes vector i al es , las cu al es se pueden

modifi car en t amaño y for ma s in alter ar s u calidad.
Esto s e debe a que lo que s e guar da de es tas i m ág enes no es i nf o rm aci ón en
cada pí xel , si no la definició n de o bj etos ; al s er escal ados, no se def o rm a su
visualizaci ó n .
El modo de co lo r es el encar gado de r ealiz ar l a descri pci ón de col ores en

funció n de un mé t odo matemático deter minado , especi f i cando el núm ero de
colores . L o s más ut i li zado s s o n R GB, CM Y K y es cal a de g ri ses.
L a res ol u ci ó n no afect a a las imágenes vector i al es , las cu al es se pueden

modifi car en t amaño y for ma s in alter ar s u calidad.
Esto s e debe a que lo que s e guar da de es tas i m ág enes no es i nf o rm aci ón en
cada pí xel , si no la definició n de o bj etos ; al s er escal ados, no se def o rm a su
visualizaci ó n .
El modo de co lo r es el encar gado de r ealiz ar l a descri pci ón de col ores en

funció n de un mé t odo matemático deter minado , especi f i cando el núm ero de
colores . L o s más ut i li zado s s o n R GB, CM Y K y es cal a de g ri ses.
L a res o l u ci ó n y el mo do de co lor s on f undament al es para obt ener i m ág enes de

calidad y o pt i mi zadas al medio do nde s e vana a vi sual i zar:
El tamañ o de una i magen r ef lej a s us dimenas io nes f í si cas. Los prog ram as de
tratami en t o de i mágen es es tablecen una dif erenci aci ón ent re t am año de
imagen y de li enzo .
El t amaño de i magen reflej a l a cant i dad de píxeles que contiene una i m ag en,
mientr as qu e el t amaño de li enzo muestr a el t amaño r eal del do cumento, es
decir, cu án t o medi r á al i mpr imir s e.
El for mat o de lo s ar chiv os de imágenes guar da i nf o rm aci ón rel at i va a l as
caract er í s t i cas y la compatibilidad de dicho s archi vo s. C ada f orm at o t i ene su
propia es t r uct ur a y se pueden dif er enciar dos g randes g rupos: l os f orm at os
vector i al es y lo fo r mat os de mapas de bit.
For mat os v ectori ales . Cons i s t en en For mat os de mapas de bi t . Las

dibuj os y lí neas bas ados en o bj etos imágen es est án for madas po r píxeles :
gráficos . Su gr an v ent aja es que pueden s er
modifi cado s si n alt er ar su calidad. BMP (Bi t mapped Fi le Format)
GIF
CDR (Co r el Dr aw) J PG/JPEG
DWG (Au t o CAD) PSD (Ph ot o s hop)
AI (Ado be I l l ust r at o r ) PNG (Por t able Net wo r k Gr aphics )
EPS (En caps ulat ed Po st Scr ipt Files ) T IFF (Tagged Image Fi le For mat)

Ud4. Imagen Corporativa Diseño Web

Cargado por

Copyright:

Formatos disponibles

Ud4. Imagen Corporativa Diseño Web

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Ud4. Imagen Corporativa Diseño Web

Cargado por

Copyright:

Formatos disponibles

UD4.

Imagen corporativa: diseño web

El navegado r se pone en contacto con un or denado r (servi dor) al que sol i ci t a un

Tener pr es enci a en la r ed es impr es cindible, per o no se t rat a so l o de est ar, si no

Todas l as empr esas deben tener s u pr o pia i magen c or porati v a , es deci r , co nt ar

L a imagen co r po r at i v a de una o r ganiz ació n se m ani f i est a en t odos l os

Una web co r po r at i v a es la f or ma que una em presa t i ene de hacer su

L as pági n as web pueden f uncionar co mo s i s e t rat asen si m pl em ent e de un

L os pr i mer o s pasos so n cr ear el plan de pr oy ecto , es deci r , l a her r ami ent a de

Poster i o r ment e se r eali za el desarr ol l o del di seño vi s u al ; se t r at a de una

¿Qué diferencias hay entre tener un sitio web con diseño

El uso de es t e t i po de co ntenido s contr ibuye a crear una ex peri enci a de uso

El soni do contri bu y e a cr ear una atmós f er a pr o picia par a vi si t ar l a web. E l eg i r

El uso de i mágenes es habitual en las páginas w eb, y t odos l os usuari o s son m ás

L a calidad de las i mágenes y s u o ptimiz ación en l a web es f undam ent al . E L g ran

L as imágen es que se mues tr an en un monitor est án f o rm adas por m uchos

L a res ol u ci ó n no afect a a las imágenes vector i al es , las cu al es se pueden

El modo de co lo r es el encar gado de r ealiz ar l a descri pci ón de col ores en

L a res ol u ci ó n no afect a a las imágenes vector i al es , las cu al es se pueden

El modo de co lo r es el encar gado de r ealiz ar l a descri pci ón de col ores en

L a res o l u ci ó n y el mo do de co lor s on f undament al es para obt ener i m ág enes de

For mat os v ectori ales . Cons i s t en en For mat os de mapas de bi t . Las

También podría gustarte