• Desarrollo de Software

    Aprenda a crear aplicaciones con los diferentes lenguajes de programación, de forma práctica y divertida. Mas
  • Curso de Programación en Java

    Plataforma virtual de software desarrollada por Sun Microsystems, de tal manera que los programas creados en ella puedan ejecutarse sin cambios en diferentes tipos de arquitecturas y dispositivos computacionales. Mas
  • Programación de aplicaciones

    La programación informática, a menudo acortada como programación, es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales Mas

Google Web Designer, herramienta para crear contenidos en HTML5


El hecho de no tener profundos conocimientos sobre programación que permitan diseñar anuncios de calidad, gráficos y animaciones que utilicen las mejores tecnologías web y sean publicadas en la internet, ya no es un problema gracias a una de las mas recientes herramientas que nos ofrece Google, denominada Google Web Designer; que ya tiene una versión beta disponible para utilizar en Linux, Windows y Mac.

Gracias a ella, cualquier usuario sin avanzados conocimientos informáticos, utilizando su imaginación y poniendo de su parte la disposición necesaria, puede crear contenidos en HTML5 que pueden ser usados sin problema en un sitio web y visualizados desde cualquier dispositivo.

El manejo de esta herramienta es relativamente sencillo, sin embargo en el canal oficial de Youtube o desde la página de ayuda de Google se publican regularmente tutoriales que indican cómo utilizar esta herramienta; así como algunos trucos que serán muy útiles para los que empiezan a usarla.

Google Web Designer ofrece al usuario principalmente las siguientes utilidades:

-Entorno de edición en 3D: Es posible trabajar con contenido 3D y crearlo.

-Vistas de diseño y de código: Es posible trabajar en modo programador, es decir, no sólo en modo visual, sino utilizando código. Todo aquello que se cambie en modo código inmediatamente modificará el modo visual.

-Dos modos de animación: Uno es el Modo rápido y permite construir escenas de la mano con la herramienta, pues ella se encarga de las imágenes intermedias de las mismas. El otro es el Modo Avanzado y en él se animan los elementos de forma individual, a través del uso de capas, cambiando la posición de los elementos de forma específica.

-Exportación de anuncios: Se pueden publicar los resultados en webs como DoubleClick Studio o Admob de forma sencilla, también llevarlos a otra posición.

-Herramientas de Ilustración: La herramienta brinda la posibilidad de importar recursos desde otras plataformas de función análoga y crear diseños vectoriales.

Es claro que esta herramienta es bastante útil y a ella se puede acceder de forma gratuita por medio del siguiente link: www.google.com/webdesigner, recordando que actualmente está en fase beta y que dispone de versiones para Mac 10.7.x o superior, Windows 7 o superior y Linux (Debian / Ubuntu / Fedora / openSUSE).

Orientación en diseño web: Blocking Web Design


Dicen que “todo bien acomodadito cabe dentro de un jarrito” y ver una página web con elementos bien distribuidos y organizados nos ayuda a entender mejor este dicho, hoy en día los diseños van cambiando, podemos ver figuras geométricas de diferentes tamaños, gracias al uso de estas figuras surge una tendencia llamada “Blocking Web Design”.

Esta tendencia sugiere el uso cuadrados y rectángulos de diferentes tamaños, algunos se preguntaran, ¿para que los bloques?, bueno este estilo surgió para ayudar a organizar nuestros sitios web, ademas ayudan a crear un estilo único y específico. Esas formas ayudan ademas a comprender la forma de ser del arquitecto de la página , es decir, nos ayuda a saber si el diseñador es ordenado y limpio para trabajar.

Dennis Adelmann es un diseñador alemán, sus trabajos se caracterizan por el uso de y distribución de bloques, el uso que el les da es para organizar sus trabajos, nos podemos dar cuenta que este estilo es una manera muy sencilla para mantener el contenido limpio y ordenado.



