Duda general sobre diseño web

J

Buenas
Queria saber que tecnologias se deben conocer para tratar el diseño de una web, pero el diseño visual, o sea, menus con sus esquinas redondeadas, su banner, la colocacion de los menus...hacer un diseño en condiciones vamos.
Es que por mas que lo intento, siempre me sale la tipica web cutre, de menus rectangulares xD, y poco mas.
Saludos

D

Photoshop

eXtreM3

Photoshop + CSS

J

algun manual asi como de introduccion?
por ejemplo me conformaria con saber hacer el diseño que tiene media vida, me refiero a los menus, el banner y poco mas

Fyn4r

#4 hombre, harías algo más que conformarte. Igual te crees que es sencillo de hacer o algo xD

scumah

#4, ¿Que te conformarías? El diseño de MV es cojonudísimo tio, todos nos conformaríamos con diseñar y maquetar esta web xD

Si no tienes ni idea de photoshop y css, empieza con esto, que algo te orientará.

Después ya te puedes ir a esto, esto, esto, y estos otros. Pero no es tan fácil xD

J

#6
jaja, se nota que no se del tema jaja, que no se valorar bien los diseños todavia jaja.
Gracias por los aportes.

NeB1

#6 muy buenos tutoriales!

Crawler

Voy a salirme de la tónica general del post para recomendar Fireworks en vez de photoshop, para crear diseños web. Más barato, más rápido, más organizado...

NeB1

#9 nunca le había dado tal uso, solo lo he gastado para crear mapas de imagenes en html

scumah

#10, Pues está pensado para eso xD Pero vamos, yo me sigo quedando con el PS de lejísimos. Con PS puedes hacer todo lo que puedes hacer en FW, pero al revés ni de coña, así que si quieres hacer de todo, con el PS puedes y con el FW no. Ahora, si pretendes hacer un diseño sin muchas florituras, Fireworks está de lujo.

CricK

#6 El primer tuto es bestial XD Ojala yo hubiera tenido algo así cuando empecé. Mi recomendación es que te mires primero xhtml y css mas o menos por encima, y luego empieces con ese tutorial.

LzO

webs de esas las hay a patadas y muchas son orientadas a diseños para wordpress tambien.

ahí aprendi yo muchas cosas.

las que tengo en favoritos:

http://www.1stwebdesigner.com/

http://www.good-tutorials.com/

http://psd.tutsplus.com/

http://sixrevisions.com/

http://designinstruct.com/

http://wpswitch.com/

http://www.hv-designs.co.uk/

http://www.problogdesign.com/

http://www.webdesignerwall.com/

http://www.dezinerfolio.com/

http://psdfan.com/

Y hay muchisimas mas de este palo

Crawler

#11

Hablo desde el "casi" desconocimiento:

Cosas que tengo en fireworks que (creo) que en photoshop no, o no con la misma potencia:

Selección de objetos "on the fly" sin importar de que capa son. Velocidad de trabajo!

Objetos vectoriales, no solo que se escalen, sino poder hacer fusión, unión, intersección, alterar trazado.. (desconozco hasta donde llegan los objetos inteligentes de PS)

Estilos y degradados: si, PS también tiene, pero el manejo es 1000 veces mejor en FW

Estilos heredados. Hago 1 botón rosa y lo clono 19 veces. ¿Que los quiero verdes, con degradado y sombra? cambio uno,le doy a actualizar, y se cambian todos los clonados, en todas las páginas del documento. Quien dice botones dice textos, cajas contenedoras... todo.

Objetos, subcapas, capas, páginas, estados.. odio recibir un diseño en .psd y tener que ir mostrando/ocultando capas para saber que va en cada sección. O, con un poco de suerte, tener 10 .psd, uno por sección.

Objetos programables: está clarísimo que núnca subiría una web "codeada" por fireworks (ni por dreamweaver, ni nada asi) pero para hacer prototipos, el poder ponerle acciones a los botones en el propio documento de fireworks, exportar a HTML y tener las páginas con sus enlaces funcionales, me da una ventaja increible. Desde el primer boceto, el cliente sabe a donde irá cuando pulse un botón o un enlace, por que cuando lo haga sobre la previa... funcionará!

En resumen:
Fireworks es genial para crear todo el interfaz de una web, que luego puedo crear exáctamente igual por CSS.

Es cierto que es más flojo para la edición de imágenes (efectos,filtros..), pero es que está pensado para interfaces, no para retoque/creación de imagenes, para eso existen alternativas varias.

Yo (como creo que todos) también venia de diseñar mis interfaces con photoshop, pero cuando empiezas a trabajar en serio con fireworks... no suele haber vuelta atrás ;)

scumah

#14, No, si yo fireworks lo he usado mucho, pero es que, salvo lo de enlazar htmls (Aunque sí generarlos), que no sé si se puede, el resto de las cosas que dices se pueden hacer todas sin excepción. Y bueno, lo de que no lo hace con la misma potencia, ya es cuestión de gustos, porque el tratamiento vectorial y el de estilos/degradados del PS para mí no tiene pega ninguna. Está claro que es cuestión de gustos y de la web que quieras hacer :P

Kaiserlau

Yo lo estoy haciendo asi de forma gradual para aprender :-|

html --> css con photshop/flash- -> php-sql

Estoy de lleno con css ahora mismo, luego pasare a lo duro e interesante de verdad, te recomiendo mucho q no uses ningun editor tipo dreamweaver, es decir usa notepad++, editplus, y no te centres mucho en el aspecto q consigas con graficos asta q no aprendas el codigo etc.. osea codigo y mas codigo, es la unca forma de aprender y dominar lo q haces bien y haces mal, basicamente xq luego puedes llorar de asco con los descuadres por ejemplo. Cuando sepas manejarte con soltura ya podras usar ese tipo de editores para la web.
Tampoco visites 1millar de paginas de tutoriales, acabaras dando la vuelta al mundo y liandote, bajate un 1 o 2 manuales a lo sumo o consigue apuntes con ejercicios etc.. pero si vas de pagina en pagina acabaras empanao.

PD: El css es una puta pasada, tables? no gracias XD

pd: El fireworks esto bien para hacer 4 cosas, mapas para un template con mas detalle, 4 cosas de prueba etc.. yo incluso para hacer 4 lineas en plan chapuza, pero esta claro q si quieres detalle hay q usar photoshop, por cierto el chop+flash es sencillamente awesome.

soulsville

¿Recomendáis algún libro en concreto para desarrollo/diseño web de 0? Porque tengo una biblioteca bastante guay cerca y me es más cómodo que mirar tutoriales xd.

LzO

#17 Los libros se leen y los tutoriales se miran?? pues vale xDD en tal caso imprime esos tutoriales para que en lugar de verlos puedas leerlos ¬¬

No se yo pero creo que aprendes más con estos tutoriales que con un libro... al menos el tutorial incluye ejemplos practicos y de todas las webs que puse ahi arriba tienes para aburrirte.

21 días después
U

Photoshop+ CSS3 + Javascript (mootols, Jquery ... )

Meleagant

Me viene de madre todo el material que estáis poniendo.

Gracias gente _

Yo también soy más de aprender con libros, más que nada porque el tutorial suele ir enfocado a un área en concreto, mientras que con un libro adquieres un conocimiento más genérico que luego te permite tener más libertad a la hora de aplicar una parte concreta.

Evidentemente, hay tutoriales mejores que muchísimos libros. Pero en mi opinión siempre será mejor aprender lo máximo posible sobre CSS con un libro que explique bien su funcionamiento a coger un tutorial que te cuenta lo básico para llegar a un diseño concreto.

Beavis

#17 Un libro que creo que cualquier persona que trabaje con html debería leerse es Designing with Web Standards (3rd edition) de Jeffrey Zeldman.

B

#21 yo también lo tengo, lo compré hace tiempo y está bastante bien, aunque supongo que ahora sonará un poco (bastante) anticuado...

Meleagant

#22

Supongo que será una edición nueva, porque por lo que pone en la web incluye HTML5 y CSS3, muy anticuado no puede estar :D

B

Entonces si debe estar bien...
Yo el que tengo es de hace bastantes años... (unos 5 años fácilmente) xd

Beavis

lleva ya 3 ediciones revisadas, la última es de hace menos de un año y está bastante actualizado todo

Usuarios habituales