Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Web Typography
Webdesign

Inicia Tu Tipografía Web Con "Archetype"

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Archetype es una herramienta de diseño de tipografía que puede realmente a ayudarte a estandarizar y agilizar tu flujo de trabajo de tipografía. ¡Exploremos lo que puede hacer por tí en éste videotutorial!

Presentando Archetype

Trabajando con Archetype

Crear estilos tipográficos consistentes y equilibrados para la web puede ser complicado, pero Archetype se enfoca en ayudar a superar tus temores de tipografía web. Obtener la tipografía correcta, desde el inicio de tu proyecto, asegurará que el resto del proyecto tenga una base sólida.

httpsarchetypeappcom
archetypeapp.com
  • Visita la aplicación en archetypeapp.com
  • Inmediatamente se te presenta los estilos predeterminados sugeridos por los creadores de la herramienta. Verás estilos para encabezados y párrafos.
  • Puedes grabar tu progreso en cualquier punto, o iniciar sesión con Google para retener acceso a todos tus proyectos.
  • En la barra lateral de la izquierda encontrarás los controles. Aquí es donde puedes elegir fuentes, ajustar tamaños y espaciado, etcétera.
  • También puedes alternar las opciones que determinan si estás diseñando para dispositivos móviles o para computadoras de escritorio.
  • Cuando seleccionas fuentes puedes tomar inspiración de las sugerencias de combinación.
  • Selecciona tamaños determinando un tamaño de fuente base (1.6 em por defecto) y una relación de escala. Desde éste punto de inicio se conforma una escala, y tu puedes asigar a cada elemento el tamaño deseado.
  • Una vez que estés satisfecho con los estilos elegidos puedes previsualizar un documento para ver cómo se ve en general.
  • Puedes descargar tus fuentes seleccionadas para instalarlas en tu propio sistema.
  • También puedes exportar a Sketch (realmente genial), al seguir las instrucciones, instalando un plugin de Sketch, y copiar/pegar un fragmento de código proporcionado para crear el documento en Sketch.
  • Finalmente, puedes exportar todos tus estilos como CSS.

Aprende Más Sobre Tipografía Web

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.