Una empresa en particular empezó a darle seguimiento a esta tendencia, y es que con su buena distribución se puede notar un diseño atractivo y distribuido, Pinterest.



Para construir un buen sitio con bloques nuestra base debe ser la arquitectura y la elegancia que queremos reflejar, ahora el punto es saber que vamos a mostrar de nuestro contenido, lo que debemos hacer es catalogarlo de tal manera que vamos a seleccionar lo que si mostraremos y lo que no.



Para construir un buen sitio con bloques nuestra base debe ser la arquitectura y la elegancia que queremos reflejar, ahora el punto es saber que vamos a mostrar de nuestro contenido, lo que debemos hacer es catalogarlo de tal manera que vamos a seleccionar lo que si mostraremos y lo que no.



Y algo que es de verdad muy importante el estilo que vamos a darle a nuestros bloques como: efectos, colores, transiciones, etc.

No importa la cantidad, lo que importa es saberlo acomodar, la creatividad y el ingenio son factores muy importantes para diseñar en este estilo, si te gusta el orden y la organización este puede ser tu estilo.

Te dejo algunos ejemplos para que te des una idea de este estilo y te inspires y te animes a implementarlo:







7 Razones primordiales para tener su sitio web


1. Darse a conocer mundialmente: 
A través de la Internet, es posible dar a conocer su empresa u organización a millones de usuarios de la red, sin importar las fronteras. Con el acceso más fácil a las computadoras, y la conectividad más rápida, la Internet se está convirtiendo en el método más fácil, más barato y más eficiente para buscar información, comprar y vender.

Por ejemplo, el mercado US-DR-CAFTA tenía en el año 2005, 342.5 millones de habitantes, de los cuales 186.4 millones son usuarios de la Internet. La mayoría de ellos está continuamente buscando información en la Web.

Un sitio Web es la ventana por la cual el mundo observa a su empresa. A través de un sitio Web su empresa se hace visible en el mercado mundial. La economía mundial y la manera de hacer negocios está cambiando muy rápidamente. Un sitio Web puede llevarle oportunidades de negocio que ahora usted ni se imagina.

2. Publicidad a bajo costo: 
En la medida que crece el número de usuarios de Internet, cada año se incrementan en un 10%. La Internet se está convirtiendo en el medio publicitario más barato.

Un simple cálculo de cuánto le cuesta poner un anuncio en un periódico, revista, radio, televisión, o las páginas amarillas de las guías telefónicas, dividido entre el número de personas a las que dicho anuncio llega; comparado con lo que le cuesta instalar, operar y promover un sitio Web dividido entre el número de usuarios que alcanza, le permitirá verificar este hecho.

3. Presencia permanente: 
El sitio Web es la sucursal internacional de su negocio en la Internet que, a diferencia de su empresa, está abierto las 24 horas del día, 7 días por semana, los 365 días del año.

Es su agente de promoción y ventas al que no tiene que pagar horas extras ni pagos extraordinarios por operar en turnos adicionales, fines de semana o feriados y que nunca se va de vacaciones.

Para quien quiere alcanzar un mercado o una audiencia global, esto es determinante pues, por ejemplo, mientras en Asia es de día, en América es de noche. El sitio Web le permite ofrecer información a usuarios y clientes ubicados en países con diferentes horarios.

4. Investigación del mercado: 
Buscar nuevos mercados o lanzar un nuevo producto o servicio puede ser muy costoso. Se requiere de promoción, promoción, y más promoción. Eso significa buen dinero.

Una vez que se está en la Web puede conocer lo que puede esperar de aquellos que visitan su pagina, qué producto o servicio prefieren, qué precios están dispuestos a pagar, qué garantías piden, cuál es la manera preferida para el envío, etc. Ellos también le podrán decir mucho acerca de su producto o servicio, más rápido, fácil y a un costo mucho menor que por cualquier medio tradicional de investigación de mercados.

5. Ventas: 
El sitio Web es como un agente de ventas de su empresa en la Internet, que puede ayudarle a complementar las ventas en su establecimiento, o aún convertirse en su principal canal de ventas.

