Nuevas NORMAS para el foro

Curso Hacker
Bienvenido(a), Visitante. Favor de ingresar o registrarse. - Julio 05, 2008, 12:25:26
Boton Buscar
Inicio Ayuda Ingresar Registrarse
Visita: Articulos - Juegos Gratis - Da Foros

Comunidad Underground Hispana  |  Programacion  |  Programacion para webmasters  |  CSS y Diseño Web (Moderador: RuB)  |  Tema: Varios tips para el diseño web 0 Usuarios y 1 Visitante están viendo este tema. « anterior próximo »
Páginas: [1] Ir Abajo Imprimir
Autor Tema: Varios tips para el diseño web  (Leído 190 veces)
RuB
Moderadores
Colaborador
*****
Desconectado Desconectado

Mensajes: 896



Ver Perfil WWW Email
« en: Febrero 02, 2008, 06:12:39 »

Hola a todos, en este escueto artículo os describiré algunas de las reglas o trucos básicos e imprescindibles para que tu web sea agradable a la vista.

Esto dependerá fundamentalmente de la impresión que quieras causar al usuario que navega por ella y sobre todo de la temática de tu web, veamos la impresión que nos pueden causar los colores, aunque debe estar fundamentalmente compuesta por colores claros y tonalidades no muy fuertes, dependiendo de los sentimientos que queramos transmitir:

Para el fondo de la web, recomiendo un color que esté dentro de la escala de grises, o en su defecto de un color “tranquilo” como el verde o el azul pero siempre en sus tonalidades más claras o que más se aproximen al blanco.

La colocación de imágenes repetidas de fondo o motivos, no la aconsejo para nada… anoser que sea algo moderno e innovador. Estos son los colores que recomiendo de fondo:



Las letras o texto de la web deben tener un color dentro de la escala de grises. Solo ponle otro color distinto cuando quieras resaltar algo, pero si vas a colocar un texto largo, artículos, o noticias que siempre esté dentro de esos colores.



Es recomendable que tenga un color gris, como el color del segundo fondo propuesto.


Si has utilizado ese color de fondo te recomiendo que pongas un “casi blanco” en su lugar. Prefiere la letra Arial antes que la Comic Sans y si sabes trabajar con CSS ponle un suave letter-spacing que ayudará mucho a la lectura.

El color del header y los demás componentes

tienen una vital importancia. Veamos un breve informe sobre la impresión que causamos con los colores:

  • Naranja: es un buen color para nuestra web, pero no debemos de abusar de él. Solo lo debemos de utilizar para algunos componentes, ya que puede acabar cansando al usuario. Aunque si tu web es de lucro , es el color indicado para llamar la atención. Recomendado para web de juegos u otras actividades de entretenimiento.
  • Amarillo: este color apenas lo recomiendo, ya que es demasiado llamativo y cansa la vista demasiado rápido. Solo lo recomiendo para los que quieran llamar la atención o resaltar. De todos modos, si os gusta el amarillo os recomiendo otra tonalidad.
  • Rojo: expresa una sensación de peligro y violencia, a la vez de pasión y amor. Al igual que el naranja y el amarillo es un color fuerte que te lleva a moverte y a aportarte un sentimiento inquietante. Solo lo recomiendo para algunos botones de tu web, nunca para el header ni ningún elemento principal. Recomendado para páginas tipo XXX.
  • Violeta:  si tienes pensado hacer una web, tipo porno este color te viene que ni pintado. Expresa bastante erotismo, algunos dicen que mucho más que el rojo…
    De todos modos solo causarás esta sensación si lo asignas a muchos elementos.
  • Marrón:  suele ser uno de los colores “sucios” como yo lo llamo. Expresa una sensación de algo poco profesional, y como veis no es nada bueno ya que se suele asociar  con la Mie… por esa razón es poco profesional.
  • Verde: uno de los colores que más aconsejo para web normalitas, tipo blog o algo informal. Casi nunca para una web de una empresa, donde la elegancia es lo que manda. Para el header viene bastante bien, aunque eso sí , que no sean tonalidades muy oscuras.
    Este color es el que usa la web de balonsexta, que tuvo mucho éxito por contenido y diseño.
  • Blanco: mi color preferido jeje, es el color neutro que suele causar una buena impresión para cualquier tipo de web. Es como una chica guapa que todo lo que se ponga le va bien jaja. Expresa inocencia y buenos sentimientos.
  • Gris: es parecido a la descripción del blanco, aunque yo lo uso siempre para crear buenos efectos como de metal, algún degradado, o aspecto de carbono fundiéndolo con alguna capa semitransparente.
  • Negro: junto con el blanco es el color de la elegancia y el indicado para poner de fondo en cualquier web de empresa. Aunque también es un color referente a las ciencias ocultas, o a los miedos.
  • Azul: es un color similar al verde que comentamos con anterioridad. Expresa armonía y tranquilidad altamente recomendado para webs de artículos/manuales…

    Siempre que sean las tonalidades más claras ya que un color oscuro no causa la misma impresión. Además es el color preferido por la mayoría de la población.


Todos estos consejos acompañados de grandes conocimientos acerca del lenguaje de estilos CSS , y Javascript indica que conseguirás una web que le guste a todos. Mediante colores armónicos y suaves cambios de color lo puedes conseguir.

Si quieres saber más acerca de este tema puedes echarle un vistazo a esta web
Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion
www.openwebdesign.org
y estudiar los rasgos de los diseños que más te gusten.

En resumidas cuentas, según la web que quieras obtener elegirás un color u otro, si quieres resaltar la sensación de un color pues solo lo colocas en bastantes elementos de tu web y así causarás los sentimientos adecuados.



fuente:
Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion





Esto es todo, espero que os haya gustado.
En línea


Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion

Th3 ziX™
Moderación
Gran Colaborador
*****
Desconectado Desconectado

Mensajes: 1874


La vida es 1 vivela al maximo


Ver Perfil WWW
« Respuesta #1 en: Febrero 02, 2008, 02:30:01 »

Muy bueno el aporte bro bastante interesante

Nota: Lo de la fuente no es considerado spam
En línea


florcita69
Recien Llegado
*
Desconectado Desconectado

Mensajes: 1


Ver Perfil Email
« Respuesta #2 en: Marzo 14, 2008, 11:00:40 »

gracias por toda la info
no sabia nada acerca de la influencia de los colores en lkas paginas webs
salu2
En línea


Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion
Depilacion Definitiva


Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion
Metodo Pilates
Páginas: [1] Ir Arriba Imprimir 
Comunidad Underground Hispana  |  Programacion  |  Programacion para webmasters  |  CSS y Diseño Web (Moderador: RuB)  |  Tema: Varios tips para el diseño web « anterior próximo »
Ir a:  


Ranking-Hits
Powered by SMF 1.1.5 | SMF © 2006-2007, Simple Machines LLC