11 recursos prácticos para ayudar a construir un sitio web en 2017

¿Listo para finalmente abordar ese proyecto de sitio web que has estado posponiendo? ¡Este es el año para que ese sitio sea diseñado y publicado! Ya sea que se trate de un blog simple o algo más complejo, todo lo que necesita para comenzar son algunas herramientas excelentes.

Aquí, hemos reunido una selección de recursos nuevos e innovadores para ayudarlo a inspirarse, diseñar y hacer prototipos, junto con algunos elementos que lo ayudarán a trabajar mejor en WordPress, la plataforma de publicación más popular. ¿Que estas esperando? ¡Este es el día en que comienzas a construir un sitio web en 2017!

Inspiración

Cada gran sitio web comienza con un buen concepto? ¿Cómo quieres que se vea tu diseño? Comienza con la búsqueda de los fragmentos de inspiración adecuados para impulsar el proceso creativo.

1. Muzli

Muzli es una fuente secreta de diseñador? para la inspiración diaria. Ahora que conoce el secreto, puede navegar por todos los sitios web de la galería.

Pero este recurso es más que un sitio web para buscar ideas. Muzli es una extensión del navegador Google Chrome que proporciona acceso rápido y fácil a todo lo nuevo, atractivo o simplemente impresionante en diseño y desarrollo web. La extensión de la pestaña se convierte en su página de inicio para que reciba una inspiración de diseño cada vez que abra un navegador.

2. Typewolf

Typewolf es el recurso para todo lo que es nuevo, interesante e interesante en el mundo de las letras. El formato de blog ofrece una lectura fácil y muestra algunos de los mejores ejemplos de letras que encontrará.

Aquí está la mejor parte: este blog siempre le da pistas sobre qué tipos de letra se utilizan. Combine eso con las recomendaciones y listas de fuentes y realmente puede encontrar algo para usar en casi cualquier proyecto de diseño. Asegúrese de revisar las guías y los recursos si es nuevo en la tipografía de herramientas que lo ayudarán a aprender a pensar como un profesional.

Diseño y Prototipo

Una vez que tenga una idea del estilo que le gusta y lo que quiere hacer con el diseño, es hora de comenzar a dibujarlo. Y también hay muchas herramientas excelentes para ayudarte a través de ese proceso.

3. Figma

Figma es una herramienta de diseño de interfaz que te permite trabajar en tiempo real con otros colaboradores. Cargue el diseño y podrá sincronizar, ver versiones y mantener activos con facilidad mientras crea un sitio web o aplicación.

Los usuarios pueden trabajar al mismo tiempo, y usted puede ver qué está sucediendo y quién lo está haciendo. Además, la herramienta incluye un modo de presentación para mostrar ideas al equipo o clientes y comentarios. Si bien Figma es lo suficientemente robusta para equipos avanzados, es tan fácil que los principiantes también pueden usarla con facilidad.

4. Subformulario

Subformulario es la respuesta a "¿Cómo puedo hacer que mi sitio web sensible funcione realmente en todos los dispositivos?" La herramienta inspirada en CAD les brinda a los diseñadores lo que necesitan para crear estilos consistentes para diferentes tamaños de dispositivos en un entorno de diseño basado en escritorio.

Si bien esta herramienta está diseñada para diseñadores más experimentados, también puede ser práctica para principiantes. Te ayuda a simular diferentes entornos mientras trabajas. De esa manera, no tiene que imaginar cómo se verá un sitio web en un teléfono; Puedes verlo en la pantalla.

El paquete Subform es bastante robusto y le enseñará a pensar más intuitivamente sobre cómo crear un diseño sensible. Y lo mejor de todo es que el motor de diseño incorporado adapta los diseños a nuevos tamaños para que no tenga que duplicar las tablas de diseño o rediseñar en cada entorno.

5. Marvel

Marvel es una aplicación gratuita para móviles y prototipos web. Puede usarlo para diseñar pantallas y trabajar con otros para refinar el diseño. Es un excelente punto de partida para pequeñas aplicaciones y sitios web sin muchas páginas.

Luego, la aplicación le permite vincular el diseño y agregar animaciones y gestos para que funcione como usted lo esperaría. De esa manera, su prototipo se ve y funciona como una aplicación real, lo que facilita la presentación de un diseño a un cliente de manera que pueda entenderlo.