Con un sitio Web puede permitir que sus clientes puedan realizar transacciones de compra y venta en línea (comercio electrónico), haciendo los pedidos y los pagos inmediatamente usando tarjetas de crédito. El comercio mundial en línea, incluyendo tanto el negocio a negocio B2C como el negocio a consumidor, B2B alcanzó US$ 6.8 trillones en 2004 y sigue creciendo.

Sin embargo, no todos los productos o servicios son susceptibles de venderse de ese modo. No siempre se necesita tener una tienda virtual o tienda en línea, para promover sus ventas. Aún así, el sitio Web puede convertirse en una poderosa arma de ventas, promoviendo sus productos o servicios, permitiendo que más clientes lo contacten aunque las transacciones de compra-venta sigan haciéndose por los medios tradicionales.

6. Negocios internacionales: 
Las empresas están recurriendo cada vez más a la Internet para ampliar sus ventas y diversificar sus mercados. De igual manera, cada vez más recurren a la Internet para buscar suplidores o proveedores. Ahora que se cuenta con muy buenos Buscadores o Directorios, un cliente potencial podrá encontrar su sitio Web (¡o el de sus competidores!) rápidamente. Si usted. aún no lo tiene, está perdiendo oportunidades de negocio que no imagina.

Aún más, actualmente tener un sitio Web no se considera un lujo para una empresa, sino una necesidad. Las empresas que no cuentan con presencia en la Web no son consideradas suficientemente serias, confiables o competentes por los empresarios en los mercados más desarrollados. Dado el bajo costo de tener un sitio Web, se considera inexcusable no tenerlo para una empresa que quiere hacer negocios en mercados internacionales.

Igual impresión causa para un empresario extranjero que su dirección de correo electrónico sea la de un servidor gratuito, como gmail, hotmail, yahoo, o la que le proporciona su proveedor de acceso a Internet. Tener su propio sitio Web le permitirá contar con correo electrónico privado y direcciones corporativas permanentes.

7. Comunicarse con sus clientes: 
Uno de los usos más efectivos de un sitio Web es la comunicación con los clientes. En lugar de estar enviando a sus clientes costosos catálogos e información por correo, o mantenerlos actualizados de lo que su empresa ofrece por medios de publicidad de alto costo, el sitio Web le permite ofrecer a sus clientes información actualizada al momento a un costo ridículamente bajo. Combinado con el correo electrónico. Usted puede avisar a sus clientes sobre promociones, nuevos productos o servicios, o cualquier cambio de interés para ellos.

Son innumerables las formas en que un sitio Web puede dar servicio a sus clientes y facilitarles la comunicación con su empresa. Por ejemplo, puede ofrecerles la facilidad de buscar toda la gama de productos o servicios que su empresa ofrece, comparar precios con otros competidores, ofrecer respuestas a las preguntas más frecuentes, brindar apoyo técnico y servicios post-venta, llenar un formulario que su empresa usa, realizar un trámite en línea, y más.

Adicionalmente, puede usar el sitio Web para pedir la opinión y sugerencias de sus clientes sobre sus productos o servicios y publicarlas como referencia para clientes potenciales, realizar encuestas o crear una comunidad virtual unida por un interés común, a través de foros de discusión, noticias y eventos.

Hay muchos otros usos que usted puede dar a su sitio Web, todo depende de lo que usted necesita, de su imaginación y creatividad.

Hay sitios Web para ofrecer información de diversos tipos como noticias, estudios, artículos especializados, consejos, directorios, entre otros. Para compartir experiencias; para vender o regalar software, libros electrónicos, cursos, música, fotografías, videos, juegos, cuentas de correo electrónico, entre otros. Para organizar eventos, para dar clases en línea, en fin, para múltiples objetivos.

