Cómo diseñar su comunidad en Ning

Aunque el contenido es sin duda el activo más valioso de su red Ning, el diseño también es algo que debe tomarse muy en serio . No importa cuán relevante y atractivo sea su contenido, nadie estaría particularmente emocionado de navegar por un sitio web desagradable, ¿verdad? La verdad es que el 38% de las personas dejan de interactuar con un sitio web si lo encuentran poco atractivo . Obviamente, como creador de una red, no querrás perder tanta audiencia. Por el contrario, desea que los usuarios estén contentos con cada aspecto de su creación.

Un diseño de red visualmente atractivo y fácil de usar lo ayuda a captar la atención de las personas y garantizar la mejor experiencia de usuario posible. No se trata solo de una cuestión de belleza estética. Siempre que el diseño de su sitio web sea profesional e intuitivo, más usuarios querrán interactuar con él, por lo tanto, más personas se unirán a su red y más tráfico atraerá a su sitio web.

Además, un diseño único e individualista puede hacer que su red se destaque del resto y le permita revelar su verdadera identidad. Después de todo, estamos hablando de redes sociales personalizadas por las que Ning es conocido.

Pero, ¿cómo diseñar un sitio web que se vea genial y sea un placer navegar a través de él? A continuación se ofrecen algunos consejos útiles para quienes acaban de empezar a explorar la plataforma Ning y sus capacidades.

Empezando con NING Design Studio

Una de las principales prioridades de Ning siempre ha sido brindar a los usuarios el máximo control sobre la apariencia visual de sus redes. Por eso se creó Design Studio.

NING Design Studio es un conjunto de herramientas que permite personalizar el diseño de los sitios web sociales creados en la plataforma Ning. Ofrece a los usuarios una gran cantidad de opciones de personalización destinadas a hacer que cada red Ning sea única y hermosa.

Design Studio se puede iniciar fácilmente haciendo clic en el icono correspondiente en el Panel de administración, que está disponible como una barra de herramientas verde en la esquina superior izquierda de cada página de red.

Hay varias categorías de personalización disponibles en el menú de Design Studio:

• Temas : seleccione una plantilla de diseño general para su sitio web;
• Fondo : elija y configure la imagen que aparece en el fondo de su sitio web;
• Encabezado : diseñe un encabezado que coincida con el tema de su red;
• Página : establezca el aspecto general de sus páginas de red;
• CSS personalizado : inserte el código CSS personalizado para realizar cambios avanzados en el diseño de su sitio web.

Cada categoría contiene varias opciones de personalización distintivas. Para diseñar un sitio web que se vea verdaderamente profesional, tómate tu tiempo y avanza gradualmente de una categoría a otra, estableciendo los parámetros de cada elemento de tu red de acuerdo con tu visión creativa. Puede configurar prácticamente todos los aspectos del diseño de su sitio web para que coincida con sus preferencias estéticas.

Además, Design Studio le permite obtener una vista previa de los cambios que realice antes de que se apliquen realmente a su red. Esto hace que el proceso de personalización sea muy conveniente e intuitivo.

De hecho, el uso de Design Studio no requiere ningún conocimiento técnico ni habilidades, ya que cada elemento de diseño se puede modificar fácilmente con la ayuda de una interfaz fácil de usar. Sin embargo, para tener una idea básica sobre las opciones de personalización que tiene a su disposición, revisémoslas con más detalle.

Tema

Un tema es una plantilla que determina el diseño básico de su sitio web. Al aplicar un tema a su red, aplica una combinación preestablecida de elementos de diseño que incluyen un encabezado, imagen de fondo, diseño de página, barra de navegación, fuentes, etc.

Ning ofrece una amplia selección de temas listos para usar meticulosamente diseñados para diferentes tipos de sitios web. ¿Necesita un sitio web de cartera? Elija el tema correspondiente en la biblioteca. ¿Estás preparado para crear una comunidad musical? No hay problema, ¡Ning también tiene plantillas para eso!

