Diseños web con la aplicación Awesome Typography
Un sitio web está compuesto por muchos componentes y muchos de nosotros podemos diferir en nuestras elecciones de componentes que hacen que el sitio web se vea visualmente atractivo. Los temas, los colores, las imágenes son factores contribuyentes, pero lo que realmente mejora la sensación y establece el tono de un sitio web es la aplicación Typography.
Las imágenes y los temas pueden hablar mucho sobre nuestro sitio web, pero al final, los usuarios de su sitio web confían en la información escrita en su sitio web para comprender completamente sus servicios de diseño web. Además, debe tener en cuenta que su sitio web debe estar en tendencia, es decir, sea cual sea el estilo actual, su sitio web debe estar diseñado en torno a ese estilo. La tendencia ahora es que el diseño debe ser lo más mínimo posible y, por lo tanto, el diseño de la aplicación Web Typography ahora juega un papel crucial.
Fuente de la imagen: pixabay.comLa aplicación de tipografía no es más que la forma en que se muestra el tipo de diseño web, el significado del tipo, lo que sea una palabra escrita. La fuente, el tamaño, el espaciado, el color, todo viene bajo Tipografía. Es importante tener en cuenta que no importa cuán exquisito sea el tema de su sitio web o cuán atractivos sean los colores, es la aplicación de tipografía la que realmente lo hace único.
Pero al igual que los numerosos errores que puede cometer al diseñar un sitio web usando imágenes, temas, etc., debe seguir ciertas pautas cuando se trata de usar la aplicación de tipografía en su sitio web para evitar los problemas obvios.
- No intentes hacer demasiado. Utilice, como máximo, 2-4 tipos de letra o caras en su diseño. El uso de tipos de fuente más que eso hará que su sitio web sea desordenado y desordenado en lugar de darle una apariencia limpia y hermosa.
- Mantener una jerarquía adecuada. Esto ayuda a sus espectadores a tener una manera fácil de acceder a su sitio web. La forma en que el texto y los elementos están alineados y organizados establece el estado de ánimo y las instrucciones que se deben seguir al usar su sitio web.
Solo hay una regla importante: "¡EL CONTENIDO ES EL REY!". Convierta el contenido en su prioridad y todo lo demás lo rodeará. Hay muchas herramientas disponibles en la web para ayudarlo con sus habilidades de tipografía. Typekit Practice es una de las herramientas con las que debes comenzar. Las lecciones están tan diseñadas que serás un experto profesional en tipografía en muy poco tiempo. Modular Scale, Wordmark.it, Hoefler & Co., FontFace Ninja, Google Fonts y muchas más herramientas están disponibles para que tus habilidades de tipografía experimenten lo mejor que puedas tener.
Lista de sitios web con una tipografía increíble
1. The New Yorker: los mejores sitios web inspirados en la aplicación de tipografía.
Para lograr la apariencia de ser viejo y tradicional, pero bello no es una tarea fácil, pero The New Yorker te ayuda a hacerlo perfectamente. Es una revista en línea de fácil acceso y muy elegante. El uso de colores de hoja perenne como el rojo, el negro y el blanco con un toque de gris hace que parezca una revista impresa. Además, el uso de fuentes legibles y elegantes con colores que contrastan con el fondo hacen de The New Yorker uno de los mejores sitios web inspirados en habilidades de tipografía.
2. Moresoda
Un fondo negro necesita un toque de colores para que se vea moderno. Moresoda marca la tendencia al usar colores llamativos como el rosa brillante, el cian y el verde claro junto con el negro en el fondo y solo hay un color que combinaría con todos estos si desea escribir algo en la página y eso es blanco. Solo unas pocas oraciones aquí y un par de palabras allí hacen de Moresoda un sitio web ordenado y que marca tendencia.
3. bueno
¡El nombre del sitio web dice mucho sobre su estilo! ¡Una fuente limpia y legible acompañada del uso mínimo de colores y un excelente espacio y ubicación hacen que el sitio se vea BIEN!
El negro, el gris y el blanco son una combinación clásica y mantener las cosas bastante simples es un gran riesgo de que los creadores del sitio web de Good estén listos y valió la pena. El gran tamaño de fuente de los encabezados en negrita llamará su atención y la historia que la acompaña, aunque en comparación es bastante más pequeña, es muy clara. Entonces, ¡bueno en ese sentido ha hecho un gran trabajo!
4. Informacion Highwayman
¡Puede poner las mejores imágenes de fondo en su sitio web para mejorar su aspecto, pero a veces la hermosa aplicación de tipografía mejora el fondo y hace el trabajo por usted!
Pero, ¿y si tienes un lienzo en blanco? ¿Cómo haces que una página en blanco se vea atractiva? La respuesta es simple de nuevo. Utiliza tus habilidades de diseño web en el arte de la aplicación de tipografía. Información Highwayman no tiene nada en el fondo. Está completamente vacío, blanco como una hoja de papel y tampoco se usa una fuente elegante, pero el simple uso de fuentes y colores en el texto lo convierten en un sitio web muy atractivo y elegante. ¡La simplicidad de Information Highway es asombrosamente hermosa!
5. Black Estate - La mejor aplicación de tipografía
Black Estate hace justicia a su nombre al dar a sus espectadores un sitio web con un fondo sorprendentemente oscuro … ¡en negro! Y todos estaríamos de acuerdo en que el blanco y negro es una combinación clásica. Es la combinación ideal para todos y, por lo tanto, no solo es una opción segura sino inteligente.
Las letras blancas llevan el sitio web a un nivel superior de elegancia y belleza. No solo todo es claramente visible, sino que tampoco necesita nada más para hacerlo más atractivo. El uso de fuentes sofisticadas es todo lo que se necesita. "Belleza negra" se usa a menudo para describir a una persona hermosa con una tez más oscura. En el mundo de los sitios web, Black Estate es la "belleza negra".
Cursos recomendados
- Entrenamiento de Certificación AJAX
- Curso profesional completo de prueba rápida
- Curso en línea sobre ExtJS
- Entrenamiento en línea de CISSP
6. Quemaduras de Elysium
¡Elysium Burns es el ejemplo perfecto de sofisticación y estilo! Este sitio web tiene muchos elementos, pero cada elemento es distinto y claro. No es muy colorido, pero aún así, el uso de diferentes estilos de fuente y tamaños de fuente para diferentes funcionalidades hace que este sitio web se vea bien en lugar de un desastre.
Hay una fuente diferente para el nombre de la empresa, otra para los encabezados y otra para los subtítulos y una completamente diferente para el contenido que se incluye en estos títulos. Están sucediendo muchas cosas en una sola página cuando se trata del punto de vista del diseño, pero todos estos se unen para que todo tenga sentido.
7. Escriba Daily
Si la palabra Escriba en Type Daily no lo hace obvio, entonces aquí está, Type Daily es un sitio web que proporciona un enlace a otros sitios web relacionados con el tipo en línea. El diseño es muy simple. Solo hay enlaces a otros sitios web, en verde brillante que aparece en un fondo ligeramente oscuro que cambia a un agradable tono naranja cuando pasas el mouse sobre él. Simple pero efectivo!
8. Erratic Wisdom La mejor aplicación de tipografía
¿Alguna vez escuchó la frase "Bold is Beautiful!" Bueno, Erratic Wisdom da en el blanco con esta frase. La última publicación en habilidades de tipografía en negrita sobre un fondo negro con pequeños puntos blancos que forman una cuadrícula le da a este sitio un aura moderna. Todo el sitio web, por otro lado, solo invierte la combinación de fondo. Hay una cuadrícula negra que forma puntos en una página blanca.
La sabiduría errática es moderna y, digamos, errática en su diseño.
9. Analog
La primera página de este sitio web dice: “Analog es una compañía de amigos que hacen sitios web. Es una cooperativa donde la imaginación, el diseño y la ingeniería prosperan: buenas personas que hacen un buen trabajo ”.
Sí, muy buen trabajo de hecho. Cuando el tema del sitio web es apreciado por el uso del tipo que lo acompaña, el resultado es un sitio web perfecto. Los colores contrastantes con el texto estético hacen de Analog un sitio web diseñado de forma inteligente.
10. Cambiar Mediaworks
Todos ustedes son conscientes del infame dicho de que "la acción habla más que las palabras". Cambiemos esto un poco, "El diseño habla más que las palabras". ¿Por qué saturar una página web insertando muchos elementos en ella cuando unas pocas líneas y un par de imágenes hacen el trabajo perfecto?
Un regalo visual que es lo que Switch Mediaworks ofrece a sus espectadores. La combinación de colores clásica, las habilidades modernas de tipografía y el automóvil de sus sueños en la portada, esa es la grandeza de este sitio web.
11. Una lista aparte
A List Apart es similar pero diferente a muchos sitios web. Tiene un diseño mínimo que puede parecer familiar, pero la colocación y el espaciado de los elementos lo convierten en uno de los sitios web atractivos. Asignación adecuada del tamaño de fuente, uso de colores y espaciado conjunto A List Apart, una clase APART! ¡Está diseñando en su máxima expresión!
12. Jason Santa Maria Mejor aplicación de tipografía
¡Menos es más! ¿Cuán verdadera es esta afirmación? Jason Santa Maria juega alrededor de esta filosofía de sotavento es más. No hay muchos elementos, no hay muchos colores. Encabezados llamativos y atractivos para los artículos y Jason Santa Maria se convierte en un sitio web inspirador. Es único, fresco y llamativo en su diseño en su simplicidad.
13. Aplicación Helveticons Best Typography
A veces, miras algo y, de repente, eres un niño otra vez. Algunas cosas te recuerdan a tu infancia, como el logo de Helveticons. Es como esa imagen en el cuadro de geometría que solías llevar a tus clases de matemáticas o clases de arte y dibujo.
Hay una página amarilla brillante, como una hoja de papel cuando se abre después de que se ha doblado en cuatro que está contra un fondo gris claro con técnicas de tipografía en blanco y negro. Eso es exactamente como una caja de geometría que solía tener. ¡Helevticons es un sitio web diseñado para relacionarse con usted de una manera que atraviesa sus ojos y llega directamente a su corazón!
¿Te gustan estos diseños? Entonces sea creativo cuando diseñe sus propios sitios web deslumbrantes. El diseño web tiene que ver con estos pequeños detalles y características. Con suerte, estos 13 sitios web increíbles lo inspirarán a crear un sitio web de aspecto increíble con técnicas de tipografía que intensificarían aún más su belleza.
Artículos recomendados
Esta ha sido una guía para la aplicación de tipografía, no es más que la forma en que se muestra el tipo, lo que sea una palabra escrita. Estos son los siguientes enlaces externos relacionados con la aplicación de tipografía.
- Pasos importantes de las preguntas de la entrevista AJAX
- Los 6 pasos principales para la construcción efectiva de enlaces para sitios web
- Las 10 mejores tendencias de diseño web que debes conocer para 2016
- 10 pasos importantes para construir el diseño de su sitio web