Inicio en diseño web

Cenfer · #1 (**permalink**) 22/01/2011, 00:04

Hola a todos,

Ya tengo todo lo que se necesita para diseñar una web.

Firefox, WebDeveloperTools, FireBug, Coda y PhotoshopCS5.

El problema ue tengo esque no se en que medidas abrir el documento en photoshop para empezar a diseñar.

Tampoco se me da bien el tema de elegir las paletas de colores.

¿Antes de empezar ua web en firefox con el webdevelopertools hago una captura deñ navegador con las medidas para tenerla de plantilla en photoshop?

Aquí uno solo sabe maquetar en html y css y se pierde en colores y demás.

Saludos y gracias,

Cenfer · #2 (**permalink**) 22/01/2011, 00:16

Si quiero hacer un site que haga 950 px de ancho y 1.000 px de altura habro un documento de 950x1000 pero si quiero que la web sea todo el 100% de la pantalla?

Que sería una 1024 x 768?

Saludos y gracias adelantadas,

masclet · #3 (**permalink**) 22/01/2011, 04:46

Cita:

Iniciado por Cenfer

Si quiero hacer un site que haga 950 px de ancho y 1.000 px de altura habro un documento de 950x1000 pero si quiero que la web sea todo el 100% de la pantalla?

Que sería una 1024 x 768?

Saludos y gracias adelantadas,

No.
Ten en cuenta que el navegador tiene en el lateral derecho el scroll y en la superior la barra de navegación y menús.

Para el ancho de 1024 px, yo suelo trabajar con un ancho de 980 / 990 px.
El alto la verdad nunca lo tengo en cuenta, ya que pocas webs ocupan solo el alto. Bueno si, las creadas en flash.
Yo le pondría un alto de 650 px.

Artificium · #4 (**permalink**) 22/01/2011, 08:19

Para empezar hazlo como te dicen: 980 o 990, aunque yo lo hago de 1000, pero si vas a empezar con estas cosas mejor aprende código: HTML y CSS al incio. Verás que hacer una web con Photoshop es muy limitante. Si quieres continuar con este "negocio" deberás aprender código o quedarte estancado. Suerte!

Cenfer · #5 (**permalink**) 24/01/2011, 15:20

Cita:

Iniciado por Artificium

Para empezar hazlo como te dicen: 980 o 990, aunque yo lo hago de 1000, pero si vas a empezar con estas cosas mejor aprende código: HTML y CSS al incio. Verás que hacer una web con Photoshop es muy limitante. Si quieres continuar con este "negocio" deberás aprender código o quedarte estancado. Suerte!

El diseño gráfico no se hace con photoshop? xhtml y css son para la maquetación de dicho diseño.

Kurozaki · #6 (**permalink**) 24/01/2011, 15:35

Cita:

Iniciado por Cenfer

Si quiero hacer un site que haga 950 px de ancho y 1.000 px de altura habro un documento de 950x1000 pero si quiero que la web sea todo el 100% de la pantalla?

Si quieres algo que sea al 100% de la altura del navegador, puedes usar height:100% y para el diseño de este puedes usar un bg repeat, como podria ser un fondo de 1px de altura y lo repites sobre el eje Y (background-repeat:repeat-y;)

y con esto tiene el diseño de tu fondo al 100%, siempre.!!!

sanxuan · #7 (**permalink**) 24/01/2011, 15:39

No hay medida estándar. Tendemos a pensar en la pantalla del ordenador y en una maquetación rígida que no se adapta al tamaño del dispositivo.
Usa tamaños mínimos y máximos que impidan que tu web se vea mal, pero no impidas que algunos de los elementos de tu página ocupen todo el espacio disponible. Hablo del ancho, en general el alto lo marcará el contenido. Prueba a ver tu web en tamaños de un teléfono móvil de hoy, de 300 y pico pixeles hacia arriba (aún quedan de esos). No hace falta que se vea bien siempre, pero sí que sea accesible, es decir que los controles se puedan seguir usando.
Entro en bastantes páginas de gente supuestamente profesional que no permite acceder a todos los enlaces de los desplegables si uno no tiene una pantalla grande.
Permite que se pueda usar al menos la barra de desplazamiento. El comprobarlo es tan simple como minimizar la ventana de tu navegador.
Puedes usar fondos que se vean bien a tamaños grandes y pequeños, usar tamaños de letra proporcionales, anchos proporcionales, márgenes proporcionales, aumentar o disminuir tus imágenes dentro de límites razonables...
No pienses en una portada de una revista. Prueba a pensar en cómo organizar los elementos de esa portada (logotipo, titulares, fotos) de manera que se vean bien sin que importe el tamaño de la misma.

Artificium · #8 (**permalink**) 24/01/2011, 17:00

Cita:

Iniciado por Cenfer

El diseño gráfico no se hace con photoshop? xhtml y css son para la maquetación de dicho diseño.

Si trabajas así genial, pero no lo llames diseño gráfico, llámalo diseño web, no es lo mismo.

Cenfer · #9 (**permalink**) 26/01/2011, 02:30

Cita:

Iniciado por Artificium

Si trabajas así genial, pero no lo llames diseño gráfico, llámalo diseño web, no es lo mismo.

La web lleva diseño gráfico. Cuando diseñas en photoshop estás utilizando patrones de diseño gráfico. Tipos de fuentes, etc. eso viene del diseño gráfico y lo otro se llama maquetación y tiene cosas de la imprenta como el margin, padding etc. en las capas de css y todo junto se le llama diseño web.

Saludos,