No solamente las empresas privadas hacen uso de los sitios Web. Las organizaciones locales e internacionales y las instituciones gubernamentales tienen una presencia creciente en la Web. También muchos sitios personales, como por ejemplo los blogs, se crean cada día. En fin, la Internet está abierta al uso de quien quiera aprovechar sus ventajas.

10 Consejos para el diseño de un sitio web


El sitio Web es su ventana al mundo virtual. Para una empresa es como el escaparate de su tienda, la fachada exterior, la entrada principal a sus oficinas y el área donde atiende a los clientes. En el sitio Web al igual que en el mundo físico es la facilidad para llegar a su negocio, entrar, preguntar, contestar sus preguntas y ser informado, y realizar un pedido o una compra es clave para que el visitante quede satisfecho, lo recomiende a sus conocidos y regrese de nuevo en el futuro.

Los consejos siguientes le ayudarán a diseñar un sitio que cumpla con esos objetivos:

1. Rápido para descargar: 
Esta es la regla número uno, especialmente para un sitio de negocios. Evite usar en la página principal -o la página de entrada desde enlaces externos- imágenes o animaciones de Flash que duran mucho tiempo en descargarse para ser vistas en el navegador.

Recuerde que el tiempo es oro, especialmente para alguien con prisa, cansado de buscar en la Web, conectado con una laptop con poco tiempo disponible de batería, usando una conexión de modem, o pagando tiempo en un cyber café. En estos casos cada segundo de atraso cuenta.

2. Presentación agradable a la vista: 
El diseño de un sitio Web debe estar de acuerdo con el objetivo para el cual ha sido creado. Un sitio para negocios lucirá muy diferente a un sitio para diversión. El diseño debe estar de acuerdo al tipo de negocio, producto o servicio que ofrece. Sin embargo, no importa el tipo de sitio, un requisito principal es que debe lucir agradable a la vista.

La combinación de colores, los gráficos -logotipo, imágenes fotográficas y artísticas, fondos-, el tipo, tamaño y color del texto, la distribución de la información y en general, el contenido deben presentar una vista clara y atractiva, buscando dejar una buena impresión al visitante.

Otro aspecto a considerar es el tamaño de las páginas. Idealmente no deben exceder los límites de la ventana visible de su navegador, especialmente hacia la derecha. Esto está en dependencia del tamaño y la resolución del monitor que se usa. Considere que una buena parte de los monitores en uso son de 15 pulgadas con una resolución de 800 x 600 pixels.

3. Fácil de usar y navegar: 
De nada sirve una bonita apariencia si es complicado entender cómo buscar la información y moverse de una página a otra en el sitio. Debe proveer medios para facilitar la navegación en el sitio, para facilitar a los usuarios su ubicación y dónde pueden encontrar la información que están buscando.

Los medios más recomendables para ello son los menú laterales y superiores, las barras de navegación en la parte superior indicando la ubicación actual en la estructura del sitio, el botón de enlace a la página principal (home), el título de la página, una página separada que muestra la estructura o mapa del sitio (site map), un motor de búsqueda interno, las páginas de error, y los enlaces internos. Verifique los enlaces cada vez que haga un cambio en las páginas para ver si funcionan bien.

El diseño de las páginas debe ser consistente, es decir, manteniendo en la misma posición elementos claves como el logo, títulos, menús y otros elementos de navegación. Igual consistencia deben tener los colores, tipos de letra y enlaces en las diferentes páginas del sitio. Los enlaces deben ser claros, distinguiendo entre visitados y no visitados.

Una navegación fácil se logra si también se cuenta con una estructura lógica y jerárquica del sitio, en la cual las páginas se organizan en directorios y sub directorios temáticos o funcionales. El objetivo es permitir que el usuario pueda llegar a todos los niveles del sitio desde cualquier página en que se encuentre.

4. Contenido claro, conciso y directo: 
Su sitio Web es como el brochure o folleto en línea de su empresa, por lo que usted querrá que sus visitantes capten de manera favorable lo que usted quiere comunicarles. Usted querrá que la gente sepa quién es, qué hace y cómo contactarlo.

