Category - Diseño Web

1
Google+ rediseña su sitio y queda más como una revista digital
2
Adobe Edge Web Fonts una alternativa a Google Fonts
3
¿Qué tan grande es el espacio?
4
Diseño de Interfaces Web para niños
5
Anatomía de un sitio web optimizado
6
Sitio interactivo que muestra información de logos famosos
7
Desarrollo de sitios Web con HTML5 semántico, CSS3, jQuery y Responsive Web Design
8
Net awards – lo mejor del diseño y desarrollo web

Google+ rediseña su sitio y queda más como una revista digital

Ahora que Google+ ha rediseñado su sitio se parece más a una revista virtual (al estilo Flipboard). El Material Design juega un papel importante en el diseño. También llama la atención el uso del “card design”, donde el contenido se acomoda en una retícula que facilita el orden visual.

Veremos qué tal le va, luego de que nunca pudo alcanzar a Facebook en cuanto a red social. Ahora con su nuevo giro tal vez pueda hacer que regresen las personas que alguna vez pensaron que era una buena alternativa.
Lo de las comunidades y personas puede ser una buena opción para conocer más de lo que se publica en ese lugar. Que de otra forma era muy difícil descubrir.

http://www.proceso.com.mx/?p=420944

GooglePlus-comunidades

googlePlus-Redesign

Google+

Adobe Edge Web Fonts una alternativa a Google Fonts

Adobe presenta Adobe Edge Web Fonts que puede ser una buena opción si se utilizan diferentes tipografías para los sitios web. Adobe tiene su servicio de pago Typekit, pero ahora ofrece este servicio de forma gratuita. Habrá que probarla, por lo menos tiene una buena interfaz para escoger las fuentes tipográficas a diferencia de Google Fonts.

Adobe-Edge-Web-Fonts

Adobe Edge Web Fonts

Diseño de Interfaces Web para niños

ninos-con-tabletas-Brad-Flickinger

Muy buen artículo en Smashing Magazine sobre cómo diseñar interfaces web para niños, muestra algunos temas psicológicos de la forma en que utilizan la web. También cubre directrices de diseño para crear mejores sitios web para ellos.

“Los niños crecen con iPads, teléfonos inteligentes y computadoras, pero eso no quiere decir que se convierten automáticamente en expertos al utilizarlos”.

“Niños menores de 7 años utilizan más las pantallas táctiles y aplicaciones (sobre todo de juegos), no aplicaciones y sitios web basados en un navegador”.

“Los niños mayores de 7 años comienzan lentamente a utilizar Internet de una manera más tradicional – utilizando un navegador para acceder a sitios y aplicaciones web. Los niños mayores de 12 años comienzan a utilizar patrones de interacción como los adultos”.

“Las habilidades de lectura son esenciales para el uso de una interfaz. Los niños aprenden a leer en su lengua materno alrededor de los 6 años (en Dinamarca por lo menos), y alrededor de los 8 años lo dominan hasta el punto de ser capaz de decodificar un lenguaje escrito simple. Aprenden a leer mucho más rápido de lo que aprenden a escribir y deletrear, esto es importante tenerlo en cuenta a la hora de diseñar la navegación, la búsqueda y el contenido”.

“A los 2 años de edad, no se puede controlar un ratón o un trackpad, pero pueden navegar en una tableta. La mayoría de los niños de 6 años ya pueden usar una computadora y manipular el ratón, pero en los últimos tres años de su vida la mayoría han estado jugando con las tabletas. Así que los botones serán los principales factores que determinarán la navegación”.

nationalgeographic-kids

“Si se está diseñando para niños menores de 10 años, se debe hacer que los requisitos de entrada de datos en el teclado sean de forma muy simple. Escribir es difícil para ellos”.

“Los iconos deben tener una clara conexión con el mundo real, porque los niños no han desarrollado todavía una gran cantidad de modelos mentales de iconos abstractos. A medida que crecen, aprenderán más convenciones”.

