homefinance blog
Cuando se trata de la clasificación de cable de un nuevo diseño de página, generalmente debe usar una herramienta o aplicación separada (¡o tal vez incluso un libro de bocetos antiguo!) Si desea realizar la tarea. Pero si pudiera conectarse con WordPress, incluso desde el editor de bloques, sin tener que cerrar su navegador? El marco de red dentro de WordPress abre tantas posibilidades, todas ahorrando al mismo tiempo mucho tiempo.
En lugar de adivinar si un diseño se puede desarrollar fácilmente o preguntarse cómo implementar un aspecto de página, puede comenzar su base de diseño.
En lugar de usar una herramienta separada y luego transferir el automóvil de estructura alámbrica, su estructura alámbrica vivirá en WordPress, ahorrándole un paso adicional.
Puede proporcionar fácilmente a los clientes una vista previa de estructura alámbrica dentro de su sitio existente o en un sitio de almacenamiento de WordPress sin complicar el proceso con un tipo de archivo separado.
En esta guía, cubriremos qué es el alambre, cómo el alambre de alambre del sitio web puede acelerar el flujo de diseño web y cómo comenzar rápidamente con la nueva colección Kadence Wireframe (¡que es completamente gratuita!) Comenzaremos mostrándole una estructura alámbrica y explicar. Cómo el estructura del alambre cae en el proceso general de diseño web. También descubrirá qué características deben incluir estructuras alámbricas. ¡Vamos a bucear!
contenido
Lo primero que primero: ¿Qué es el alambre?
Cómo acelerar el diseño web de alambre de alambre
1. Obtenga grandes ideas en orden
2. Hacer ajustes fáciles
3. Cámara del cliente
Te presentamos la colección de estructura alambre de Kadence Blocks
¿Cuáles son los bloques de estructura alámbrica? Más de 50 bloques de estructura de alambre para construir páginas de WordPress
Cómo comenzar a alambre en WordPress
¿Te gustaría hacer una inmersión profunda? Obtenga más información con este video de instrucción de profundidad
Poner todo: un ejemplo de estructura alámbrica construida con bloques de estructura alámbrica de Kadence
¡Obtén Kadence Blocks hoy!
Lo primero que primero: ¿Qué es el alambre? Si ha estado involucrado en el complejo mundo de la experiencia del usuario, es posible que haya escuchado el término “alambre”. Pero, ¿cuáles son las marcas alámbricas y por qué son una parte tan importante del proceso de diseño de UX para sitios web?
En resumen, una estructura de alambre no es tan diferente de un plan que usan los arquitectos. Una estructura alámbrica es un bosquejo de dos dimensiones de una página o aplicación web que un diseñador usará para construir el producto final. La intención de una estructura de alambre es dar al diseñador una imagen obvia de los sitios web:
apariencia
Estructura
El flujo del usuario
Comportamientos intencionales
Arquitectura informacional
Funcionalidad
Una estructura de alambre casi siempre representará el concepto inicial del proyecto de diseño. Como tal, se minimizan cosas como gráficos, color y estilo.
En algunos casos, un marco de alambre incluso se puede esbozar manualmente en un trozo de papel.Se crean otros marcos de fuego en el campo digital.Realmente depende de los detalles necesarios dentro de la estructura de alambre específica.También depende de cuántos detalles ingresarán el diseño final de la página web o la aplicación.En otras palabras, cuanto más detallada sea la página web, más detallada se tendrá que detallarse.La práctica del alambre es utilizada con mayor frecuencia por los equipos de diseño de UX.El proceso permitirá que todas las partes involucradas (partes interesadas) lleguen a un acuerdo sobre el lugar donde la información se ubicará en una página antes de que se entregue el proyecto a los desarrolladores para desarrollarlas.
La clasificación de cable de un proyecto de diseño web antes de que se entregue a los desarrolladores a menudo ahorra muchos dolores de cabeza en la carretera. Esto se debe al hecho de que el plan inicial del proyecto (estructura alámbrica) puede (y debería) ser siempre el primer punto de referencia de la apariencia debe mostrar el resultado final. Cómo acelerar el diseño de la red de alambre Una de las mejores cosas sobre el alambre es la capacidad de acelerar el proceso de diseño. Aquí hay un vistazo rápido a cómo Wireframing acelera el proceso de diseño web. 1. Obtenga grandes ideas en orden con Wireframes, solo se ocupa del concepto inicial y no con todos los detalles y el volumen que vienen con el proyecto completado. En otras palabras, puede obtener las grandes cosas importantes justo antes de perder sus detalles de diseño. Tener las ideas correctas correctamente le permite acelerar el proceso, tener los elementos de estructura alámbrica primero y luego agregar el contenido real, sin tener que tomarlo desde el final. Hacer ajustes fáciles con Wireframing lo ayuda a organizar sus ideas en la pantalla y luego permitir un cambio constante y fácil a medida que avanza. Puede ajustar fácilmente lo que tiene y dónde lo tiene. 3. La cámara para la entrada del cliente de Wireframing es la versión de boceto del diseño del sitio web, una representación bidimensional en blanco y negro. Podrá ver su diseño y puede medir su funcionalidad. Antes de que todo esté bloqueado, los clientes pueden agregar sus ideas. Es mucho más fácil mover un edificio antes de construir el edificio.
Cuanto menos tenga que hacer malabarismos, más rápido podrá traer a sus patos en fila. El alambre desnudo el más simple.
Presentamos la colección de estructura alámbrica de Kadence Blocks gratis, Kadence Blocks incluye una colección completamente nueva de bloques o elementos preconstruidos llamados W irreframes. Estas secciones limpias están diseñadas para ayudarlo a construir y planificar su sitio, sin ser bloqueadas por los detalles de diseño para que pueda concentrarse en la carretera. Con Kadence Blocks, no necesita una herramienta o aplicación separada para conectar nuevas páginas: puede iniciar sesión en WordPress, incluso desde el editor de bloques de WordPress nativo.
Si es nuevo en la etapa de alambre del proceso de diseño web, esperamos ver rápidamente cómo puede acelerar su flujo de trabajo cuando se trata de nuevos modelos o reseñas.
Descargue el complemento Kadence Blocks, ¡gratis!
¿Qué son los bloques de estructura alámbrica? Entonces, ¿qué son exactamente los bloques de estructura alámbrica? ¡Me alegra que hayas preguntado!
Los bloques de alambre de Kadence son un nuevo conjunto de bloques de WordPress que le brindan secciones limpias y preconstruidas para ayudarlo a construir su sitio … incluso desde el editor de bloques de WordPress nativo. Supongamos que necesita configurar un nuevo diseño de página para un cliente. En lugar de usar una aplicación separada o dibujar el diseño con una herramienta separada, ahora puede proporcionar un modelo de estructura alambre directamente en WordPress.
O es posible que desee agregar una sección de preguntas frecuentes a su página en lugar de crear un aspecto de fila y jugar con diferentes bloques para determinar cómo configurar esto mejor, simplemente puede importar una estructura de alambre de preguntas frecuentes directamente desde la pestaña Bloque de transmisión. De esta manera, puede construir y concentrarse en optimizar su contenido, dejando la estructura en la biblioteca preconstruida de elementos de estructura alámbrica. Más de 50 bloques de estructura alámbrica para construir modelos de página de WordPress solo dicen que los bloques de estructura alámbrica gratuita son robustos. Hay más de 50 bloques de estructura alámbrica que puede usar, con más agregado cada semana. Incluso puede filtrar los bloques de estructura alámbrica por categoría, facilitando la búsqueda.
Verifique todos los diferentes bloques de estructura alámbrica que puede usar en la biblioteca de diseño de Kadence Blocks:
Bloques de estructura de contenido: Use este conjunto de bloque de estructura alámbrica para establecer las áreas de contenido de alto sitio, como preguntas frecuentes, una lista de anotadores de estilo, incluso registros de correo electrónico.
Tabla de precios de bloque de estructura de alambre: tablas de precios de estructura alámbrica con un estilo mínimo para comprender mejor las opciones de tarifas
Bloques de estructuras alámbricas: estos bloques de estructura alámbrica facilitan la planificación de su sitio web
Bloques de estructuras alámbricas: use estos bloques de estructuras alámbricas para secciones simples de “tarjeta” de su sitio
Bloques de testimonios de estructura alámbrica: ¡no olvides todas las grandes cosas que tus clientes tienen que decir! Estos bloques útiles ayudan a las secciones de prueba de estructura alámbrica en una página.
Bloques de la estructura de alambre de cuenta regresiva: el innumerable recuento ayuda a aumentar la urgencia, pero todas las opciones de estilo pueden volverse indisciplinadas cuando comienza con un nuevo diseño. Estos bloques ofrecen múltiples opciones para el temporizador de alambre inverso. Bloques de estructura alámbrica: estos bloques de estructura alámbrica ofrecen un punto de partida.
Bloques de estructura alámbrica para formularios: los formularios son otro elemento que puede encontrar muchas opciones de diseño, por lo que estos bloques de formularios simples le ofrecen puntos de partida más básicos cuando se ajusta a través del cable.
Tabla de precios (oscuro): si está buscando una opción de plan de pago de tres niveles, entonces este precio de la tabla de precios es perfecto para ayudarlo con su edificio.
Tabla de precios (fácil): esta fragancia de precio también le dará tres opciones de pago, pero el color de fondo de la sección superior es blanco. En lugar de íconos, tiene un lugar para cargar una imagen personalizada para cada avión.
Aspecto de contenido: este elemento de contenido de estructura alámbrica ofrece dos columnas y un lugar para una imagen con un título. Este bloque podría ser útil para resaltar las características del producto, propuestas valiosas, información del equipo y más.
Aspecto de contenido con cuadro de contenido recomendado: este contenido de estructura de alambre también ofrece dos columnas, pero tiene una caja a la izquierda (similar a una barra lateral). Una caja atraerá sus ojos y llamará la atención sobre las palabras o elementos de diseño que elija colocar en él.
Contenido (alineación variable): otro excelente alambre de contenido, permite un enfoque numerado a lo que presenta con alineación variable. También incluye marcos de imagen. La separación del contenido ayuda a mantener la atención del lector. Subsol: los sótanos son una excelente manera de agregar requisitos legales, botones sociales adicionales y otra información de contacto. Esta estructura de alambre ofrece todo esto, más un logotipo.
Galería: esta galería de estructura alámbrica ofrece una manera simple de compartir más fotos. Es perfecto para recapitular eventos, cambiar nuevos productos o resaltar una nueva línea de productos.
Grid (tarjetas): una cuadrícula le permite juntar información en un formato fácil de escanear. Puede usar esta estructura de alambre para mostrar los conceptos básicos de sus servicios, productos o programas.
Grid (alto contraste con los iconos): otra excelente opción de cuadrícula, con diferentes bloques de color, para permitir que la información se destaque aún más.
Grid (Ligero): esta cuadrícula ofrece espacio para agregar información adicional sobre los elementos que comparte. Esta estructura alámbrica presenta un bloque formal para sus lectores y sería ideal para abogados, organizaciones educativas y la industria de la salud.
Grid (fondo oscuro): esta es la cuadrícula perfecta para mostrar un producto o servicio que tiene más elementos incluidos. El bloque grande con el botón y la imagen podrían usarse para dirigir a una página de destino, mientras que los bloques más pequeños proporcionan más información sobre los tres componentes principales.
El contenido del contenido con la cita: al escribir contenido para publicar en el blog, puede ser útil para separar cierta información. Esta estructura alámbrica ofrece dos columnas, uniformemente espaciadas, con una fuente grande y atractiva. El contenido con cuota extraída: otra estructura de contenido con dos columnas, pero con un bloque sombreado para que las citas llamen o resalten información.
Sección de contenido (citado citado): otra forma de resaltar las citas o el contenido de las características es con un bloque del contenido en sí. Esta estructura de alambre funciona mejor cuando desea llamar la atención sobre las partes más importantes de su contenido.
Nota sobre el contenido (fondo oscuro): este bloque de estructura alámbrica es perfecta para definir elementos de su contenido o para compartir información sobre su lector.
Nota sobre el contenido (fondo abierto): ¿desea agregar información que no esté necesariamente relacionada con el contenido del contenido? Esta nota de estructura alámbrica se puede usar para dar a los lectores a los lectores, compartir información aleatoria más allá del contenido o proporcionar palabras con sabiduría.
Contenido (izquierda): un contenido permitirá a su lector ver los elementos más importantes de su contenido sin tener que escanear el documento completo. Este alambre coloca el talón al lado del contenido.
Contenido (en línea): este alambre coloca el contenido en la parte superior de su contenido y descompone el contenido más allá de las sub -rubricas principales.
Tarjetas simples: otra forma de resaltar la información es usar libros simples. Esta estructura de alambre le brinda bloques para personalizar sus iconos e información.
Tarjetas simples (3 columnas): otra tarjeta simple que le permitirá resaltar puntos, productos o información en múltiples niveles. Nuestro plan es ofrecer un total de 50 bloques útiles de estructura alámbrica, ¡así que manténgase actualizado a medida que agrega más!
¿Necesitas más inspiración? Aquí hay 10 formas de usar bloques de estructura alámbrica, desde las páginas iniciales hasta las carteras, hasta preguntas frecuentes y muchas más.
Cómo comenzar a Wireframing en WordPress Después de instalar y activar bloques Kadence gratuitos, agregue una nueva publicación (o una página) del administrador de WordPress. Al crear una nueva publicación o página en WordPress, haga clic en la biblioteca de diseño en el área superior izquierda.
Luego haga clic para abrir la pestaña Wireframe. Allí verá una lista de todos los cables disponibles que puede importar fácilmente en su página.
¡Eso es todo! Simplemente haga clic para agregar cualquiera de los bloques de estructura alámbrica a su página o publicación.
¿Te gustaría hacer una inmersión profunda? Obtenga más información con este video de instrucción de profundidad
Poner todo: un ejemplo de estructura alámbrica construida con bloques de estructura alámbrica de Kadence Si se pregunta cómo podría ser una estructura alámbrica, construí este ejemplo para una página de producto. En este ejemplo, puede ver qué tan rápido puede obtener un punto de partida sólido para un nuevo diseño. Esta página incluye bloques de estructura alámbrica para encabezado, botones, características, testimonios, tabla de precios frecuentes y preguntas.
¡Obtén Kadence Blocks hoy!Los nuevos bloques de estructura alámbrica están disponibles en el complemento gratuito de Kadence Blocks (V2.1 +).Descargue los bloques de Kadence gratis para comenzar! ¡Descargue Kadence Blocks, gratis!
Obtenga Kadence Blocks Pro por $ 89
Kristen Wright
Kristen escribió tutoriales para ayudar a los usuarios de WordPress en 2011. Por lo general, puede encontrarlo trabajando en nuevos artículos para IThems Blog o desarrollar recursos para #WpProsper.Fuera del trabajo, Kristen disfruta del diario (¡escribió dos libros!), Senderismo y acampar, cocinar y aventuras diarias con su familia, con la esperanza de llevar una vida más presente.
