Dudas sobre retomar el diseño y maquetación web

kRain-

Buenas, hace años que no toco el tema del diseño y maquetación.. Para que os hagáis una idea cuando yo diseñaba webs usaba una especie de Bloc de notas (no recuerdo el nombre, pero tenía más ventajas) y el Macromedia Dreamweaver MX como referencia... y con photoshop diseñaba los menús y demás... he ido viendo durante estos años cosas sobre css y me voy orientando pero... tengo ciertas dudas:

  1. ¿Qué herramientras se usan actualmente y son buenas para el disñeo y maquetación? ¿Photoshop e Illustrator serían un buen combo¿ ¿Indesign?

  2. ¿Webs de recursos sobre CSS/diseño/iconos (en plan iconos tipo pixel como los sprites y demás cosillas) y demás? Por si quiero añadir alguna cosilla puntual, como la web para redondear bordes en distintos navegadores y demás.

  3. El tema de la compatibilidad entre navegadores y css como va?

Por último decir que sé algo de HTML y CSS, básico pero más que suficiente para montar algo simple y ya luego iría mejorando.

Saludos y gracias.

kRain-

Bump!

Añado que no busco dedicarme profesionalmente a esto ni cobrar por eso, pero siempre me gustó diseñar mis pequeños proyectillos y realmente me gustaría retomarlo!

B

Si ya sabes algo sobre html y css te recomiendo que te informes sobre el framework bootstrap.

1 1 respuesta
taltal

Photoshop para diseñar.
Notepad++ para maquetar html y css, por ejemplo, hay más y mejores supongo, de todas formas es al que te acostumbres tu y en el que te sientas más cómodo.
Luego como dicen arriba mirate bootstrap, sobre todo por el sistema de grids que te facilitan el responsive.
Y más adelante si quieres hacer webs autogestionables, Wordpress.

Webs con recursos interesantes:
Fotos gratis:
https://unsplash.com/

Iconos molones:
http://thenounproject.com/

Para pillar ideas e inspiración:
http://thebestdesigns.com/

1
baruczgz

Bootstrap es la clave, pero claro, teniendo muy claro y trillado el tema HTML+CSS.

1 respuesta
Ruboticario

#3 #5
Buenas! Yo llevo desde hace 3 meses empapandome de html css y js, mas o menos creo que estoy en un nivel intermedio, pero aun me queda bastante hasta llegar al dominio total. Podéis explicarme que es eso del boostrap?? son hojas de css y js que vienen predefinidas para aplicarlas a tu html?? o como funciona?¿ es que no lo entiendo muy bien.
Gracias

1 respuesta
baruczgz

#6 http://getbootstrap.com/
Bootstrap es un Framework para diseño web.
Tienes sus hojas de CSS y JS como bien dices que te facilita en gran medida hacer una web... en velocidad y eficiencia. Nadie hace un web desde 0 sin algunos estilos ya predefinidos.
Tienes contenedores para todos gustos, columnas, barras de menu, botones, formularios... luego ya tu puedes retocar todo eso.

Ni que decir tiene la facilidad que da para hacer un diseño responsivo, lo da todo mascado.

Lo mejor es empaparse un poco de las explicaciones de esa web que te he pasado.

1 respuesta
baruczgz

#5 Matizo mis palabras.
Hace falta tener trillado HTML/CSS pero por un motivo, para poder entender y cambiar a tu antojo los estilos predefinidos de Bootstrap o añadir los tuyos propios.

Con Bootstrap, se puede lanzar cualquiera a hacer web's y probablemente le queden decentes dentro del estilo DEFAULT bootstrap, pero en el momento de querer modificar algo MANUALMENTE no vas a tener ni idea de por donde van los tiros.

RaymaN

#7 yo hago todas mis webs desde 0. No entiendo la fijación de algunos por recomendar bootstrap a gente que quiere aprender html y css.

1 respuesta
baruczgz

#9 He matizado palabras para que se entendiera bien el siguiente mensaje. #8 Lo dejo bastante claro creo.

1 respuesta
RaymaN

#10 pero es que bootstrap no es el objetivo de aprender esos lenguajes, es una herramienta más para agilizar el desarrollo y que a la larga estorba más que ayuda.

2 respuestas
baruczgz

#11 Y yo que he dicho? Vamos a ver si leemos bien.

1 respuesta
RaymaN

#12 Bootstrap es la clave, pero claro, teniendo muy claro y trillado el tema HTML+CSS, para poder entender y cambiar a tu antojo los estilos predefinidos de Bootstrap o añadir los tuyos propios.

¿Por qué es la clave?

1 respuesta
Gantorys

#11 por qué estorba a la larga?

2 respuestas
RaymaN

#14 aprender html y css montando webs con bootstrap es contraproducente. Cuando necesites más flexibilidad o retocar profundamente el diseño tendrás que alterar bootstrap, perdiendo tiempo en "hacks" guarros y ensuciando el código. Además, el 90% de las webs hechas con bootstrap son iguales.

2
B

#14 En mi opinión, y supongo que en la de RaymaN también, la clave no es bootstrap, la clave es aprender a hacer webs desde 0 para que hasta el más mínimo detalle sepas cómo funcione y cómo colocarlo bien.

baruczgz

#13 Bootstrap es la clave, pero claro, teniendo muy claro y trillado el tema HTML+CSS

Creo que la frase de que hay que tener antes muy claro y trillado HTML+CSS la obvias, no se el motivo, debes querer discusión.

Llegado a un momento es la clave, porque Bootstrap o cualquier otro Framework te va a facilitar mucho las cosas. Para eso están hechos.

Si quieres hacer una web desde 0, y te pagan el dinero que vale eso, pues ole al que te pague esas horas de trabajo.

Y si aspiras a tener un trabajo de diseñador/maquetador solo hace falta mirar ofertas de trabajo para ver que Bootstrap se pide bastante, aunque por encima de todo este HTML+CSS como es normal.

1 respuesta
RaymaN

#17 no busco discusión pero sigo sin entender por qué la aspiración final es usar un framework. Si dominas ambos lenguajes es una gilipollez trabajar con frameworks de maquetación. Otra cosa es que acabes currando en una empresucha que monta 20 webs al mes por 100€ y todas son iguales.

S

Tengo una duda, estoy estudiando diseño gráfico y me intereso por ver las ofertas de trabajo para ver que demandan. Me encuentro con que muchas empresas demandan conocer varios lenguajes de programación para "diseñar webs", francamente no lo entiendo, quizás es que sean empresas pequeñas y necesiten un chico para todo, que sepa de programación y diseño gráfico para hacer webs "bonitas, claras, cómodas"

Mi duda simplemente es, como se lo están montando las empresas a la hora de contratar a la gente, contratan a programadores que sepan de diseño o diseñadores que sepan de programación?

3 respuestas
Ruboticario

#19 Yo, trabajando desde un departamento de marketing, te digo que por lo que yo me he encontrado en el mundillo laboral, es una mezcla de los dos tipos que dices. Yo no he tenido nada en la carrera sobre informática ni lenguajes web (estudié publicidad en Alicante) y ahora estoy en un master que aúna las dos cosas, la parte tecnológica con su aplicación en el mundo de la comunicación. Y como bien dices, en las ofertas de trabajo se piden "chicos para todo".

A mi es una cuestión que tmb me preocupa bastante, pero sin duda lo que todos los profesionales me comentan es que hay que ser muy transversal en los conocimientos, pues lo realmente importante es el trabajo en equipo. De nada sirve que seas un gran diseñador gráfico si no eres capaz de entender las limitaciónes que los lenguajes web tienen. Imaginate como te vas a comunicar con tus "futuros compañero del dpto de informática" si no habláis el mismo idioma.
La solución, aprender de todo y mucho. Es triste pero es asi

kasuno1

#19 Pues depende de las ofertas muchisimo la verdad.

Hay gente que te pedirá htlm, css, javascript y cuatro chorraditas más para que hagas cosas sencillas y luego ya hay gente que pide el pack frontend+backend. Yo ahi ya si que me bajo del carro. O sea siendo diseñador veo interesante saber algo de fronted, pero lo que es el backend yo creo que ya se lo dejo a otros, tampoco hay que saber de TODO.

Yo lo que veo muy interesante es el combo diseñador gráfico puro y duro + algo de idea de frontend.

Veo a muchos diseñadores webs que seguro que hacen todo de puta madre y tal pero lo que es la estética visual de la web deja mucho que desear.

Para mi lo ideal es diseñador + maquetador (código), pero también entiendo que haya gente que con los diseños de un programador y vayan tirando.

speciaL

El mejor framework es el que acabas construyendo tu mismo. Y bootstrap es la puta mierda.

#19

Yo estudié diseño gráfico hace una mucho tiempo y hace también un tiempo me puse con CSS+HTML+JS. Y donde trabajo actualmente todos los front-end maquetamos y diseñamos, solo hay un diseñador gráfico puro y aun así también toca HTML y CSS. El back-end para los programadores.

El tema de las ofertas y pedir mil cosas es para hacer una criba y meter miedo. A algunas solo les falta pedir que también sepas levantar tabiques.

1 2 respuestas
kasuno1

#22 Soy muy nuevo y no pillo lo de la foto. Lo primero es bootstrap y lo segundo es algo que tu te has hecho?

Que diferencia hay?

1 respuesta
speciaL

#23 Exacto. Lo segundo es un selector por atributo que hace lo mismo que bootstrap pero ahorrando bastante líneas.

S

Comprendo, gracias por las respuestas, al final será cosa de aprender programación. Supongo que no estará de mas para el rol de diseñador de videojuegos.

Ronso

Para "diseño" lenguaje solo necesitas javascript (ya que html&css no son lenguajes) y es sencillo de aprender. Ahora bien en el back tienes lenguajes potentes como PHP, Java... Aunque siempre estara mejor valorado un maquetador que sepa manejar algo de lenguaje de servidor ;)

kraneok

Lo suyo es crearte tu propio framework. Una vez que mas o menos lo tengas creado, lo conoces al dedillo por lo que siempre puedes ir refactorizando código y mejorandolo si cabe a grandes pasos. De todos modos siempre es bueno aprender frameworks, en primera instancia por el tema de que si te pones a indagar en el código puedes aprender bastante ( se aprende mucho ) y posteriormente por que la mayoría de empresas usan framework, independientemente de la capa de la que estemos hablando, pero esto es algo obvio ya que las empresas deben ser eficientes ahorrando todo el tiempo posible.

Aprender HTML bien, bien, bien te llevará una semana, dos como mucho, te recomiendo los tutoriales del W3C, son ellos quienes crean las especificaciones. CSS quizás tardes un poco mas, pero no po dificultad si no mas bien por ir aprendiendo todos los atributos que puedes toquetear de cada tag de HTML, desde un simple div a un enlace.

JS es otra historia, puesto que ya es un lenguaje de programación y lleva bastante mas tiempo. Una vez aprendido, haces el paso a jQuery, que es el framework por excelencia de javascript.

Ronso

Cuidado que Angular esta pegando fuerte.

2
Gantorys

#22 Bootstrap está hecho en Less, todo ese tochaco será el CSS generado, no lo han metido a pelo.

hit69

Otro por aqui que esta empezando con HTML/CSS para hacer algun diseño interesante, programo en Java asi que tengo que darle un poco a los lenguajes de marcas :)