La información debe presentarse en términos claros, evitando usar palabras del lenguaje local y redacción confusa. Recuerde que su página va a ser vista por una audiencia internacional. Escribir para la Web no es lo mismo que escribir para imprimir. Revise la ortografía. Use frases cortas. Vaya directo a lo que quiere comunicar.

Establezca una jerarquía para el texto, poniendo los títulos en orden de importancia con tamaños de texto diferentes. Separe los párrafos con una línea en blanco. Use viñetas (bullets) o listas numeradas donde sea posible. Use enlaces para ampliar conceptos o explicar más en detalle.

Defina de antemano los temas o segmentos. Esto le permitirá dedicar páginas diferentes a cada uno, si lo ameritan. No trate de mezclar todo en una sola página. Cada página debe presentar rápidamente al usuario un contenido obvio e intuitivo.

5. Idiomas: 
Solamente alrededor del 10% de los usuarios de la Internet en el mundo hablan o entienden el español. Si usted quiere alcanzar una audiencia global, considere que alrededor del 60% de los usuarios hablan o entienden inglés. Por tanto, es recomendable que su sitio Web esté disponible al menos en las versiones de español e inglés. Por supuesto, si su mercado meta es China, una sabia decisión sería contar con una versión en Mandarín.

6. Accesibilidad: 
Un sitio web debe ser diseñado para que cualquiera pueda tener acceso a él, independientemente del tipo de navegador, plataforma, sistema operativo que use, o de la discapacidad que un usuario pueda tener.

Por ejemplo, aunque Internet Explorer es uno de los navegadores más usados, Mozilla, Netscape y Opera también son utilizados por millones de usuarios y no siempre visualizan las páginas Web de la misma forma. Un buen diseño debe asegurar la compatibilidad con los principales navegadores.

Con el mismo objetivo, debe ofrecer descripciones y versiones en texto alternativas al uso de gráficos, evitar combinaciones de colores no perceptibles por algunas personas, tamaños ajustables de texto compatibles con el diseño, versiones para imprimir, facilidad de uso del teclado, entre otros.

No trate de impedir la copia o descarga de texto o gráficos de su sitio usando técnicas como deshabilitar el botón derecho del ratón o incluyendo código que no permite guardarla para ser vista sin conexión, o para impedir ver el código fuente. Esto sólo funciona con los usuarios inexpertos.

7. Contactos y retroalimentación: 
Dando por supuesto que en los sitios comerciales el principal objetivo es vender o promover la venta de productos o servicios, debe estar muy clara para sus visitantes la manera de contactarle. Los enlaces a contactos deben ser fácilmente visibles, indicando con información suficiente a quién contactar para diferentes motivos.

Permita que sus visitantes le retroalimenten o den opiniones sobre su sitio Web o sus productos o servicios, hacer preguntas, poner una queja, enviar una sugerencia o una contribución.

También puede usar formularios como un medio de recibir información de sus visitantes, lo que le permite estructurar y manejar mejor la información recibida. En lo posible, use formularios cortos, que faciliten y no requieran mucho tiempo para el llenado.

Provea respuestas a preguntas frecuentes (FAQ - frecuently asked questions). Eso le ahorrará tiempo a sus visitantes y también a usted, reduciendo y enfocando las preguntas.

8. Amigable con los motores de búsqueda: 
Hoy en día, la mayoría de los usuarios de la Internet buscan lo que necesitan usando buscadores como Google, Yahoo, MSN, AltaVista, AOL Search, Excite, Lycos, Infoseek, HotBot, Ask Jeeves y WebCrawler. Estos buscadores ofrecen los resultados de la búsqueda en base a las palabras que el usuario ha proporcionado. Si su sitio Web contiene las palabras clave en lugares relevantes, tiene buenas posibilidades de aparecer en la lista de los primeros sitios referidos por lo buscadores.

