Foros del Web » Creando para Internet » Diseño web »

Como diseñar esto?

Estas en el tema de Como diseñar esto? en el foro de Diseño web en Foros del Web. Tengo que hacer un diseño en 3 columnas, pero el diseñador ha puesto una imagen que tiene que ir alineada a la derecha (una salpicadura ...
  #1 (permalink)  
Antiguo 30/08/2014, 08:08
 
Fecha de Ingreso: septiembre-2013
Mensajes: 60
Antigüedad: 8 años, 3 meses
Puntos: 1
Pregunta Como diseñar esto?

Tengo que hacer un diseño en 3 columnas, pero el diseñador ha puesto una imagen que tiene que ir alineada a la derecha (una salpicadura que sale de la derecha),

la duda es como hacerlo:

- hacerlo con las 3 columnas, (fija, flexible, fija) que ocupen toda la pantalla: cuando se aumente la resolución del monitor a 1600 o 1920px de ancho, por ejemplo, la columna central se quedaria demasiado grande para el poco contenido que tiene (apenas 3 parrafos y un fondo de imagen pequeño)



- O hacerlo a tamaño fijo de las 3 columnas, y centrarlo, aunque se quede el salpicon cortado por la derecha...



¿Que opinais?

¿Hay alguna otra forma de hacerlo?
  #2 (permalink)  
Antiguo 30/08/2014, 11:36
Womp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Como diseñar esto?

Puedes variar el tamaño de la imagen mediante porcentaje "width:50%" "height:50%" dependiendo de en que resolución la vayas a mostrar, de esta manera la mancha de agua tapará tu texto y siempre se escalará a la resolución óptima.

PD: Pregúntale al diseñador si eso que quiere hacer tiene algún sentido o realmente importante, esas pijadas suelen sobrar si se quiere hacer un buen sitio web.
  #3 (permalink)  
Antiguo 30/08/2014, 11:47
Avatar de siddartha23  
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 8 años, 4 meses
Puntos: 39
Respuesta: Como diseñar esto?

Creo que la imagen que nos muestras no es buena referencia ya que solo muestra un pequeño detalle dentro de la composición completa, no podríamos decirte que tan bien se ve la salpicadura de agua cortada o sin cortar sin ver los demás elementos.

Por otro lado yo solo haría una página a pantalla completa si es que el contenido es bastante y fluído como para no dejar huecos que den la sensación de que la web se encuentra incompleta.
__________________
velarde23.com - Soluciones Web
  #4 (permalink)  
Antiguo 30/08/2014, 11:54
 
Fecha de Ingreso: septiembre-2013
Mensajes: 60
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Como diseñar esto?

no, no me has entendido, el problema no es que el salpicon tape o no el texto, de hecho va sobre una zona (en la columna) que no tiene nada de texto. No es necesario redimensaionarlo (excepto para responsive en dispositivos pequeños).

La cuestión es si hacer una cosa: columa derecha fija y la columna central flexible, con las consecuencias que tiene cuando se ve en un monitor grande, de mas de 1280 (opción 1)

u otra: las tres columnas a tamaño fijo, y centradas en el monitor, con lo que el salpicon se queda "cortado" por la derecha...(oción 2)

Es solo una cuestión de gustos, ?que preferis?
  #5 (permalink)  
Antiguo 30/08/2014, 18:11
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 8 años, 8 meses
Puntos: 31
Respuesta: Como diseñar esto?

Te parecera una simple cuestión de gustos, pero para formarse una opinión hay que ver algo más del diseño. Trabajando con diseñador, lo suyo es plantearle la situación y que él decida.
  #6 (permalink)  
Antiguo 30/08/2014, 18:25
 
Fecha de Ingreso: septiembre-2013
Mensajes: 60
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Como diseñar esto?

Bueno, en realidad es una cuestión no solo estetica sino funcional, en eso estoy de acuerdo. Sin embargo la posibilidad de consultar al diseñador no esta disponible.

Además se trata de un diseñador sin experiencia en web, de hecho el hizo un diseño para un triptico, con medidas de pantalla completa (1024 x 768), sin tener en cuenta el espacio que ocupan las barras de navegación, dirección, etc...

Por otra parte, coincido con siddharta23 en que si la web no tiene demasiado contenido no vale la pena hacerla a pantalla completa.
  #7 (permalink)  
Antiguo 31/08/2014, 11:47
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Como diseñar esto?

Podrías poner una capa para centrar el contenido dentro de la columna del medio tal que así, de modo que divides el espacio que quedaba en dos más pequeños. También podrías hacer las columnas de los lados más anchas. Espero te sirva
__________________
Simple principiante. Déjame las cosas claras y no me preguntes.
  #8 (permalink)  
Antiguo 31/08/2014, 13:36
 
Fecha de Ingreso: septiembre-2013
Mensajes: 60
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Como diseñar esto?

Cita:
Iniciado por Germano6 Ver Mensaje
Podrías poner una capa para centrar el contenido dentro de la columna del medio tal que así, de modo que divides el espacio que quedaba en dos más pequeños. También podrías hacer las columnas de los lados más anchas. Espero te sirva
Esa seria una opción, pero resulta que los tengo los elementos de la columna central posicionados con absolute, ¿cómo podria hacerlo para que conserven su posición (no su posición absoluta, sino relativa a la columna central)?
  #9 (permalink)  
Antiguo 01/09/2014, 11:26
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Como diseñar esto?

Cita:
Iniciado por jakijem Ver Mensaje
Esa seria una opción, pero resulta que los tengo los elementos de la columna central posicionados con absolute, ¿cómo podria hacerlo para que conserven su posición (no su posición absoluta, sino relativa a la columna central)?
A la nueva capa contenedora le puedes dar position:relative para que los objetos con posicionamiento absoluto del contenido lo tengan ahora con respecto a la capa contenedora. No sé si esto contesta tu pregunta.
__________________
Simple principiante. Déjame las cosas claras y no me preguntes.

Etiquetas: diseñar, diseño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:59.