¿Alguien puede darme una explicación clara y ejemplos de diseño web moderno que ‘diseñe en torno al contenido’ o esté ‘centrado en el contenido’?

Answer 1

Cada diseño de sitio está “centrado en el contenido”. El objetivo de un sitio web es transmitir contenido e información, intrigar, impulsar una idea o vender un producto. El contenido debe diseñarse y presentarse de tal manera que logre su objetivo o propósito.

Algunos pueden hacerlo mejor que otros y puede ser francamente hermoso.

Encontré este sitio hace años y siguen presentando excelentes ejemplos de diseño centrado en el contenido, siguiendo y empujando las tendencias modernas:

Los mejores diseños: inspiración para el diseño web

Cuando comencé, siempre tratando de diseñar algo genial primero y luego incluir algún contenido, una persona sabia me dijo:

El contenido es el rey

Que el mensaje sea claro y la acción concisa, siempre. Diseñe alrededor de eso y siempre será un diseñador web exitoso.

En cuanto a algunos malos ejemplos, aquí hay algunas gemas en esta página:
8 ejemplos de mal diseño web en 2016

Answer 2

Lo estás mirando. Los elementos en la página que está leyendo están diseñados para no distraer su atención de este párrafo. No piense demasiado en esto: en el nivel de la página, solo significa permitir que el enfoque aterrice y permanezca en el contenido.

Es por eso que no me gusta trabajar en el diseño sin contenido. Existe la suposición de que diseñas la rosquilla (encabezado, barras izquierda y / o derecha y pie de página) y luego dejas caer algunas palabras. Eso alienta a todos a centrar la atención en todas las partes de la página que no deberían llamar la atención . Terminas con una navegación ruidosa, un zumbido, un encabezado alto y, a menudo, una especie de pancarta de “héroe” en la parte superior. Las partes interesadas en el diseño poseen estas partes, así que eso es lo que les importa y ahí es donde tienen la oportunidad de dejar su huella en el sitio.

Lo que hago, en cambio, nunca es diseñar un espacio vacío. En cambio, comienzo con el contenido y lo diseño a su alrededor.

Answer 3

Una gran cantidad de diseño web comienza con una estructura (por ejemplo, “desarrollemos un blog”), y tal vez una plataforma (vamos a comenzar con WordPress, o Drupla, o Joomla, o lo que sea). Luego, uno elige / diseña un tema, agrega algunos módulos, y lo último que debe ingresar es el “contenido” (por ejemplo, las entradas de blog únicas o anuncios, o la lista de productos, o lo que sea).

El contenido centrado comienza con el tema y luego diseña el sitio que lo rodea. Por ejemplo, un sitio para vender autos podría comenzar con una galería de fotos o videos, conducir a algunas hojas de especificaciones y facilitar la programación de una prueba de manejo. Es más probable que un sitio para comprar casas comience con un mapa, algunas herramientas de búsqueda y filtrado, proporcione algunos datos demográficos y facilite la programación de una visita. Comienza con los objetivos comerciales (p. Ej., Citas) y bloques de construcción (p. Ej., Fotografías, texto, base de datos, formularios), y luego diseña la presentación, la interacción y la organización del sitio a su alrededor para obtener el mejor efecto. (Todavía puede terminar usando un marco para simplificar el desarrollo, pero elegirá el marco, los módulos, los temas y la configuración para admitir el contenido; en lugar de agrupar el contenido como una ocurrencia tardía).

En cierto sentido, es la diferencia entre “construir un edificio para la empresa” y solo más tarde meter en una línea de producción u oficinas frente a “estamos construyendo una línea de fabricación para unidades de disco”, ahora cómo debería ser el edificio . O la diferencia entre “tenemos un gran guión, ahora filmemos una película alrededor” frente a “hagamos otra secuela de fórmula. Veamos, ¿está disponible Stallone para otra película de Rocky? Ok, ahora necesitamos que alguien escriba un guión “.