Diseño web

[geforcefx]

Hola, tengo varias dudas espero puedan aclararmelas.
- Para diseñar una pagina web en psd cual es la mejor resolucion y modo de color a elegir.
al crear una plantilla sale las caracteristicas donde se puede cambiar la resolucion por pixel y el modo de color por bits .

-Al realizar un diseño web el diseñador esta libre a realizar el modelo o se debe seguir un standar para que luego sea maqueteado, esto lo pregunto ya que ahora con html5 jquery y css3 se pueden hacer muchas cosas, ademas que hay programas donde uno pone los objetos donde quiera lo que me hace pensar que no hay restriccion para diseñar un web.

-uno como diseñador se debe preocupar por la division de la pagina para el maqueteado(header,pie de pagina, etc) o eso lo debe hacer el maqueteador.

Saludos.

[zeliq]

La resolución a utilizar para el diseño depende del uso final que vaya a tener la página. Yo vengo utilizando 1280 píxeles de ancho (y el alto variable si cuentas con el scroll). Pero eso es porque cuento con que la mayoría de quienes van a ver las páginas que yo diseño tendrán pantallas con esa resolución. Con 800 píxeles de ancho te aseguras que todo el mundo lo vea bien (en ordenador, claro... para smartphones la cosa puede ser distinta).

Modo de color: se aplica más o menos lo mismo. Pero no deberías tener problemas con 24bits.

En cuanto al diseño de la página, es libre. Podríamos decir que todo lo que se puede dibujar se puede poner en una web. Lo cual no significa que todo cueste igual, dependerá de la tecnología que vaya a utilizar la web. Dicho de otro modo: puedes llegar a diseñar algo que resulte muy caro de implementar en una web.

Y en cuanto al "maqueteador"... yo cuando diseño una página me ocupo de todo. No creo que sea buena idea dejar el diseño del header y demás en manos de otro.

[geforcefx]

gracias!! pero referente a lo ultimo yo realize el diseño del header y pie de pagina, yo me refiero a que si hay que dejar alguna marca que diga header, body, etc encima del diseño o ya el maqueteador vera como implementarlo?.
saludos y muchas gracias por la ayuda ^^

[zeliq]

Leyendo mejor tu pregunta me doy cuenta de que efectivamente estabas preguntando por la división de la página y no por el diseño de las divisiones propiamente dicho...

Yo como que siempre he sido el maquetador de mis propios diseños, no he tenido ese problema. De todos modos, siempre que ejecutas un trabajo para que otro haga algo a partir de ello, toda indicación que puedas pasarle al siguiente es poca. Yo te diría que le dejes tantas indicaciones como puedas (incluso diría que tantas como permita el presupuesto del trabajo ). Aunque, como te digo, no tengo experiencia en este caso concreto. Quizás incluso hay alguna convención al respecto.

saludos

[Rafael]

- Para diseñar una pagina web en psd cual es la mejor resolucion y modo de color a elegir...
la resolucion por pixel y el modo de color por bits .

(Hola. Bienvenido.Zeliq)

Geoforce, Por partes. Por "La resolución por pixel" más bien creo te refieres a puntos por pulgada. No importan. Para mayor información dale una revisada a este enooorme tema.
http://www.forosdelweb.com/f6/hablem...lucion-697586/

En medios electrónicos los dpi no afectan. La resolución es directamente en pixeles de ancho.

Zeliq comenta que 800 de ancho para desktops; casi nadie usa esa resolución ya, por lo que tener como objetivo mínimo tal vez sea mejor 1024. Este sistema es un buen comienzo http://960.gs/.

El modo de color será siempre rgb y el perfil trata de usar sRGB.

Al realizar un diseño web el diseñador esta libre a realizar el modelo o se debe seguir un standar para que luego sea maqueteado, ...
uno como diseñador se debe preocupar por la division de la pagina para el maqueteado(header,pie de pagina, etc) o eso lo debe hacer el maqueteador.

La respuesta es como todo. Necesitas entender el proceso realmente si quieres ser diseñador.

Un diseño siempre debe tomar en cuenta el proceso de producción, ya sea impreso, de modas, diseño industrial, de muebles... también para medios electrónicos.