Por tanto, usted debe escoger las palabras clave que usted considera su mercado meta va a usar en los buscadores. Las más importantes deben ser colocadas en el título de cada pagina, otras en la primera parte de la página principal y en otros segmentos de la página de los que recolectan información los robots de búsqueda, como META y Header tags e hipervínculos. Por ejemplo, Google podría esperar una densidad de hasta 2% en el cuerpo del texto para una palabra que debiera calificar alto, por lo que no hay que pasar ese límite.

Los especialistas recomiendan diseñar varias páginas Web para albergar contenidos con palabras clave diferentes, en lugar de incluirlas todas en la página principal. Un buen diseñador de sitios Web sabe cómo colocarlas para lograr el máximo provecho de los buscadores. A esto se le llama optimizar el sitio.

Construya cada página de su sitio teniendo en mente el comportamiento de los motores de búsqueda. Evite o mantenga al mínimo el uso de marcos -frames-, de menús en Java Script y Flash y de páginas generadas dinámicamente, pues dificultan o impiden la adecuada indexación de las páginas por los buscadores.

9. Páginas de venta efectivas: Descripción concisa del producto o servicio. Descripción detallada y características en página aparte. Fotografía o imagen ampliable. Precio. Costo y formas de envío. Garantías. Referencias, opiniones o comentarios de clientes o usuarios. Formas de pago. Busque crear confianza en el usuario, la información transparente siempre ayuda. Estos son elementos básicos, que usted debe ajustar al tipo de producto o servicio de su empresa.

El otro elemento esencial es el sistema de pedidos. Ya sea que establezca un sistema para la venta en línea -comercio electrónico- o para recibir pedidos usando medios de pago convencionales, tal sistema debe ser fácil de usar, rápido y, sobre todo, seguro.

También es esencial proveer al cliente de un aviso automático de confirmación de recepción del pedido y un medio de seguimiento al mismo.

10. Mantenimiento y actualización: 
Diseñar un sitio Web es el primer paso y se hace de una vez. Actualizarlo es una tarea recurrente para mantenerlo al día con los cambios que se requieran. De lo contrario se volverá obsoleto e inútil para el propósito que usted lo creó. Por eso, desde el inicio, el diseño debe tomar en cuenta quién, cuándo y cómo se realizará el mantenimiento y actualización del sitio.

Agregar nueva información, productos o servicios, actualizar precios, contactos y direcciones de correo del personal, etc., que implica a veces agregar nuevas páginas o modificar las existentes, son tareas se verá obligado a hacer para mantener su sitio actualizado.

Debe pensar seriamente en aprender cómo hacerlo usted mismo o tener a alguien en su empresa que pueda hacer las actualizaciones básicas y urgentes. Mientras tanto, puede contratar estos servicios con terceros. Sin embargo, a menos que usted lo sea, siempre requerirá de la ayuda de un experto en diseño de sitios Web para realizar cambios que van más allá de sus habilidades.

Para manejar y actualizar grandes volúmenes de contenido, que se requieren actualizar con frecuencia, lo más recomendable es adquirir y usar un sistema de administración de contenido (CMS - Content Management System).

Curso de programación en Java: comentarios e identificadores


Comentarios

Un comentario en java son ignorados por el compilador y solo es útil para nosotros los desarrolladores, es decir, los comentarios nos ayudan a explicar aspectos relevantes de un programa y hacen a este programa más legible. Por ejemplo: esta línea de código permite imprimir el nombre de un trabajador o este método es el principal del proyecto.

El uso de comentarios hace más claro y legible un programa. En los comentarios se debe decir qué se hace, para qué y cuál es el fin de nuestro programa. Conviene utilizar comentarios siempre que merezca la pena hacer una aclaración sobre el programa.