6. Lingo

Una vez que tenga una idea de lo que quiere hacer, recopilar activos o mantenerse al día con las paletas de colores y las muestras puede ser una pesadilla, especialmente si hay varios usuarios involucrados. Ahí es donde entra Lingo. La aplicación Mac es una biblioteca de activos virtuales donde puedes mantener todo para mantener a un equipo en marcha y en estilo.

La aplicación le permite mantener todos sus activos en un solo lugar: archivos de imagen y muestras de color. Luego, puede ordenar y etiquetar para facilitar la búsqueda y agregar acceso para que los usuarios vean o editen los activos.

WordPress y Blogs

¿Sabía que las empresas con un blog ven un 126% más de crecimiento de clientes potenciales que aquellas que no crean contenido de blog? No importa qué tipo de sitio web tenga, crear un blog es una parte esencial de su plan de contenido. Para muchos propietarios de sitios web, WordPress es el lugar para comenzar.

WordPress es el más conocido y utilizado en el mundo, y hay muchas herramientas y recursos disponibles para ayudarlo a crear un sitio web y un blog que es exactamente lo que necesita. No te preocupes por tu hosting de WordPress. Con tantas opciones competitivas ahora disponibles, es más fácil que nunca encontrar el ajuste perfecto.

7. Encuentra un gran tema

Un buen sitio de WordPress comienza con un gran tema. Un tema sólido le brinda todo lo que necesita para comenzar sin tener que hacer ningún tipo de codificación desde cero (una gran herramienta para principiantes).

Los temas van desde opciones gratuitas hasta opciones premium, que suelen ser menos de $ 100. La galería Theme Junkie es un excelente lugar para comenzar con temas por tipo de sitio web para ayudarlo a encontrar algo que tenga todas las opciones que desea para el diseño de su sitio web.

Luego, puede agregar complementos para ayudarlo con las necesidades personalizadas de su sitio web, como herramientas para compartir en redes sociales, fragmentos de código o administración de paneles.

8. Personaliza tu tema

Agregar un tema a un sitio de WordPress no es suficiente para que puedas iniciarlo. Sin personalizaciones, su sitio web no se destacará ni tendrá un aspecto especial. Pero eso también puede ser bastante intimidante.

Ahí es donde entra en juego algo como WPKraken. Este equipo de expertos instalará y personalizará un tema para usted. Además, pueden manejar cualquier pequeño problema que aparezca en el camino.

9. Mejorar la tipografía del blog.

Después de explorar todos los grandes tipos de letra disponibles en Typewolf, probablemente tengas una idea de lo que haces y no te gusta. Easy Google Fonts es el complemento de WordPress que necesita para integrar estos tipos de letra en su diseño con facilidad.

La herramienta le permite obtener una vista previa de las fuentes en tiempo real y crear controles personalizados para administrar tipos de letra. Y puedes hacerlo todo sin ningún tipo de codificación.

10. Mejorar el caché del blog

El caché de blogs ayuda a que su sitio web se cargue rápidamente para los usuarios. WP Super Cache es rápido y produce archivos HTML estáticos para que los usuarios garanticen una experiencia de sitio web perfecta.

No te asustes de este concepto. Incluso los diseñadores que son nuevos en el almacenamiento en caché de sitios web pueden usar esta herramienta. Viene con una extensa documentación que lo guiará a través del proceso de instalación paso a paso. (Es más difícil en tu imaginación de lo que realmente es).

11. Mejorar la seguridad

El último paso para garantizar que tenga un sitio web listo para funcionar es la seguridad. Necesita una herramienta que sirva como firewall y bloquee el malware y que brinde opciones para iniciar sesión de forma segura y más. Wordfence es el complemento de seguridad de WordPress más descargado. Y por una buena razón; Es fácil de usar y funciona.

El recurso gratuito y de código abierto le brinda resultados en tiempo real y muestra si alguien intenta hackear su sitio web. También viene con alertas para los usuarios que no están viendo las estadísticas del sitio web 24/7.

Conclusión

Es hora de dar el salto en 2017 y crear un sitio web. Utilice esta guía de recursos para comenzar. Ir a través de las herramientas y encontrar los que trabajan para usted.

Y no tengas miedo si no has creado un sitio web antes. Es más fácil de lo que piensas.