Tienes que estudiar un poco de lo que comentas, html css y Javascript, para entender cómo mandar tu psd. Básicamente da libertad al maquetador y programador para usar el objeto correcto en el lugar correcto. Por lo menos déjalo en capas con los nombres correctos, incluso las capas en carpetas.

Tus carpetas se llamarán Header, y dentro capas como Fondo, Menú, Fondo Menú, etc.

Algo que tu pusiste de fondo quizá se tenga que separar de lo de arriba por ejemplo.

Saludos.

[zeliq]

Hola Rafael, gracias por la bienvenida

La verdad es que me alegra que hayas hecho la precisión sobre el uso del término "resolución". En mis conversaciones suelo ser el que se pone pesadito con la terminología y en este caso opté por evitarlo porqué vi que ya se entendía lo que geforcefx quería decir. Pero alguien tenía que decirlo.

Por lo demás, obviamente no tengo nada que añadir. Salvo que soy novato en esto de los foros y espero saber mantenerme dentro de la corrección.

Saludos

[geforcefx]

Gracias rafael y zeliq , en lo de dividir en carpetas ahi tengo un problema ya que mi diseño tiene debajo del menu; botones de redes sociales y otros botones de menu como si fuera un segundo menu(otra franja) pero esto esta encima(sobrepuesto) de un (no se como se dice jeje) mostrador de imagenes.
y en otra pagina debajo del primer menu hay un barra de progreso de la cual debajo de esta recien esta el segundo menu pero ya sin estar sobre puesto a un mostrador de imagenes.

para estos casos como me aconsejan crear las carpetas, aclaro que la barra de progreso es parte del contenido.

muchas gracias por su ayuda se los agradezco, me pondre a estudiar css y demas; una vez termine este proyecto que tengo que entregar maniana asi no tendre problemas a la hora de diseñar.

saludos.

[fishdesign]

Te respondo por partes:
1. Si quieres hacer una web "estática", te recomiendo 1.000px de ancho.
Si vas a hacerla responsive, puedes basarte en varias resoluciones: pantalla ancha, normal, tablet y smartphones.
Un sistema de grids te ayudará, como te dijo Rafael. También puedes probar con http://cssgrid.net/

2. Siempre y cuando tenga una buena estética, se puede hacer casi todo. Por supuesto, cosas como animaciones, sombras, etc. debes tener en cuenta que se tardará más en realizar y será más complicado que sea cross browser.

3. En un mundo racional, el diseñador solamente diseña. En el mundo real, el diseñador debe saber maquetar, javascript y desarrollo front end, marketing, social media, etc... xDDDDD

[memoadian]

Iniciado por fishdesign

3. En un mundo racional, el diseñador solamente diseña. En el mundo real, el diseñador debe saber maquetar, javascript y desarrollo front end, marketing, social media, etc... xDDDDD

La mayoría de los diseñadores no saben maquetar muy bien ni programar, y viceversa.

es raro encontrar a alguien que realmente haga bien las dos cosas.

[fishdesign]

Iniciado por memoadian

La mayoría de los diseñadores no saben maquetar muy bien ni programar, y viceversa.

es raro encontrar a alguien que realmente haga bien las dos cosas.

Completamente cierto, y no es un misterio, ya que hay una base científica detrás de todo esto.
No obstante, todo esto no quita que a la mayoría de los diseñadores le pidan saber maquetar, a no ser que trabaje en un estudio de diseño o como ilustrador, por ejemplo.

Un saludo

[geforcefx]

Bueno pues aclaro que el trabajo que realizo era exclusivamente de diseño grafico no asi para el maqueteado, asi que solo debo entregar el psd.
por eso pedia ayuda respecto a los nombres de encabezados que deberia utilizaria como nombre en las carpetas del ps, como me aconsejo Rafael en los casos que escribi arriba ya que solo tengo esa duda respecto a los dos menus que existen en mi diseño.
saludos.

[memoadian]

a mi me entregan una imagen como diseño, si me va bien el psd con capas y tan tan ¬¬

un bueno maquetador puede hacerlo a ojo de buen cubero pero mientras más le des mejor.

[geforcefx]

gracias memoadian, ya solucione el problema con la ayuda de un amigo que sabe css y demas, pero con tu respuesta me siento mas tranquilo y se que el cliente estara complacido ya que le entrege varios archivos para facilitar las cosas al maqueteador como tu dices.

saludos.