illustrate_tshirt

La tipografía es muy importante en nuestros proyectos. La manera de presentarlo será un factor clave a la hora de valorar un sitio web. El texto tiene muchas variaciones: tamaño, variación del color, uso de texturas, ilustraciones creativas… Mostraremos 101 ejemplos sobre cómo debemos tratar el texto en la web, organizados en 17 distintas categorías. Si nos fijamos podemos colocar el texto en cualquier parte, sabiendo bien qué opciones elegir:

1. Ilustración

illustrate_salinas

illustrate_axiom

illustrate_tshirt

illustrate_starbucks

illustrate_baby_name

illustrate_nudeday_2

illustrate_mouth_teeth_2

illustrate_viget


2. Forma del fondo

bg_black_white

bg_emrialo

combo_design_phunk

bg_tennessee_2

bg_ivan


3. Cambio de color

color_water

color_elmwood

color_tv

color_vision_streetwear

color_things_we_make

color_matt


4. Variaciones de fuente

combo_islamic

combo_chirag

vary_virgin

vary_giant_creative


5. Escritura a mano

combo_dimmett

handwrite_propaganda

handwrite_postit

handwrite_logo_cranium

handwrite_about

handwrite_made_to_kill


6. Grande

big_blog

big_news

big_swroon

big_post

big_future_addy

big_ds4

big_alpha

big_ahoj


7. Texturas

texture_take_shape

texture_rusty

texture_africa_football

texture_iamblog

texture_green

texture_fowd

texture_farmer_chef

texture_distortion


8. Grande vs. chico

bigsmall_virtual_memories

bigsmall_webdesign

bigsmall_design

bigsmall_brandon_muth

bigsmall_omar


9. Alineamiento

align_mucho

align_lion

align_nathan


10. Superposición/Transparencia

overlay_illusion_workshop

overlay_archive

overlay_365


11. Ángulos y curvas

angle_trinta

angle_jlearn

angle_pink

angle_organic_grid

angle_orange_box

angle_changeing_cultures

angle_line25


12. Iluminación

highlight_matt

highlight_happycog

highlight_abc

highlight_psd_to_xhtml

highlight_monsieurlam


14. 3-D

3d_up

3d_flash_summit

3d_tangled

3d_rob


14. Fuentes personalizadas e insuales

custom_longstreet


custom_sugarland

custom_stichify

custom_sharon_flake

custom_spoon

custom_jan_riechle

custom_nelly_furtado

custom_fajne

custom_kardo

custom_brainwash

perspective_blue_gray


15. Borde en el texto

outline_pop_stalin

outline_twessage

outline_wiki_lime

outline_petrini

outline_meshu

outline_legwork


16. Viejo estilo/occidental

old_dollar

old_zillionare

old_moon


17. Tachado

slash_brad

slash_nikola


Combinación de técnicas

combo_24_ways

combo_iesvs

combo_windjammer

combo_diseno

custom_brad

combo_africa

combo_pop_tees

Vía | Webdesignerdepot