Existen tres tipos de comentarios: 
1. Comentario de una sola línea: empieza por dos slash (//) y termina al final de la línea. 

2. Comentario de bloque o de varias líneas: este inicia por un slash y seguido del va un asterisco (/*) y termina por un asterisco y un slash (*/), el compilador ignora todo el texto contenido dentro del comentario. 

3. Comentario de documentación: comienza por un slash y seguido por dos asteriscos (/**) y cierra con un asterisco y un slash (*/). Para este los comentarios deben empezar por un @ y seguidos de una propiedad o tags.

JavaDoc

El JDK nos proporciona una herramienta para generar páginas HTML de documentación a partir de los comentarios incluidos en el código fuente. El nombre de la herramienta es javadoc. Para que javadoc pueda generar los textos HTML es necesario que se utilice el comentario de documentación y que los miembros sean públicos o protegidos. En el javadoc podemos usar tags para documentar ciertos aspectos concretos como listas de parámetros o valores devueltos.

Identificadores

Un identificador es el nombre que identifica a una variable, a un método o función miembro, a una clase. No hay un límite en lo concerniente al número de caracteres que pueden tener los identificadores. Las letras en Java incluyen los caracteres ASCII, es decir, las letras de la A a la Z tanto en mayúscula y minúscula. Luego los digitos Java de la ASCII son desde el 0 hasta el 9. Y para propósitos de construir identificadores, los caracteres ASCII como el signo dólar ($) y el underscore (_) son también considerados letras Java.

Existen varias reglas para su declaración, una primordial es que no hay un límite en lo concerniente al número de caracteres que pueden tener los identificadores. Otra sería, que todo identificador debe empezar por una letra que puede estar seguida de más letras o dígitos. El primer nombre de una clase debe ser en mayúscula y en singular. Después, podemos decir que el nombre, tanto de los atributos, métodos u objetos deben iniciar en minúscula y si llevan varios nombres el segundo empezarlo con mayúscula. Y por último si declaramos variables constantes como lo es la letra pi o el máximo número sus nombres deben ir en mayúscula completamente.

Tutorial

Para mayor comprensión de cada concepto y demostración en el lenguaje, los invito a ver el siguiente video:




Enlaces de interés

Si deseas tener la información y código fuente presentados en el video, puedes descargarla de los siguientes links:


Orientación en diseño web: El vintage o diseño retro


Para nosotros el diseño de una página Web es muy importante, nos encanta que se vea bien, el personalizarla con nuestros propios diseños, y en muchas ocasiones el estilo que aplicamos es el que habla por nosotros.

La ocasión anterior hablamos de lo que es el flat design, uno de los estilos más famosos de diseño Web, en está ocasión hablaremos de Vintage.


¿Qué es vintage en diseño?

Hoy en día la palabra Vintage se utiliza para artículos antiguos, viejos, retro y añejos, pero estos siguen siendo bastante valorados.

Vintage es una palabra inglesa que puede traducirse como Vendimia, pero en nuestro lenguaje hablamos de diseño artístico y de buena calidad.

El vintage se basa en calidad, exclusividad, historia y estilo bastante refinado.

El estilo vintage ha abarcado muchos lugares dentro del ámbito del diseño, y el diseño Web no ha sido la excepción, pues muchos diseñadores web han optado por este estilo, y es que realmente es un estilo que habla de mucha creatividad y es bastante atractivo, claro sabiendo que se necesita para hacer un buen Vintage.

Aquí te explicaremos que necesitas para que tu diseño web “Vintage” sea de calidad, elegante y sea atractivamente retro.


Elementos del estilo retro

Esta tendencia por idealizar los viejos tiempos, dándole un toque de romanticismo a un sitio web, haciendo que el internauta se sienta de regreso en aquellos días dulces y memorables.

Pero, ¿qué se necesita para que esto sea posible?


Los colores retro

La gama de colores que se pueden utilizar bajo este estilo es muy limitada ya que es algo muy característico del diseño retro. En la época era muy costoso imprimir a todo color, los diseñadores se limitaban a utilizar únicamente dos tonos.

Hoy se usan de dos o tres colores o monocromáticas destacando los colores pálidos también.



Tiógrafía

La tipografía es muy importante y juega un papel vital dentro del diseño retro. Los diseñadores suelen utilizar técnicas como la reubicación de las fuentes, duplicaciones de trazos con pinceladas adicionales, etc. Todo esto con el objetivo de que el diseño sea y tenga un sabor único.

Las fuentes manuscritas son muy utilizadas en el diseño retro, tal como es la fuente Deftone Stylus:



Gráficos retro

Los diseños retro se caracterizan por utilizar formas simples, gráficos e iconos de la época y colores cálidos.

Hay diferentes tipos de texturas, pero las más características son las texturas con ruido. Un sitio llamado Noise Texture Generator ofrece una herramienta para hacer texturas online, muy útil para los diseños retro, igual Photoshop o cualquier otro programa de diseño nos puede ser útil.

Los bordes nos pueden ayudar para enmarcar alguna fotografía o destacar alguna sección. Se pueden usar ornamentos que claramente sigan la gama del resto del diseño.



Emblemas y logotipos

Los logotipos con bordes trabajados y simpleza de diseño son muy utilizados en estos trabajos. Muchos diseños retro como el set que se muestra, pueden ser descargados como PSD, este formato permite editarlos.



Imágenes y fotos antiguas

El diseño retro en muchas ocasiones puede hacer un entrelazado de gráficos modernos con diseños antiguos creando un efecto vintage, pero hay que tomar en cuenta que cada diseño está enfocado a cierta época. Algunos diseñadores buscan revivir los 60’s, otros buscan reflejar la época de los viajes espaciales o de las campañas publicitarias de los 50’s.

Gráficos de vehículos u otros artefactos dan un buen aspecto retro, así como también las fotos de época contribuyen también.



Existen sitios como Theme Forest o Graphic River que ofrecen muchos elementos vintage en formato PSD para editar, también Theme Forest ofrece plantillas de WordPress con estilo retro.

Orientación en diseño web: Las tipografías en el 2014


Así como avanza el tiempo surgen estilos y tendencias, el diseño web hoy en día se caracteriza por sus estilos y tipografías.

Las tipografías hoy en día son un factor importante en el diseño, y si no él más importante, por lo menos, uno de los más importantes, y es que con el surgimiento de los estilos y tendencias de diseño se ha tratado encontrar fuentes que combinen con estos estilos, es decir, imaginemos una pagina web con diseño plano, podemos ver fuentes delgadas y sin tantos detalles.



Pero a veces en los nuevos sitios web, también podemos ver un contraste entre las fuentes, así como podemos ver fuentes delgadas, las podemos combinar con fuentes más gruesas y en ocasiones ambas de colores distintos, este tipo de diseños para mi gusto son muy llamativos, y como hemos ya hablado desde hace tiempo, todo depende de la creatividad del diseñador.



Ahora, los tamaños de las fuentes en este 2014 una tendencia bastante fuerte son las tipografías grandes, esto surge debido al tamaño de los monitores porque van surgiendo con resoluciones más altas, y no solo vemos estos tamaños en un simple texto sino también en los botones, y es que los tamaños que vemos de ellos cada vez son más grandes, pero una de las razones principales es por las vistas que tenemos en los móviles, ya que en estos no utilizamos un puntero o ratón, es por eso que los botones de un sitio web cada vez son más grandes e incluso omitiendo letras y utilizando iconos o imágenes, pero eso ya es otra onda.



Y siguiendo con las fuentes, otra tendencias que esta llamando mucho la atención son las Handwritten, estas fuentes son las que dan la apariencia de haber sido escritas con la mano, las llamadas fuentes manuscritas, aunque no cumplen con los estereotipos del sitio personalizado son un tipo de fuentes bastante peculiares, que en mi opinión yo no las ocuparía pero dan un toque especial a los diseños.



Y ya para terminar te dejo una lista de 5 fuentes que quizás te gusten y te sean muy útiles para tus diseños: