¿Mejor programa para diseñar una página web?
7 seguidores
¡Hola a todos!
llevo tiempo investigando sin tener claro qué programa es el más apropiado para diseñar una web. ¿Si colaboro con un programador web podría diseñarla entera en Photoshop? ¿Si la diseñase en Dreamweaver pero tengo muy pocas nociones de HTML y CSS también necesitaría el apoyo de un programador? ¿Qué opináis de Fireworks?
Os agradezco de antemano vuestra respuesta :)
Saludos,
Ssam
Samie
Empieza con algo como balsamiq para hacer los wireframes. https://balsamiq.com/ Es para la usabilidad
También echa un vistazo a bootstrap para ver los comportamientos web standard.
Con estas dos piezas ya puedes diseñar en cualquier programa sin correr el riesgo de que sea inviable para web después de haberlo hecho.
aguilahost_ve
AMIGOS, visiten nuestra pagina web de diseño de paginas web y hosting, muy buenos precios
aprovechen, saludos
http://aguilahost.com/
Braulio
Buen hilo, muy interesante.
arturios
Por eso ponía eso de "si no se es de photoshop...". Quien se ha acostumbrado a una herramienta y conoce todos sus trucos le resulta más fácil adaptar sus trucos a un nuevo escenario que aprender a usar otra cosa.
En cuanto a que uso yo, para empezar no me dedico al diseño entre otras cosas por que no tengo arte ni capacidad, y mi cliente soy yo mismo, así que eso no cuenta, pero uso papel, lápiz y un editor de textos como notepad++, sublimetext y, principalmente, adobe brackets, que es mi favorito.
ponchi
Yo sigo diseñando con photoshop, quizá por comodidad de conocer el programa desde hace ya unos años, relativo a las distintas resoluciones de pantalla lo que hago es adaptar el diseño a una resolución de tablet vertical y una de móviles. De forma que el cliente puede aprobar el diseño en sus distintos formatos antes de empezar a maquetar y programar. Pero a final el programa que uses es lo de menos.
@arturios ¿Que programas usas?
arturios
Yo, personalmente, no apostaría por Photoshop para el diseño completo de la página por que, en tiempos, se diseñaban las páginas webs para, principalmente, ordenadores de sobremesa, con un determinado tamaño de pantalla; pero los tiempos han cambiado radicalmente: ahora no sólo hay ordenadores de sobremesa con un tamaño de pantalla muy concreto como pasaba antes, lo mismo vemos formatos de 3:4, 16:9, 16:10, vertical, horizontal, tabletas y móviles, y para más inri cada móvil y tableta tiene una resolución y un tamaño de pantalla distinto. En mi opinión la apuesta clara es por un diseño "responsive" y flexible y, sinceramente, si no se es de photoshop apostar por esa herramienta no me parece un acierto.
Además css3 permite generar botones, degradados, animaciones, etc... cambiando la forma de hacer de antes, donde se dibujaba con el photoshop cada parte y encima ahora está entrando con fuerza los gráficos vectoriales svg.
ssamara
Hola Skeku
muchas gracias por tu explicación :) Me ha servido mucho. Si Photoshop tiene un elevado grado de aceptación, de momento me centraré en aprender a diseñar webs con este programa, antes de meterme con otros. Creo que es lo más sensato para ir avanzando. A veces le he echado una ojeada a DW pero no me acabo de motivar ;)
Los links que me pasas son geniales, les daré uso seguro!
Saludos y gracias de nuevo!!
Skeku
En realidad no importa el programa que uses sino cómo lo uses. Generalmente Photoshop tiene un elevado grado de aceptación en la comunidad designer... aunque yo siempre he defendido Fireworks porque lo llevo usando desde el jurásico y me resulta más ágil de cara a poder comunicarme con el resto del equipo.
A día de hoy también puedes usar Sketch si usas Mac u otros programas "híbridos" que generan código como Macaw (un poquito verde) o directamente en el navegador con sistemas como Webflow o Froont.
Para mí dreamweaver no es un programa de diseño sino de desarrollo y maquetación directamente. Pero entiendo que alguien con conocimientos suficientes puede meterse a pelo directamente a diseñar en html y css.
En cualquiera de estos casos para diseñar para web tienes que tener asimilados una serie de conocimientos básicos sobre html y css para entender las estructuras y que luego las muestras en jpg se parezcan al producto final. Y es que en el fondo eso ayuda mucho al maquetador o persona que se encargue de trasladar tu idea a algo entendible por un navegador.
Yo aprendí mucho analizando otras webs, cogiendo un cachito de una y otro detalle de otra y así hasta construir lo que necesitaba en cada momento.
A día de hoy hay sitios como http://mediaqueri.es/ que son una referencia perfecta para entender rápidamente qué es lo que suele implicar por ejemplo el diseño responsive. Y de la misma forma que existe esta web, hay chorromil para buscar buenos diseños web para casi todo.
Te dejo dos linkitos que te pueden servir como base para "empollar" conceptos :)
http://webfieldmanual.com/
https://www.bento.io/
Saludos!