diseño de sitios web usando grillas

Leí mucho sobre cuadrículas y cómo hacen que los sitios web se vean bien (no hace falta decir que estoy de acuerdo)

aunque no he podido trabajar con ellos. No he podido "sentir" la ventaja al usar el sistema de cuadrícula (siempre hablo de la etapa de Photoshop).

Entonces, me preguntaba si había algunos recursos sobre cómo aprovechar el sistema de red. Preferiblemente, estoy buscando tutoriales (mejor aún tutoriales en video) donde el autor dice "así es como uso esto todos los días" NO "esto es lo que puedes hacer". Básicamente, sé cómo usar el sistema de cuadrícula. pero busco buenas prácticas, Algo (por ejemplo) que conseguiría mirando por encima del hombro de un experto.

Espero que puedas ayudar, gracias

Diseñar a una cuadrícula es un concepto básico del diseño gráfico. Investigue un poco sobre el diseño basado en cuadrículas en general... todo es aplicable a la web también. Los recursos de diseño de publicaciones serían una fuente principal de materiales de referencia.
Y esta es una buena idea, en realidad colecciono todos los diseños impresos que encuentro, pero nunca los analicé; Entonces, tal vez sería bueno mirar el diseño de la cuadrícula en su fuente principal. Aunque no sé sobre los demás, trabajo mejor cuando primero aprendo lo que necesito, y luego entro en el tema con más detalle. conmigo, es como aprender sobre la Segunda Guerra Mundial, obtener primero los conceptos básicos y luego sumergirse en un libro pesado. pero gracias, si tiene alguna referencia para esto, por favor comparta

Respuestas (4)

Aurel,

Un beneficio del uso de cuadrículas le ayuda a aplicar un espaciado uniforme de los elementos en su composición. Cuando trabaja con información y elementos de texto, como una página web, es muy importante colocar los elementos en el diseño con una jerarquía visual estructurada. La información, por supuesto, es la columna vertebral de la web, por lo que crear una estructura de esta información es tan importante como cualquier otro proyecto de diseño informativo.

Una de las muchas cosas que aprendí de la escuela de diseño gráfico fue que los elementos visuales necesitan espacio para respirar y el espacio en blanco es tan importante como los elementos visuales en el diseño. Trate de experimentar con su diseño. Haga una composición con relleno arbitrario y luego haga otra siguiendo las pautas de la cuadrícula. Puedo garantizarte que el diseño que esté más regulado, en términos de ubicación de la información, se verá más profesional. ¡Algo extraño si piensas que estás usando exactamente los mismos elementos y la única diferencia es el espacio entre ellos!

Como se indicó en las publicaciones anteriores, puede usar el sistema 960grid para ayudarlo con las cosas web/photoshop. También puede consultar este libro del sistema de cuadrícula en la biblioteca (sí, una biblioteca) para obtener más conocimiento al respecto. Otros recursos: The Grid System , Grid System Wiki

¡Buena suerte!

irónico, el libro no está en ninguna de mis bibliotecas locales, ni siquiera en la universidad :) si eso es lo que quisiste decir, pero me gusta mucho la idea de un libro, así que por supuesto lo ordené en Amazon. el enlace de su sistema de cuadrícula, ¿está relacionado con el libro? ¿Qué piensas, debería uno pensar en tomar un curso de diseño gráfico cuando no tiene ninguna habilidad artística? Como hay muchos artículos relacionados con el diseño web que hacen referencia (como usted) al curso de diseño gráfico del autor, gracias por la gran contribución.
Una pregunta, creyendo que el diseño web basado en cuadrículas es muy bueno, una vez que tenga la habilidad, ¿trabajaría alguna vez sin la cuadrícula? sin la cuadrícula (aunque sería GENIAL con la cuadrícula) - Básicamente es como el diseño de la tabla (es decir, sin cuadrícula) VS. Diseño CSS (es decir, con cuadrícula). Entonces, una vez que saber el diseño de la tabla css es muy malo; por lo tanto, ahora que conoces la cuadrícula, no hay diseño sin ella; o esto es mas relajado
No tienes que ser un buen artista para ser bueno en diseño gráfico. Aprender los fundamentos y obtener una base sólida en diseño gráfico es significativamente más importante que las habilidades de dibujo.
Entiendo que estas preguntas pueden pasarse de la raya pero, ¿sabes por dónde puedo empezar a aprender estos fundamentos? el diseño gráfico es el tema sobre el que más quiero aprender y en el que no he estado tratando de encontrar nada sólido (al decir que saber usar Photoshop no significa que conozcas la esencia del diseño de gráficos)

Me gusta mirar los sitios web en busca de inspiración y estudiar "la cuadrícula". No puedo pensar en ninguna 'práctica diaria' que no sea simplemente jugar con él. Aquí hay un buen sitio web con 50 sitios web de Good Grid
¡Buena suerte!

gracias, deambulo, ¿quieres un libro de bocetos para tus experimentos de cuadrícula (web)? si eres un diseñador gráfico, entonces eso es diferente, pero si eres un diseñador web (sin habilidad artística), ¿sería útil un cuaderno de bocetos? Empecé a usar uno, pero no ha pasado mucho tiempo para que note un beneficio extremo. pero gracias
diseñador web - sí... Me considero un híbrido de web/gráfico/diseñador/desarrollador y me resulta muy útil simplemente esbozar y dibujar (sin habilidades artísticas) Puede que ni siquiera mire los bocetos una vez que lo tenga resuelto en mi mente, pero es mucho más fácil que tratar de hacerlo directamente en Photoshop (aunque tengo una tableta Wacom). Veo que otras personas también lo hacen: leticiasanc.files.wordpress.com/2009/04/site_sketches1.jpg
eso es exactamente lo que estoy haciendo. yo también, hay veces que no veo lo que he esbozado, o vuelvo a ellos en un tiempo de meses y los veo desde un estado de ánimo diferente. Gracias por compartir :) - Estoy listo para esto, pero nunca le pregunté a nadie al respecto.

Verificaría este recurso: http://www.designinfluences.com/fluid960gs/ & http://960ls.atomidata.com/#usage

Le brinda mucho mejor material de aprendizaje que hurgar en otros sitios publicados.

Esto es mucho mejor. y tú, tienes alguna rutina de "buenas prácticas" al empezar a diseñar en photoshop. Estoy en una etapa en la que conozco los fundamentos; y ahora estoy tratando de aprender las buenas prácticas, de personas más experimentadas
lo siento, aurel, pero principalmente uso CSS para diseñar la mayoría de mis sitios, y uso Adobe Illustrator para logotipos, imágenes, etc. Hay algunos recursos excelentes para Photoshop. Solo conseguiría un libro o algo. aprendí la mayoría de mis habilidades de html, libros css y practicando

También estoy empezando a aprender sobre grillas y cosas así cuando se trata de diseño web, encontré un libro que es bastante útil y barato (si quieres comprarlo, un consejo rápido para estudiantes de bajo presupuesto como yo, puedes también encontrarlo en torrents).

El libro se llama "Desorden de orden: principios de cuadrícula para el diseño web" de Khoi Vinh. Te dejo el enlace por si quieres comprarlo en Amazon.

diseño de sitios web usando grillas
RespuestasAquíPolítica de privacidad1y, 0v