Archivo de la etiqueta: web

¡Atención diseñadores web! Llega Adobe Experience Design CC

Adobe Experience DesignUna nueva herramienta llega para todos los diseñadores y si, el protagonista es Adobe.  En esta ocasión, la compañía pensó en aquellos que trabajan sobre plataformas para desarrollar apps o sitios web, donde la cuestión de tiempo y trabajo que se invierte para presentarlo al cliente es grande, por lo que desarrolló Adobe Experience Design CC, una aplicación donde apoyaron más de 5000 diseñadores,  que servirá para simplificar este proceso, obteniendo grandes resultados. Por el momento sólo se encuentra disponible para Mac, pero se está trabajando en las versiones para iOS, Android y Windows 10. Continuar leyendo

El diseño de interfaces con Adobe Project Comet

lun2Una nueva herramienta de Adobe promete el cambio en cuanto al diseño y desarrollo de páginas web y aplicaciones móviles, se trata de Adobe Project Comet, software del que ya se había hablado en los pasados meses pero que en estas fechas viene con todo para ser una de las aplicaciones más útiles dentro de los diseñadores y profesionistas que trabajan en el medio.
Continuar leyendo

Lo mejor para tu página web está en las imágenes

Sabemos que como diseñador  web te interesa que tu página se encuentre lo más fácil y accesible posible, por lo que haces todo lo necesario para que siempre sea así. Muchas veces es complicado sobre todo trabajar con los diferentes navegadores web o con su visualización en dispositivos móviles, pero esta vez te podremos sorprender con un nuevo elemento llamado <picture> el cual haráque tu página web sea más rápida en cuanto al tema de las imágenes. dw1 Este era un problema de antaño y ha sido el coco de muchos por años. Cargar las imágenes en nuevos dispositivos o tabletas era muy lento, por lo que la página perdía visualización. Asítambién, era indispensable pensar en las diferentes visualizaciones, pues los sitios estaban muy enfocados para pantallas grandes. Entonces ¿ahora serámás fácil? Asíes, basta con usar la etiqueta <picture> antes de la imagen que desees colocar y la misma plataforma escogerála opción que más se adecue a la pantalla del usuario, por lo que cuestiones como peso y visualización que era un verdadero problema quedarán en el pasado. dw2 Toda esta cuestión inicio con la salida al mercado de los dispositivos móviles, pues anteriormente estábamos acostumbrados a que muchas páginas eran lentas en cargar. Con la llegada de estos dispositivos los portales se hicieron mucho más lentos, por lo que se tuvo que buscar una solución a esta problemática. Durante varios meses desarrolladores de famosas empresas cono Google trabajaron en este proyecto, llegando hasta lo que conoceremos como <picture>, ahora sólo falta que los principales navegadores lo implementen. Empresas como Google, Mozilla, Opera y Apple se comprometieron a integrar esta tecnología a sus navegadores para que su uso sea mucho más rápido y fácil. Por lo pronto podemos irnos familiarizando con el diseño de páginas web.

Gráficos 3D en la web

Los gráficos en la web surgieron en los inicios de lo 90s, no eran tan conocidos porque la tecnología demandaba considerable ancho de banda y poder gráfico del usuario.

En los primeros años del siglo XXI el ancho de banda de las redes que llegaron a los hogares y las plataformas con que cuentan los usuarios en casa no eran suficientes para cubrir las demandas que tenían los gráficos 3D por lo que surgen proyectos para hacer incluidos en la web.

Los usuarios demandaban la migración de aplicaciones de gráficos debido a los siguientes puntos:

a)    Necesidad de contar con un solo ambiente de operación común.

b)    Tener una plataforma única de desarrollo para los desarrolladores de aplicaciones.

c)    Obtener el beneficio de las actualizaciones en línea.

d)    Compartir sensaciones con usuarios en cualquier parte del mundo a través de ambientes colaborativos.

e)    Generar imágenes y sonido de alto impacto utilizando tarjetas de aceleración gráfica.

Algunas aplicaciones en gráficos es el uso de la tecnología de los videojuegos lo que conlleva a utilizar otras aproximaciones de representación y reconstrucción de los objetos gráficos así como el desarrollo de nuevos algoritmos. El mercado de hardware para gráficos y las áreas científicas adoptan estrategias por lo que es desarrollado de herramientas que respondan a estas tendencias, llevarlos los gráficos para web tanto 2D como 3D a un campo diferente a lo que los gráficos 3D implica desarrollar ambientes distribuidos sobre internet.

Mucha de estas aplicaciones están basadas en una construcción de cliente servidor  provee los servicios y los datos geométricos. La consideración principal en estas aplicaciones es la necesidad del usuario de navegador en los contenidos de forma similar al de los documentos web.

¿Ya le festejaron su cumpleaños al iPad?

El pasado lunes 27 de enero este increíble aparato cumplió 4 años en el mercado, los cuales han sido tanto un éxito con un problema de competencia para la marca Apple, la cual siempre se mantiene a la vanguardia de sus productos. Entonces, a 4 años de su existencia, la marca parece haber ganado la batalla a todas las demás marcas que han querido igualar las tabletas más sofisticadas.

Aunque primeramente fue Microsoft quien realizó la primera tableta allá por los años 2000, este aparato no pasó más allá de empresas que necesitaban de este servicio, como es el caso de hospitales. Posteriormente, Apple fue quien lanzó una tableta para uso comercial, suceso que marcó el mercado de los dispositivos en todo el mundo.

