El diseño web responsivo está de moda en este momento, pero como diseñador de tiempo completo es difícil encontrar tiempo para aprender sobre las nuevas tendencias, sin importar cuán útiles y hasta necesarias sean.
Los temas y las plantillas predefinidas le brindan una manera rápida y fácil de comenzar con un diseño web sensible. Muchos de ellos hacen todo el trabajo por usted y brindan un flujo de trabajo sencillo para conectar y usar, otros solo se ocupan del trabajo pesado al atender las consultas de los medios y le dan un control completo sobre el diseño. Esta publicación contiene 20 plantillas gratuitas y premium, todas las cuales responden completamente al momento.
Diseño responsivo: ¿moda o necesidad?
Ha habido un montón de discusión sobre diseño web sensible últimamente. Muchos lo consideran como el futuro del diseño web e incluso llegan al punto de decir que simplemente no está haciendo el diseño web correctamente si sus sitios no cumplen con su fórmula específica para la máxima compatibilidad. Otros sostienen que esto es solo otro juguete en una larga línea de modas que van y vienen.
La respuesta es probable en algún lugar entre los dos. La verdad es que, de hecho, el diseño web ha golpeado un obstáculo importante con la riqueza de diferentes tamaños de pantalla que ahora acceden a la web con regularidad. Muchos sitios no pueden permitirse el lujo de dejar de lado a grandes cantidades de usuarios móviles, ni pueden crear sitios personalizados perfectamente adaptados a cada teléfono inteligente, tableta, computadora portátil y computadora de escritorio en el mercado.
El diseño receptivo, ya sea tendencia o no, es actualmente la mejor respuesta a este problema. Si las consultas de los medios no son favorables, simplemente será porque se ha presentado una mejor solución, no porque el problema deje de ser importante.
No puedo decir cómo desarrollaremos sitios dentro de diez años, pero puede apostar a que el tamaño de la pantalla solo continuará fragmentándose a medida que todo lo que tenga una batería o un enchufe se esté volviendo rápidamente capaz de acceder a la web. Si definimos? Responsive? El diseño web como un conjunto de técnicas utilizadas para garantizar la máxima compatibilidad en tantos dispositivos como sea posible, entonces definitivamente no estamos considerando una moda, sino el estándar actual y futuro para los profesionales de nuestra industria.
Algunos se quejan del esfuerzo adicional y del tiempo de desarrollo, pero en realidad no es tan malo como podría pensar y una vez que lo ha logrado un par de veces, el impacto en su flujo de trabajo puede ser mínimo. Las herramientas en este post lo hacen aún más rápido, quitando la mayor parte de la presión cuando se trata de los elementos de respuesta.
20 Plantillas y Temas Responsivos
Yoko - Tema gratis para HTML5 / CSS3 WordPress 3.1+
? Yoko es un tema de WordPress moderno y flexible. Con un diseño receptivo basado en consultas de medios CSS3, el tema se ajusta a diferentes tamaños de pantalla. El diseño está optimizado para pantallas de escritorio grandes, tabletas y pantallas de teléfonos pequeños. Para hacer que su blog sea más individual, puede usar los nuevos formatos de publicación (como galería, aparte o cita), elija su propio logotipo y la imagen del encabezado, personalice el fondo y el color del enlace.
Precio: Gratis
Esqueleto
Skeleton es un modelo que hace que el desarrollo de sitios web receptivos sea un éxito. Lo hemos escrito varias veces en Design Shack y realmente nos encanta su simplicidad. Junto con la descarga, por supuesto, obtiene un archivo de demostración, que puede usarse fácilmente como una plantilla de inicio para construir su propio trabajo.
Precio: Gratis
Super esqueleto: sensible, minimal, hermoso
? SuperSkeleton es más que una plantilla, es un completo marco HTML5; Una colección de varios scripts increíblemente poderosos y estructuras CSS que se han unido en un kit que es perfecto como punto de partida para tu próximo proyecto.
Este es un paquete súper premium con 20 plantillas HTML, un kit de interfaz de usuario de PSD, múltiples máscaras, fuentes y más. Es un robo por menos de $ 20 y es la manera perfecta de lanzar sus empresas en un diseño receptivo.
Precio: $17.00
Responsive Twenty Ten (tema WP)
Responsive Twenty Ten es un tema secundario del tema de WordPress predeterminado con muchas características excelentes, como imágenes flexibles. Los autores te dan permiso para "descargar, tomar, usar, cambiar y hacer lo que quieras con él".
Precio: Gratis
Plantilla de diseño web responsivo de Onextrapixel
Una plantilla / tutorial gratis muy básico pero sólido para el diseño web sensible. Esto es perfecto si solo quiere investigar y ver cómo funciona una plantilla sensible simple sin toda la pelusa.
Precio: Gratis
El novelista: Tema WP responsivo para escritores
Un tema de aspecto muy singular con una interfaz de libro abierto simulado que se adapta bien al cambiar el tamaño del navegador. Perfecto para portafolios personales de escritores.
Precio: $35
Tema Ari WordPress
Ari es un tema de blog muy minimalista que es muy atractivo en su simplicidad. Está diseñado para WordPress 3 en adelante y presenta un tema claro y oscuro. Definitivamente querrás echarle un vistazo a este.
Precio: Gratis
Rejilla dorada
Al igual que Skeleton, Golden Grid es más que una plantilla, es un marco para crear sitios receptivos. Auto etiquetada como una rejilla plegable para un diseño receptivo, las 16 columnas se pueden combinar, o plegar, en 8 columnas para pantallas del tamaño de una tableta, y en 4 columnas para las de tamaño móvil.
Precio: Gratis
Hero - Una plantilla responsiva de una sola página
? Una plantilla de página única de estilo minimalista, limpio y con capacidad de respuesta para personal y tipo de negocio. Tiene un menú fijo en la parte superior del documento para facilitar la navegación. También tiene un borde de 10 píxeles en el cuerpo.
Hero viene con un tema claro y oscuro, los cuales se ven geniales pero la oscuridad es especialmente elegante.
Precio: $14
Good Minimal - Una plantilla HTML5 responsiva
"Good Minimal es una plantilla de estilo limpio y minimalista que es buena para la cartera, los blogs y las empresas". Muy similar a la plantilla anterior en muchos aspectos, pero con un diseño más atrevido y único. Me gusta mucho el aspecto de la tipografía en este.
Precio: $14
iTheme2 (WordPress)
iTheme2 es una magnífica plantilla de blog gratuita que tiene un diseño receptivo y un montón de excelentes funciones, como un control deslizante de características personalizables, un widget de redes sociales, dos temas y más.
Precio: Gratis
Folio dos
"Folio Two es un portafolio avanzado, una plantilla práctica y útil diseñada con HTML5 + CSS3 y que usa jQuery para mejorar una experiencia de usuario increíble".
Esta plantilla presenta una grilla grande de imágenes realmente agradable que se transforma sin problemas a medida que la ventana del navegador cambia de tamaño. La cuadrícula se ve muy bien tanto pequeña como grande!
Precio: $12
Tema Grido WP
Grido es una hazaña impresionante e impresionante de trucos de diseño web. Cuenta con un diseño similar a la mampostería y un sistema sensible que reajusta ese diseño para varios tamaños de pantalla. Viene con múltiples combinaciones de colores, una galería de lightbox, siete máscaras y más.
Precio: $39
Tema de WordPress flexible
? Flexible es un tema de WordPress que ayuda a presentar su contenido y lo muestra para adaptarse a diferentes tamaños de pantallas, con un diseño propio. También proporciona una integración realmente sencilla con Facebook y la opción Fan Gate, algo que debe tener si está ejecutando un sitio web.
Precio: Gratis
Plantilla de perfil gris Deresan
Una plantilla de aspecto sofisticado con una bonita combinación de colores neutros, un control deslizante de imagen y muchos pequeños toques de diseño. La escala receptiva no es mi favorita pero es funcional.
Precio: $14
Tema de WordPress de la constelación
Este tema lo tiene todo. No solo es sensible, sino que también se basa en HTML5 Boiler Plate y contiene una cuadrícula horizontal y un ritmo vertical perfecto de píxeles que se adapta bien a los dispositivos. Este es el punto de partida perfecto para su próximo proyecto de WordPress.
Precio: Gratis
Rejilla de fotos sensible sin fisuras
Un pequeño experimento de Chris Coyier que puedes descargar y usar. Básicamente, es solo una gran cuadrícula de fotos que se ajusta instantáneamente a los diferentes tamaños de ventanas del navegador.
Precio: Gratis
Tema Tisa WP
Otro tema de Themify con gran apariencia y respuesta, con muchas imágenes grandes, un hermoso esquema de colores y seis temas.
Precio: $39
Meerkats Responsive Tema de WordPress
? El tema Meerkats está diseñado para responder a diferentes plataformas y dispositivos. Es un tema simple y básico de WordPress construido por Gregor McKelvie. ?
Precio: Gratis
Marco de pizarra
? El marco de Whiteboard para WordPress fue desarrollado para acelerar el proceso de desarrollo de un tema de WordPress. Whiteboard lo hace eliminando el tiempo empleado en el código común a todos los temas de WordPress e incluye código no intrusivo que mejora el tema general de WordPress de muchas maneras, incluido SEO, velocidad, facilidad de uso y soporte móvil.
Construido en el Marco Popular Menos, Whiteboard utiliza tanto HTML5 como CSS3 y le brinda un punto de partida casi imbatible para desarrollar temas de WP con una respuesta perfecta.
Precio: Gratis
Conclusión
Con estos veinte recursos increíbles, deberías estar completamente armado para comenzar a crear diseños web sensibles tanto en HTML / CSS directo como en WordPress. No importa cuál sea su presupuesto, aquí hay varios temas y plantillas que son perfectos para usted.
Deje un comentario a continuación y háganos saber si nos perdimos alguno. ¿Te has encontrado con grandes plantillas y temas sensibles? queremos verlos!