Puede encontrar toda la gama de temas desarrollados por Ning en la pestaña "Temas" del menú de Design Studio.

Simplemente elija el que mejor se adapte a su propósito y presione el botón "Publicar". Antes de aplicar un tema, puede obtener una vista previa.

Los temas Ning se ven muy bien tanto en una computadora de escritorio como en dispositivos móviles, ya que se han optimizado cuidadosamente para obtener el mejor rendimiento en todas las plataformas existentes.

Además, la pestaña "Temas" contiene dos subpestañas:

• Historial : le permite revisar todos los temas que aplicó a su sitio web de redes antes;
• Administrar : aquí puede importar y exportar temas; Design Studio admite temas en formato .txt.

Si bien puede usar los temas preestablecidos tal como están, también es posible personalizarlos aún más para lograr un diseño completamente único.

Fondo

Comience a personalizar su tema configurando una imagen de fondo. Hay dos formas sencillas de hacerlo:

• Seleccione una de las imágenes estándar ofrecidas por Ning;
• Sube tu propia imagen y aplícala como fondo.

Para cargar su propia imagen, seleccione la pestaña "Fondo" y haga clic en el icono de la cámara.

A la derecha de la lista de selección de imágenes, encontrará varias opciones adicionales para modificar su imagen de fondo:

• Color : establece el color de tu fondo;
• Alineación y orientación : elija una de las nueve posiciones para su imagen de fondo;
• Representación : defina cómo se representará su imagen de fondo en la página; Hay cinco opciones disponibles en el menú desplegable: Mosaico, Mosaico horizontalmente, Mosaico verticalmente, Estirar y Normal.
• Opción de desplazamiento : puede habilitar el desplazamiento o fijar la posición de su imagen de fondo marcando el botón de radio correspondiente.

Cuando termines con tu imagen de fondo, es hora de pasar al encabezado, uno de los elementos más importantes del diseño de tu sitio web.

Encabezamiento

Un encabezado es un bloque que contiene la información introductoria sobre un sitio web (nombre, logotipo, etc.) y una barra de navegación. Un encabezado permanece visible en todas las páginas de un sitio web y generalmente se ubica en la parte superior, aunque a veces también se puede colocar en el lado derecho o izquierdo de una página, según el concepto de diseño.

Para comenzar a diseñar el encabezado de su sitio web, haga clic en la pestaña "Encabezado".

Dentro de la pestaña, encontrará varias subpestañas que le permiten establecer diferentes parámetros de su encabezado:

• Estilo :

Aquí puede establecer la posición y orientación del encabezado. La opción clásica es un encabezado ubicado en la parte superior, que contiene una imagen de fondo, un nombre de red, un logotipo y una barra de navegación debajo. Sin embargo, puede considerar otras variantes disponibles para que su red se destaque.

Además, puede cambiar el tamaño (alto y ancho) de su encabezado y su relleno ingresando los valores requeridos (en píxeles) en los cuadros correspondientes.

Consejo El límite de altura predeterminado para la mayoría de los temas es de 135 px.

• Nombre / Logotipo :

Una de las funciones esenciales de un encabezado es comunicar el nombre de un sitio web (o el nombre de una empresa / marca). Para completar la imagen, también querrá mostrar su logotipo. Con NING Design Studio, puede personalizar fácilmente tanto el nombre como el logotipo.

Para establecer un nombre de red, vaya a "Configuración general" del menú "Administrador del sitio social" accesible desde el Panel de administración e ingrese el nombre en el cuadro de texto "Nombre del sitio".

A continuación, puede volver al Estudio de diseño y seleccionar el estilo, el color y el tamaño de la fuente aplicada al nombre de su sitio web.

Cuando termine de personalizar el nombre de su red, es hora de cargar su logotipo. Para hacer esto, simplemente haga clic en el ícono de la cámara y busque el archivo de imagen requerido en su computadora.

Tan pronto como se cargue el logotipo, puede regular su tamaño con la ayuda de la barra deslizante ubicada a la derecha. También puede cambiar el tamaño del relleno y la alineación de su logotipo.

• Navegación

Este menú le permite personalizar su barra de navegación. Puede cambiar el color de fondo y el tipo de borde, ajustar las fuentes de las pestañas y subpestañas, establecer colores, controlar el efecto de desplazamiento, modificar el tamaño del relleno de las pestañas y regular el espacio entre pestañas.

• Fondo

Para que su encabezado sea hermoso y único, establezca una imagen de fondo atractiva para él.

El menú "Fondo" le permite personalizar tanto el fondo del lienzo como el fondo de ancho completo. Esto abre más formas de experimentar con el diseño del encabezado, lo que le permite elegir la combinación correcta de colores e imágenes. Intente encontrar aquellos que coincidan con el tema de diseño que ha seleccionado, así como con el tema de su red. ¡Eres libre de ser tan creativo como quieras!

¿Encontraste las imágenes adecuadas? Bien. Simplemente cárguelos haciendo clic en el icono de la cámara y ajuste su posición y alineación, ¡fácil!

También es posible que desee editar sus imágenes para que se ajusten al tamaño del encabezado, aplicar filtros y efectos, etc. Para hacer esto, use una herramienta de edición de imágenes en línea, por ejemplo, BeFunky o Pixlr .

• Barra de cuenta

Aquí puede establecer el color de la barra de la cuenta que se muestra en la parte superior de cada página de red. Puede controlar el color de fondo, el color del texto y el efecto de desplazamiento. Además, hay una opción para fijar la barra de la cuenta en la parte superior de la ventana del navegador.

Página

La pestaña "Página" del menú de Design Studio está ahí para ayudarlo a personalizar la apariencia general de sus páginas de red. Contiene varias subpestañas:

• General : establece el color del fondo de la página, selecciona las fuentes que aparecen en las páginas, regula el espaciado de los párrafos, modifica el tamaño del relleno de la página y el ancho de la página. Si desea que su sitio web se ejecute en modo de pantalla completa, seleccione "100%" en el menú desplegable "Ancho de página".
• Módulo : controla los parámetros de los módulos. Los módulos son bloques de contenido que aparecen en todas las páginas de su red. Puede cambiar el color de fondo, las fuentes, el relleno de mosaicos y contenido, la alineación de mosaicos, etc.
• Enlaces : personalice la apariencia de los enlaces presentados en el sitio web, incluidos los botones de navegación de la página y los títulos de las publicaciones.
• Botones : modifique el diseño de los botones que realizan diversas acciones en el sitio.
• Efectos : haga que las esquinas de las páginas y los módulos de contenido sean nítidas o redondeadas y establezca la forma de las fotos de perfil.

CSS personalizado

Si las opciones de personalización incorporadas no son suficientes para usted y no es nuevo en la codificación, explore la pestaña "CSS personalizado". Le permite insertar un código CSS personalizado y, por lo tanto, aplicar modificaciones avanzadas al diseño de su sitio web.

Hay dos áreas donde se puede ingresar el código CSS:

• CSS global : se refiere a personalizaciones universales;
• CSS del tema : se refiere a personalizaciones específicas del tema.

Los usuarios expertos en tecnología encontrarán la función CSS personalizado particularmente útil para lograr resultados aún más impresionantes en términos de presentación visual.

Diseña tu sitio web perfecto

Diseñar un sitio web visualmente impresionante es cuestión de inspiración, creatividad y herramientas de personalización versátiles. NING Design Studio le brinda estas herramientas y lo alienta a desarrollar un sitio web único y atractivo que se verá genial y se sentirá conveniente para navegar.

Con suerte, esta breve descripción general de las características principales de Design Studio lo ayudará a crear un sitio web social que realmente impresionará a su audiencia. Mientras tanto, ¡sigue experimentando! Prueba diferentes cosas y sus combinaciones para llegar al diseño del que estarás feliz y orgulloso.

Brenda Peterson

Brenda es especialista técnica en Ning

Ver todas las publicaciones