Los diseños de plantillas de sitios web son muy populares entre los desarrolladores web modernos. Trabajar dentro de un diseño de plantilla puede ahorrar mucho tiempo cuando está por debajo del límite de la fecha límite. No solo esto, sino que la mayoría del código fuente se crea dentro de los estándares HTML5 / CSS y permite personalizaciones simples
Existen algunas técnicas que pueden utilizarse para desarrollar las mejores plantillas. Tanto los diseñadores como los desarrolladores con frecuencia crean plantillas y las ofrecen para su descarga gratuita a la comunidad. La teoría del color, el diseño de la cuadrícula, la estructura del diseño y el desarrollo del contenido juegan un papel clave en el proceso de creación. Vea algunos de los consejos a continuación y vea cómo podría integrar estas ideas en su trabajo.
El mercado de plantillas web
La demanda de sitios web ha crecido exponencialmente en los últimos 5 años. Las empresas requieren una presencia en la web y muchas son incluso perdiendo clientes De la falta de conexión digital. Esto es lo que hace que las plantillas de sitios web sean tan atractivas.
Los diseños de plantillas no solo son más baratos y fáciles de administrar, sino que también requieren mucho menos mantenimiento y proporcionan especificaciones lucrativas. La comunidad de diseñadores web independientes ha crecido y la cantidad de talento disponible hoy en día es fenomenal. Muchos de estos diseñadores pueden ganarse la vida vendiendo plantillas comerciales directas, plantillas de WordPress y muchos otros temas preconstruidos.
A medida que avancemos, solo puedo imaginar que este mercado se expandirá. La demanda de diseños de sitios web asequibles se disparará y muchos clientes están contentos con una plantilla no única. Lo importante es la accesibilidad, el código fuente bien definido y la documentación útil.
Definir áreas de diseño
De acuerdo con muchas plantillas de sitios web, es una práctica común crear de antemano una pequeña estructura de alambre o una maqueta. De esta manera, puede etiquetar claramente los aspectos de la plantilla que desea acentuar (es decir, pie de página, barra lateral derecha, navegación de encabezado).
El diseño de la rejilla puede ayudar con este paso. La aplicación de una cuadrícula superpuesta ordenará las proporciones de contenido de manera uniforme. Las cuadrículas pueden ayudar a determinar qué tan ancho será el contenedor principal, cuántas columnas se ejecutarán, junto con otras propiedades de estado ingenioso. Eche un vistazo a las ideas detrás del índice de oro en el diseño web y debería ser sencillo configurar un diseño de plantilla preciso.
Puede ayudar al codificar el diseño para establecer comentarios en su código HTML. Esto se puede hacer de manera sistemática para que la búsqueda a través de las divisiones se convierta en una molestia mucho menor. Como ejemplo, he incluido algunos códigos de demostración a continuación para dividir el contenido primario del contenido del pie de página.
Gráficos y colores
La creación es un proceso de múltiples pasos para la web. Los gráficos digitales han evolucionado y muchas nuevas tendencias están listas para finales de 2010. Intente leer un poco sobre el diseño de iconos y la teoría del color digital. La aplicación de estas habilidades en las plantillas de sitios web generará ideas únicas y tendencias poderosas.
Considere un conjunto de plantillas empresariales básicas con un logotipo, fotos de archivo y algunos contenidos de la página de inicio. Al crear una plantilla de sitio web, no está diseñando para un solo cliente o proyecto, por lo que se intensifica la necesidad de generalización. En general, funcionarán los azules, grises, marrones oscuros e incluso colores lejanos como el púrpura y el verde. Las empresas están buscando un esquema de color seguro para respaldar sus productos.
Un blog escolar, por otro lado, puede tener una dirección completamente diferente. Tal vez los colores brillantes como el amarillo y el naranja son más frecuentes. Es por esto que las etapas de planificación son tan importantes para el diseño de plantillas. Intenta enumerar algunos atributos y figuras comunes que respaldan tu idea. Las plantillas están diseñadas para funcionar en una multitud de escenarios, por lo que deben ser flexibles y aún así mantener la creatividad.
Copia de plantilla escrita
Todos los sitios web van a contener incluso una pequeña cantidad de texto. La web se utiliza principalmente para la transferencia digital de información, por lo que, a menos que esté desarrollando un portafolio de fotos o video blog, gran parte del contenido de su página será de texto. Este es otro aspecto importante a considerar al desarrollar estilos. ¿Qué tipo de diseño está creando y cómo debería la tipografía afectar el diseño de la página?
Una buena manera de comenzar es codificando los elementos tipográficos principales en el borrador de la plantilla. Pueden ser todos los encabezados de página, párrafos, hipervínculos, bloques de código con formato y realmente cualquier cosa que pueda necesitar. Desde aquí es mucho más fácil manipular las propiedades CSS para que coincidan con los estilos de diseño.
El texto llamativo puede hacer o deshacer cualquier buena plantilla de diseño. Asegúrese de que los títulos de su título realmente se destacan. Una fuente grande y en negrita con un color complementario y posiblemente otras florituras es esencial para h1 y h2 etiquetas Considere posibles subrayados, bordes inferiores, pilas de fuentes y las múltiples posibilidades con imágenes de fondo.
El texto del párrafo también debe ser grande y tener suficiente espacio para ser observado. Muchos visitantes no leerán cada párrafo hasta la letra, pero es importante que estos bloques se destaquen. Calcule los argumentos de altura de línea adecuados para que las líneas de texto tengan suficiente espacio entre ellas para respirar. Los márgenes inferiores también ayudarán a eliminar el desorden y agregar espacios verticales a su página.
Extravagancia digital
Para vender realmente un diseño de plantilla, puede considerar agregar características que no se encuentran estándar en la mayoría de los sitios web. jQuery es una biblioteca potente que puede implementar aplicaciones dinámicas en la página con facilidad. Estos pueden incluir menús de navegación desplegables, presentaciones de diapositivas de fotos y noticias actualizadas con Ajax.
Echa un vistazo a algunos de los trucos populares de jQuery, ya que puedes encontrar algunos que vale la pena instalar. Un diseño puede verse bonito pero sin funcionalidad, ningún diseñador web en su sano juicio molestaría. Las corporaciones y la clientela esperan tanto esfuerzo como para ser atraídos hacia el experiencia de usuario.
Flash es otra alternativa cuando se trata de widgets de página. Una fuente de Twitter de actualización automática se manejaría bien a través de Ajax y la API de Twitter.Sin embargo, con una presentación de diapositivas o un portafolio de fotos puede ser más fácil diseñar un script basado en Flash. El único problema aquí es la falta de dispositivos móviles de soporte de Flash, que en última instancia no es una gran oferta. En vista de esto, la adición de elementos basados en Flash mejorará en gran medida la credibilidad de cualquier plantilla de sitio web.
Canales de distribución dirigidos
Una vez que haya desarrollado una plantilla con éxito, podrá elegir qué hacer con ella. Muchos desarrolladores ofrecerán el código fuente bajo Creative Commons y permitirán que cualquiera descargue libremente los archivos del proyecto. Esta es una excelente opción, ya que puede divulgar su nombre mientras muestra el tipo de trabajo que puede realizar.
Muchos diseñadores iniciarán su propia tienda de plantillas o venderán a otros. Template Monster es el titán actual de la industria que ofrece más de 25,000 estilos de plantillas únicos desde más de 6 años en línea. No todo el mundo puede participar en su programa para vender plantillas, aunque los diseñadores que han estado en la lista por un tiempo se están ganando la vida de manera decente.
Brightegg es otro mercado que ofrece recompensas a los diseñadores de plantillas. Aunque no es tan popular como las marcas principales, puede registrar una cuenta de forma gratuita y enviar diseños de plantillas para su revisión. Cuando se acepte, su arte se incluirá en una biblioteca de plantillas, organizada por etiquetas y reseñas de usuarios. Las ventas de plantillas pueden variar hasta $ 500 para compras únicas, por lo que la posibilidad de ganar unos cuantos dólares es mucho mayor.
La alternativa es lanzar algún tipo de carrito digital o blog en línea. Desde allí, debe poder enumerar el diseño, las características de su plantilla y ofrecer capturas de pantalla con enlaces de descarga. Esta opción es mucho más rápida que tratar de vender plantillas en otros lugares, aunque se requiere un poco de marketing para llegar a cualquier público.
Conclusión
Las plantillas de sitios web han mostrado un gran aumento en la escena en los últimos años. Los principales revendedores de plantillas han obtenido ganancias de diseños simples y ahora es el momento más rentable para vender. Las empresas de todo el mundo están buscando una presencia web más sólida a costos más bajos.
Estos consejos incluyen solo algunas de las tendencias que siguen el mercado. Verifique a través de otras redes de diseño para ver qué han estado haciendo los diseñadores web con respecto a los diseños recientes. Las plantillas se pueden encontrar a través de los innumerables blogs de diseño web en línea junto con comunidades de contracultura como Designmoo.
Póngase en el lugar de un profesional e intente comprender lo que está buscando. Diseñar teniendo en cuenta al consumidor y la creación de plantillas se convierte en una actividad mucho más atractiva. Para ahorrar tiempo, puede considerar trabajar con las bibliotecas CSS y JavaScript preconfiguradas para configurar páginas web estándar como reset.css, fonts.css y grids.css, todo lo que se encuentra en la Biblioteca YUI2.