elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  Consejos a la hora del diseño.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 Ir Abajo Respuesta Imprimir
Autor Tema: Consejos a la hora del diseño.  (Leído 9,943 veces)
Cuantico
qantic.net
Colaborador
***
Desconectado Desconectado

Mensajes: 1.830


no paiN? no gAIn! !.


Ver Perfil WWW
Consejos a la hora del diseño.
« en: 27 Abril 2003, 17:33 pm »

algunos consejos, q uso a la hora de diseñar.

Asi, para que guste a todos, debe tener un buen "fisico". No creo q todo sea solo contenido, como decia antes, también el diseño de tu web es muy importante.

Antes de diseñar tu sitio/graficos, debes tener muy, muy, pero muyyyy en cuenta, tu ambiente, el lugar donde diseñas, ya sea el baño, cocina, habitacion, etc.

Un lugar limpio no te cae mal, te ayuda, pq asi tendrias mas calma al hacer y pensar las cosas. Algo muy muy, bueno, es un tipo de musica buena, (claro q la mas te guste y te calme), se han realizado estudios q confirman q esas dos cosas, cambian el animo de la persona. Algo q considero recomendable es la comodidad de tu mesa y silla.

Para las imagenes, personalmente recomiendo

- Macromedia Fireworks MX o +
- Adobe Photoshop
- Paint Shop Pro

Para paginas web,

- Macromedia Dreamweaver
- Microsoft Frontpage 2000 ó + .
- CuteHTML <- no sé pq muchos lo usan, si ya esta el dreamweaver...

Luego, q ya tengas organizado todo eso, iniciemos la parte emocionante, usar la IMAGINACION,

Esta es la mejor, parte como dije, pq aqui organizamos lo que queremos, como y donde queremos cada cosa, aqui te recomiendo usar alguna hoja y un lapiz, muchos no lo usan, pero creeme es muy bueno utilizarlos, para asi saber bien, y no se olvide el diseño q queremos, luego pasarlo a la pc, es juego de niños si tu imaginacion es muy buena.

PS-> Ahhh, si es una web, el contenido dejalo para el final, asi como en word, darle formato al texto se deja al final, asi haras con el diseño web, es cuestion de hacer un "molde".


Lo mas dificil de decidir, es que colores ponerles a nuestra web o graficos, pero siempre digo, q los colores y su combinacion de ellos, tienen q estar relacionados al contenido de tu web, si es un color negro, dirá sitios undergrounds o hasta un cementerio, si es verde, algun parque xD...., etc etc.

Recomiendo q uses de 2 a 4 colores, no mas, y de esos usar el 85% del mis color, pero diferentes tonos, ej: Azul, azul nautico y azul cielo, como buen ejemplo, y algun otro color que le de contraste a estos, y claro, usado solo un poco.

Si usas mas de esos colores y diferentes, no te sorprendas si tu web es catalogada como "CARNAVAL".



Diseño web, para la wena organizacion de tu sitio, te recomiendo usar tablas, o acaso, q buen sitio no utiliza tablas!!?, es una magnifica forma de darle postura y orden a tu web, es algo bien bien weno, seria bueno q si no estas bien familiarizado, te leyeras algo referente a las tablas (html).

Las imagenes, los que le gusta a todos, y por ese "gusto" muchos saturan su web de imagenes, donde sea ponen un jodido icono, imagen o lo que sea, una web no tiene q tener una fiesta de imagenes, con pocas es suficiente, todo hay q usarlo moderadamente. los formatos, mas comodos y rapidos, son los jpg y gif, la calidad q da el gif, delante del jpg, me encanta, aunque para graficos mas grandes uso jpg.

El jodido peso, q tanto molesta en muchas paginas, esto es algo muy importante, yo he dejado de entrar a wenos sitios, por que tardan mucho en cargar y eso me molesta, imaginense mi conexión dial up. si tu web esta programada en php, usa la compresion gzip, es muy buena y reduce mucho el peso de tu sitio, no se en otros lenguajes.

Para tu comodidad, en php, usa las funciones include() y require()... han hecho un mundo de comodidad en el diseño web.

Bueno ya, me canse por hoy, talvez otro dia, traiga algunos otros consejos q me lleguen a la cabeza...

Adios

hacé lo que quieras con esto...
** escrito por cuantico.


« Última modificación: 26 Julio 2003, 22:40 pm por Cuantico » En línea

