Esta es mi primera pregunta en este sitio web, ¡así que aquí vamos! Soy diseñador gráfico y web. Al crear sitios o aplicaciones, no me ocupo del front-end y no quiero (por ahora). Todo lo que hago es diseño de UI/UX, y los desarrolladores hacen el resto. Entonces, lo que estoy enviando a mis clientes son archivos .ai o .psd, botones exportados e imágenes en .svg o .png, bien organizados y nombrados. Entiendo que Bootstrap es un marco front-end con su filosofía y herramientas para crear fácilmente sitios web receptivos y consistentes. También tengo conocimientos básicos de cómo funcionan los lenguajes de marcado como HTML y CSS, pero como dije, no quiero aprender a codificar, quiero centrarme en el diseño.
Entonces, después de una gran introducción, ¿dónde puedo encontrar consejos sobre cómo diseñar para Bootstrap? Encontré muchos recursos gratuitos en línea, pero todos se enfocan en la codificación y no lo explican desde mi perspectiva. Prefiero usar Illustrator, pero para un tutorial que no importa, también podría ser Photoshop. Los consejos que necesito son algo así como "nunca ponga elementos fuera de la cuadrícula", "esto es lo que debe tener en cuenta al diseñar para dispositivos móviles", "siempre use estos tamaños de fuente"...
TL; DR Cómo diseñar un sitio web Bootstrap en Adobe Illustrator o Photoshop, los desarrolladores están haciendo el resto, no yo.
Cualquier desarrollador web sólido puede tomar cualquier diseño y desarrollarlo para Bootstrap.
Dicho esto, lo hace más fácil cuando tomas algunas consideraciones.
Zach Saucier