1
10 Simples consejos para mejorar tu foro Mar Dic 25, 2012 11:53 pm
Ayax
Mensajes : 447 
Monedas : 1013 Viendo que hay muchos foros que no me gusta su "Diseño", "Contenido" o "Skin", voy a dares algunos consejos para que los mejoren
1.- No usar imágenes de fondo del body: La verdad es que si se puede usar, obvio, pero no imagenes como por ejemplo nubes, balones, o el logo de tu foro , porque repetivamente se vé mal, imágenes que se veerían bien serían como "Murallas" o imágenes sin sentido, generalmente Backgrounds grunge que hay de diversas formas y no quedan como en cuadrados , si no que quedara como que todo el background fuera una sola imágen.
2.- Imágenes propias simples pero atractivas: A lo que me refiero con esto es que no copien las imágenes porque se vé poco original y se sabrá altiro que no es un gran foro/web, obviamente iconos sí, porque es dificil hacerlos, pero cosas como la barra de navegación no necesitan imágenes, puesto a que son palabras, todas las cosas que sean palabras no necesitan imágenes, se puede adornar con CSS, tampoco digo hacerlo igual que un botón, solamente adornarlo con Text-shadow.
3.- Un header grande que dé información: A grande no quiero decir que exprese todo un cuento explicando que es el foro y para que sirve, si no que poner un logo, con las cosas básicas del foro, como por ejemplo conexión, perfil, links importantes, si no se quiere poner, pues pueden poner una barra de navegación pegada arriba, que siempre se vé muy bien, sobre todo en las páginas HTML simples.
4.- Un logo simple: Digo un logo simple, porque hay foros/webs que tienen unos logos con imágenes de fondo, y muchas decoraciones, siendo que simplemente se necesita un logo original con el favicon del foro o una imagen simple, también puede ser un eslogan, pero esto no es necesario
5.- No tanto hover: Esto puede ser una herramienta útil en todo sentido, pero se debe saber usar, como por ejemplo hé visto botones que hacen esto
Por mi parte estos botones me cargan, porque mueven el texto de donde quiero escribir (Si se quiere usar padding en un hover, que no sobrepase los 3px [sin transición], si se usa la transición no mas de 10px, porque puede mover contenidos o cambiar de posición algunos div o span)
6.- Colores de contraste: A que me refiero esto, digo que no se puede poner un fodo azul, con letras rojas y un text-shadow: blanco que sobresalga 2px hacia abajo (
7.- Diferenciarse: Me dirijo a esto puesto a que todos los foros son iguales, como por ejemplo los de naruto, que son muy comunes en los foros, son todos de fondo negro y letras rojas y todos son de rol, sería bueno, que se cambiara algo, como por ejemplo, en vez de color prinicipal fuera blanco y color rojo secundario, o quizás no blancos si no igual usar negros, pero no letras rojas, si no el que más le contraste que en este caso sería el blanco
8.- Buena base HTML y CSS: Para diseñar bien un foro, además de ser original hay que poder editarlo, puesto a que no es muy fácil aprender javascript esto es simple y avanzado, se pueden ver múltiples tutoriales en internet sobre estos dos elementos[/b]
9.- No pegar muchas cosas a la pantalla: Generalmente se usa el position: fixed para que sobresalgan cosas, pero el exceso de esto hace que el foro no se puede ver completo, a veces tapa textos y links rápidos, tampoco digo que no se puedan poner porque es algo para que todos vean en todo momento, en lo que se puede usar esto sería en concursos, eventos, temas importantes o informaciones importantes,redireccion a links graciosos o entre otras cosas. lo correcto de usar esto, sería usarlo con hover, como lo demuestré en Este tutorial, o sea , que deben estar algo ocultos, para que no tapen siempre la pantalla, si no que lo tapen cuando el usuario quiera ver el mensaje.
10.- Contenido del foro: Esto para mi es lo más importante, dando un ejemplo, el mismo de el de naruto, si tengo un foro de naruto, no voy a poner una sección de pokemon, porque a los usuarios quizás no les guste, se supone que el foro es de naruto, al menos que el foro sea de ANIME, ahí cambia todo, los dos son anime y los usuarios que se registren se supone que les debe gustar todo tipo de anime.
Otro, por ejemplo, si tengo un foro de ayuda webmaster (Como este) no tendría razón poner una sección de deporte, o de anime, se supone que entran a este foro para ver ayuda webmaster, no para ver sus series o deportes, que quizás a algunos usuarios no les guste, esto es totalmente contrario, no se puede tener un foro "Webmaster-anime", es ilógico , sería como que en vimeo se pudieran hacer preguntas y te las respondan como en yahoo, o que en un servidor de host de imágenes se pudieran ver videos. entre otras cosas, esto es lo más importante, para tener los otros 9 puntos buenos, esta es la base.
Con esto concluyen los consejos
Tutorial sacado desde mi foro
1.- No usar imágenes de fondo del body: La verdad es que si se puede usar, obvio, pero no imagenes como por ejemplo nubes, balones, o el logo de tu foro , porque repetivamente se vé mal, imágenes que se veerían bien serían como "Murallas" o imágenes sin sentido, generalmente Backgrounds grunge que hay de diversas formas y no quedan como en cuadrados , si no que quedara como que todo el background fuera una sola imágen.
2.- Imágenes propias simples pero atractivas: A lo que me refiero con esto es que no copien las imágenes porque se vé poco original y se sabrá altiro que no es un gran foro/web, obviamente iconos sí, porque es dificil hacerlos, pero cosas como la barra de navegación no necesitan imágenes, puesto a que son palabras, todas las cosas que sean palabras no necesitan imágenes, se puede adornar con CSS, tampoco digo hacerlo igual que un botón, solamente adornarlo con Text-shadow.
3.- Un header grande que dé información: A grande no quiero decir que exprese todo un cuento explicando que es el foro y para que sirve, si no que poner un logo, con las cosas básicas del foro, como por ejemplo conexión, perfil, links importantes, si no se quiere poner, pues pueden poner una barra de navegación pegada arriba, que siempre se vé muy bien, sobre todo en las páginas HTML simples.
4.- Un logo simple: Digo un logo simple, porque hay foros/webs que tienen unos logos con imágenes de fondo, y muchas decoraciones, siendo que simplemente se necesita un logo original con el favicon del foro o una imagen simple, también puede ser un eslogan, pero esto no es necesario
5.- No tanto hover: Esto puede ser una herramienta útil en todo sentido, pero se debe saber usar, como por ejemplo hé visto botones que hacen esto
Botón
Por mi parte estos botones me cargan, porque mueven el texto de donde quiero escribir (Si se quiere usar padding en un hover, que no sobrepase los 3px [sin transición], si se usa la transición no mas de 10px, porque puede mover contenidos o cambiar de posición algunos div o span)
6.- Colores de contraste: A que me refiero esto, digo que no se puede poner un fodo azul, con letras rojas y un text-shadow: blanco que sobresalga 2px hacia abajo (
Como esto
), para esto hay que saber usar los colores de contraste, ejemplo: para partir tomarmos dos de los tres colores primarios (Rojo,Amarillo y Azul) y los combinamos, ejemplo el rojo y el amarillo, al combinarlos se obtiene anaranjado, y nos queda el azul, el cual será el fondo, quedando algo así : Algo así
, así no molesta la vista, y es fácil de leer, otra cosa, en vez de usar fondos de color, solo usar tonos blancos y negros.7.- Diferenciarse: Me dirijo a esto puesto a que todos los foros son iguales, como por ejemplo los de naruto, que son muy comunes en los foros, son todos de fondo negro y letras rojas y todos son de rol, sería bueno, que se cambiara algo, como por ejemplo, en vez de color prinicipal fuera blanco y color rojo secundario, o quizás no blancos si no igual usar negros, pero no letras rojas, si no el que más le contraste que en este caso sería el blanco
8.- Buena base HTML y CSS: Para diseñar bien un foro, además de ser original hay que poder editarlo, puesto a que no es muy fácil aprender javascript esto es simple y avanzado, se pueden ver múltiples tutoriales en internet sobre estos dos elementos[/b]
9.- No pegar muchas cosas a la pantalla: Generalmente se usa el position: fixed para que sobresalgan cosas, pero el exceso de esto hace que el foro no se puede ver completo, a veces tapa textos y links rápidos, tampoco digo que no se puedan poner porque es algo para que todos vean en todo momento, en lo que se puede usar esto sería en concursos, eventos, temas importantes o informaciones importantes,redireccion a links graciosos o entre otras cosas. lo correcto de usar esto, sería usarlo con hover, como lo demuestré en Este tutorial, o sea , que deben estar algo ocultos, para que no tapen siempre la pantalla, si no que lo tapen cuando el usuario quiera ver el mensaje.
10.- Contenido del foro: Esto para mi es lo más importante, dando un ejemplo, el mismo de el de naruto, si tengo un foro de naruto, no voy a poner una sección de pokemon, porque a los usuarios quizás no les guste, se supone que el foro es de naruto, al menos que el foro sea de ANIME, ahí cambia todo, los dos son anime y los usuarios que se registren se supone que les debe gustar todo tipo de anime.
Otro, por ejemplo, si tengo un foro de ayuda webmaster (Como este) no tendría razón poner una sección de deporte, o de anime, se supone que entran a este foro para ver ayuda webmaster, no para ver sus series o deportes, que quizás a algunos usuarios no les guste, esto es totalmente contrario, no se puede tener un foro "Webmaster-anime", es ilógico , sería como que en vimeo se pudieran hacer preguntas y te las respondan como en yahoo, o que en un servidor de host de imágenes se pudieran ver videos. entre otras cosas, esto es lo más importante, para tener los otros 9 puntos buenos, esta es la base.
Con esto concluyen los consejos
Tutorial sacado desde mi foro
Última edición por Ayax el Vie Dic 28, 2012 10:15 pm, editado 1 vez