:)
.txt
Ex-Staff
*
Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Re:Consejos a la hora del diseño.
« Respuesta #1 en: 28 Abril 2003, 03:00 am »

La diferencia esta en esta palabra:

IMAGINACION

Muy buen texto Cuantic0... muy inspiraor!

bye... ;)


En línea

HdL
Visitante


Email
Re:Consejos a la hora del diseño.
« Respuesta #2 en: 16 Mayo 2003, 11:12 am »

buen texto, lo q debo resaltar es q pusiste como recomendado  el FrontPage. El Dream no te parece mucho mejor?  ;D




                                    Salu2!!!
En línea

Cuantico
qantic.net
Colaborador
***
Desconectado Desconectado

Mensajes: 1.830


no paiN? no gAIn! !.


Ver Perfil WWW
Re:Consejos a la hora del diseño.
« Respuesta #3 en: 16 Mayo 2003, 14:42 pm »

buen texto, lo q debo resaltar es q pusiste como recomendado  el FrontPage. El Dream no te parece mucho mejor?  ;D

Mira, este es un tema, q se ve facill... pero todos lo confundimos o confundiamos...

Ya que fijate...

El front page puede ser el mejor para mi y el dreamweaver el mejor para ti.

no pq uno de nosotros, sepa menos, es que esta la diferencia.

Asi como existen varios tipos de inteligencia, de la mano va los tipos de imaginacion. Si uno de estos programas, lleva la misma estructura que tu imaginacion, y te hace mas facil utilizarla, ese es el tuyo, en cambio, el otro puede satisfacerme a mi.

Es cuestion de la imaginacion que cada uno tenga.

ahh, y fijaate, no solo mencione a front page, mencione al dream y al cute
En línea

:)
SQUALO

Desconectado Desconectado

Mensajes: 111



Ver Perfil
Re:Consejos a la hora del diceño.
« Respuesta #4 en: 26 Mayo 2003, 15:13 pm »


Me Gusto mucho el texto.

Salu2
En línea

Libransser


Desconectado Desconectado

Mensajes: 2.213


Arwing de antaño


Ver Perfil WWW
Re:Consejos a la hora del diseño.
« Respuesta #5 en: 22 Junio 2003, 22:26 pm »

Cuantico tiene razón, definir los colores y que estos keden bien y que contrasten con la letra es de lo mas dificil.

La diferencia grafica entre jpg y gif no contrasta demasiado, sin embargo, yo suelo usar el gif para dibujos y jpg para fotos.

Yo no utilizo editores HTML, los hago a mano limpia en el Block de Notas, pero pienso probar algun día un editor, uno de los que recomienda Cuantico.

Para fotos utilizo el Paint de Windows  :P Como veran muy basico, tengo mis dudas? Los editores de imagenes que menciona cuantico son shareware o hay esperanza de que sean freeware??

Un recurso que pueden hacer para sus webs, son los gifs animados, esos dibujitos que se mueven pues. Son formadas por varias imagenes, al igual que una pelicula tiene un cuadrito con una escena, esta se mueve y produce el efecto de movimiento, lo mismo pasa con los gifs animados. Para crearlos ocuparan un editor de Gifs, uno muy bueno es el Gif Movie Gear, pero es shareware, pero te dan licencia por 30 días para usarlo, bajalo de http://www.Softonic.com en la sección de Animación

Estos gifs le darán vida a tu Web.

También puedes poner música de fondo, hasta sé que hay etiquetas HTML para Netscape y para IE, Netscape te presenta una consola llamada Crescendo que tiene los botones basicos, volumen, play, stop, etc.

También puedes ponerla de fondo sin que el usuario tenga que activarla

Las etiketas son:

<bgsound src="Ruta del fichero.*">-------------Para IE

<embed src="Ruta del fichero.*">---------------Para Netscape

Hay atributos que le puedes ponerle como el atributo LOOP, que indica kuantas veces se repite la canción en IE y Netscape.

Para Netscape hay otros atributos: WIDTH y HEIGHT para la consola, aunke keda cortada, asi que mejor deja el tamaño default. AUTOSTART, indica si empieza sola o no; HIDDEN, si no kieres que aparezca la consola

Entonces kedarían asi las etiquetas para IE como para Netscape

Ejemplo:

<bgsound src="sonido.mid" loop="2">

<embed src="sonido.mid width=200 Height=55 autostart="true" loop="true" hidden="true">