La competencia no fue una tarea fácil, ya que como en cualquier dispositivo o producto que se lanza al mercado, no faltó en un periodo muy corto de tiempo un sinfín de competencias de marcas como es el caso de Samsung, Toshiba y Sony. Sin embargo, les ha costado mucho a estas marcas estar al nivel de compra de lo que está el iPad, aunque su preso sea significativamente mayor.

Entre las características más sobresalientes con las que cuenta este aparato se encuentra una nueva forma de lectura, pues las revistas, periódicos, libros y diferentes portales se pueden revisar con gran facilidad a través de esta tableta.

Además de uso para entretenimiento personal con su gran cantidad de aplicaciones, esta Tablet es usada desde trabajos escolares hasta trabajos de artistas profesionales, ya que puedes contar con diversos programas que te ayudarán en gran manera para realizar tus mejores proyectos.

A pesar de que desde su presentación en el año 2010 por Steve Jobs la mayoría de las personas pensaron que este tipo de herramientas no tendría éxito entre su público, pues se realizaba inicialmente una comparación entre una computadora portátil y un celular, lo cierto es que hasta la fecha es uno de los artículos más vendidos en todo el mundo.

Como dato curioso, así como es un artículo muy usado, también es muy robado. Una encuesta en Estados Unidos reveló que en el 2013 el 18 por ciento de los robos registrados fue a causa de la sustracción de iPad, así que hay que tener sus precauciones.

Diseñador Web… ¿Sabes cuáles son las tendencias de diseño para este 2014?

Sabemos que cada quien tiene un estilo propio para la creación y diseño de páginas web, así como también que los clientes tienen un gusto o idea de lo que prefieren en su marca, pero es muy importante que estés al pendiente de todo lo nuevo que se está manejando en cuanto al estilo de las páginas web este 2014.

¿Qué encontrarás en esta nueva tendencia de diseño? Ideas vanguardistas, que van con la moda y el estilo de ahora, muchos colores y proyectos abstractos, así que hay que tenerlos muy en cuenta para tus nuevos diseños en este año.

Páginas en blanco y negro: A simple vista puede parecer un sitio sencillo, y más si se trata de algún tema relacionado con el diseño. Lo que sí se puede decir es que este tipo de tendencias hacen que la página sea un sitio elegante y con clase.

Uso de mapas: Aunque es característica de cierto tipo de páginas, lo cierto es que este año se utilizará muy a menudo. Esto nace de la necesidad en estos tiempos de interactuar más allá de google maps y foursquare.

Bloking: Su buscas hacer tu página mucho más interactiva y agregar mucha información que gustas que tu público vea en seguida, esta es la opción que debes de tomar. Bloking consiste en agregar en tu home fotografías, cuadros de texto, títulos y demás, de una manera en que los usuarios puedan navegar fácilmente por ella.

Colores neón: Este es uno de los estilos que viene con más fuerza, pues los colores llamativos serán los que más llamen la atención del diseño de tu página web. Puedes usar colores brillantes o fosforescentes, solo trata de que al juntarlos quede la combinación perfecta.

Anímate a diseñar tu próxima página web con estas innovadoras y divertidas propuestas, además aprende con nosotros las novedades del diseño web así como a trabajar enun diseño responsivo en nuestro curso de Creación de páginas web para dispositivos móviles.

Soluciones para Photoshop… Adobe Generator

Si diseñas tu sitio web desde Photoshop para después importarlo a algún programa de editor de código, la actualización de Photoshop que se realizó hace algunos meses te vendrá de maravilla, ya que con la integración de Adobe Generator, podrás exportar cada uno de los assets   (.jpg .png o .gif) de una manera más fácil.

Si antes el trabajo era más tardado y complicado porque el proceso de exportación era manualmente, ahora con Adobe Generator puedes agilizar tu trabajo y tiempo pues todo se hará de manera automática, solamente tienes que agregar la extensión al nombre de tu layer y enseguida se generará un archivo en formato jpg, png o gif basado en el contenido del layer. Además, si necesitarás de hacer cambios estos también se realizarán automáticamente.

Además de esta novedosa ventaja, podrás ahorrar tiempo en la conversión de tamaños y calidad de los assets, ya que al darle las variables a nuestros png´s como por ejemplo png48 ya le estaremos asignando automáticamente la calidad. Si haces uso de imágenes  para Retina Displays, también nos permitirá nombrar nuestros layers como “milayer.jpg, que automáticamente nos creará una copia de nuestra imagen para que en las pantallas que cuenten con Retina Display puedan ser utilizados sin tener perdida en la calidad.

Si ya cuentas con conocimientos de JavaScript, no tendrás ningún problema con el uso de Adobe Generator, ya que es una plataforma de código abierto, lo que permite que cualquier usuario pueda modificar el código para la creación de herramientas que se integren a Photoshop CC.

Si eres suscriptor de Creative Cloud basta con que actualices tu versión de Photoshop para que puedas probar y hacer uso de esta nueva opción y si lo que deseas es aprender más de este programa o de diseño web, te invitamos a conocer nuestros dos cursos “Edición y Transformación de Imágenes Digitales” y “Creación de Páginas Web para Dispositivos Móviles”