“Al igual que con cualquier proyecto, las pruebas son esenciales. Pero con los niños, la prueba es una cosa muy diferente. No se puede esperar que sigan tus instrucciones”.

Leer el artículo (en Inglés): Designing Web Interfaces For Kids

Anatomía de un sitio web optimizado

Infografía que nos muestra lo que debe tener un sitio para que esté optimizado que nos lleve a un mejor posicionamiento en los buscadores, obtener más tráfico, que compartan nuestros contenido, tener una buena presencia de marca, etc.

Dar click para ver la infografía completa:
sitio-optimizado

Sitio interactivo que muestra información de logos famosos

Un sitio que al darle click sobre logos famosos, muestra algunos hechos que tal vez no conocías.

logo-facts

A Collective Guide on Famous Company Logos with their Hidden Meanings

Desarrollo de sitios Web con HTML5 semántico, CSS3, jQuery y Responsive Web Design

Desarrollo de sitios Web

HTML5 es un concepto diseñado para la creación de sitios y aplicaciones Web en la era de los dispositivos móviles, el cloud computing y la interacción social masiva.

La última versión de este lenguaje es considerada la piedra angular de la plataforma de código abierto presentada por el W3C (World Wide Web Consortium); un marco de desarrollo creado con el objetivo de apoyar la innovación y fomentar el completo potencial que la Web ofrece hoy en día.

El curso “Desarrollo de sitios Web con HTML5 Semántico, CSS3, jQuery y Responsive Web Design” está diseñado para proveer las bases en el correcto uso de cada una de las tecnologías que conforman la nueva especificación HTML (Semántica, Aplicaciones fuera de línea y almacenamiento local, Acceso a dispositivos, Conectividad, Multimedia, Gráficos 3D y efectos visuales, Rendimiento e Integración y Hojas de estilo en cascada CSS3).

Durante 20 horas el alumno aprenderá y pondrá en práctica las bases para el correcto desarrollo de sitios y aplicaciones Web con HTML5, CSS3, jQuery, SEO, Responsive Web Design y Marketing Digital; enfocándose al mercado móvil, las búsquedas y el dotar de significado a la estructura en código de cada proyecto. Será capaz de aplicar buenas prácticas en el desarrollo de sitios Web totalmente semánticos, enfocados a las necesidades de información y estructura que hoy en día se requieren para el mercado móvil; de igual forma conocerá las últimas técnicas aplicadas en diseño adaptable a dispositivos (Responsive Web Design), SEO y Marketing Digital.

El curso se impartirá en las siguientes fechas:
Sábados 25 de Julio, 01, 08 y 15 de Agosto de 2015. Un total de 20 horas (De 09:00 a 14:00 hrs.).

Temario

Puedes consultar y/o descargar el temario en las siguientes URL’s:

Costo de recuperación

$3,000.00 (Tres mil pesos 00/100 M.N.).

Descuentos:

15% de descuento a estudiantes. El participante deberá presentar credencial o tira de materias vigente.

15% si vienes con uno o más amigos. El descuento se aplicará a cada uno.

Notas importantes: – Los descuentos no son acumulables. – Si el participante requiere factura se cobrará un 16% de IVA por cada reservación.

Instalaciones acordes a un curso profesional (con área de coffee break); presentaciones, ejercicios y ejemplos en código comentado y funcional (útil para implementación en proyectos reales) son algunas de las ventajas que estarán presentes durante cada sesión.

El instructor asignado a este curso es Jhanno Foulds Gaunt.

No pierdas la oportunidad de capacitarte con los expertos.

Cupo limitado. ¡Apresúrate!

Desarrollo de sitios Web con HTML5 semántico, CSS3, jQuery y Responsive Web Design

Net awards – lo mejor del diseño y desarrollo web

Una buena forma de aprender es ver lo mejor que se hace a nivel global.
Deben visitar todas las nominaciones de este concurso. De seguro obtendrán la suficiente inspiración para crear o mejorar el trabajo web que hacen a diario.

net-awards-2015

Celebrating the best in web design and development The Net Awards 2015

Copyright © 2014. Created by Meks. Powered by WordPress.