Toma en cuenta el tipo de musica, ademas no todos los servidores soportan algunos formatos, y sobretodo cuidado con archivos mp3, no a todos los usuarios les parece tener que abrir el programa reproductor para nomas oir la cancion. Mejor sube WAV, pero tardan más en cargarse, lo recomendado serían los MID, mas baja calidad pero mayor velocidad. Si kieres subir el WAV, que sea el mismo en todas las paginas para que se carge mas rápido

Arwing
En línea

Libransser


Desconectado Desconectado

Mensajes: 2.213


Arwing de antaño


Ver Perfil WWW
Re:Consejos a la hora del diseño.
« Respuesta #6 en: 3 Julio 2003, 20:56 pm »

Pequeño detalle: cuando uses imágenes como hiperenlaces a otras partes de la web etc. y te parecen antiesteticos los bordes que le salen, lo puedes solucionar con el siguiente atributo.

<img src="imagen.*" border="0">

Quedan limpiecitas de bordes, pero toma en cuenta que pueden no darse cuenta de que es un hiperenlace.

Arwing
En línea

Libransser


Desconectado Desconectado

Mensajes: 2.213


Arwing de antaño


Ver Perfil WWW
Re:Consejos a la hora del diseño.
« Respuesta #7 en: 5 Julio 2003, 08:05 am »

Un consejo: cuando quieras crear un conjunto de tablas para acomodar imagenes y texto, que se yo, lo dificil es ordenar las tablas si estás haciendolas sin editor HTML.

Por ejemlo: tepyk.webcindario.com

En estos momentos todavía no la acaban
Fíjense en las tablas de arriba, son tres tablas independientes pero agrupadas como si fueran a poner banners, también pueden notar las tablas del menu, el contenido y su buscador (el Google)

Pues bien, al intentar hacer esto a código limpio (con el Bloq de notas) se encontraran conque es muy difícil poder ordenarlas.

Las recomendaciones que les doy es que si van a poner tablas como esa página tienen que hacerlo de la siguiente forma:

Primero.
Crea la tabla de la izquierda primero, con atributo align=left en la etiqueta table, y con el atributo width modifica el tamaño.

Segundo
Crear la tabla de la DERECHA , con atributo right y width para ajustar el tamaño de la tabla

Tercero
Al ultimo vas a crear la tabla del centro, debe ser mas grande que las otras, pero como tu quieras, esta sin atributo align pero si con el width, para definir el tamaño

Esto mismo se aplica para el espacio de los banners de la pagina mencionada, tambien para el contenido.

Arwing
En línea

Creature


Desconectado Desconectado

Mensajes: 1.772


Mitad bohemio, mitad caballero


Ver Perfil WWW
Re:Consejos a la hora del diseño.
« Respuesta #8 en: 11 Agosto 2003, 20:53 pm »

Hay muchos factores más q se tienen q tomar en cuenta: Tamaño de texto, tipo de texto, relleno de espacios, ... etc

Si vas a hacer la web para un grupo de rock pues lucete con flash, si vas a hacer algo mas serio como un portal multi-contenido usa HTML (y php si quieres), JS y CSS ... y si quieres el logo o algunas partes chicas en Flash.

Eso de la música de fondo ... creo q ya revoluciono fue bonito y todo, ahora es algo molesto, a veces estas escuchando tranquilo tu mp3 favorito y ¡! empieza a sonar la página.

Más bien, todo se basa en:

- De q sea tu web
- Dirigida a quienes sea tu web

Algo q encierra los 2 incisos es: la creatividad :)
En línea

Toma mi mano sigueme, te mostrare lo que tu alma no ve!
por equipaje solo lleva tu fé, por escudero el valor sieempree teen!
RasDragon

Desconectado Desconectado

Mensajes: 14


Soy otro chileno mas por este rincon...


Ver Perfil WWW
Re:Consejos a la hora del diseño.
« Respuesta #9 en: 20 Septiembre 2003, 00:34 am »

Holas...yo al hacer mis paginas webs, soy bastante simple peor la creatvidad me sobra como uds hecho a volar la imaginacion uso el paint, y el paint shop pro, apenas uso codigos html aunq siempre los tengo en cuenta y siempre tengo mi cuadernito anotando todo lo que s eme ocurre apartea mi me gusta escribir :D y es cierto como dice Cuantico hay q sentirse como al trabajar yo simpre escuchando buen reggae y su incienso prendido, peor nunca con mi escritorio en orden pq soy algo desordenado :P
En línea

Páginas: [1] 2 Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines