Etiqueta: diseño

20 términos para entender el diseño web desde su etapa visual

Publicado el 20 agosto, 2015

captura-33

Antes de empezar a mencionar términos y significados es importante destacar que el diseño web es una disciplina que permite desarrollar nuevas y diferentes experiencias informativas y de navegabilidad, además, es un proceso en el que influyen varios profesionales, como diseñadores visuales, diseñadores de UX, diseñadores de interfaces y desarrolladores Front End.

Como podrás darte cuenta el diseño web es un proceso extenso y multidisciplinario, sin embargo, en este post nos centraremos únicamente en la etapa visual del diseño web; conoce los términos más usados en esta área, actualízate e incorpóralos a tu vocabulario profesional, de paso no quedarás en ¿? cuando estés en medio de diseñadores.

Gestalt : Es una palabra alemana que traduce forma, en diseño podría entenderse como un elemento que sin estar finalizado tiende a ser percibido en su totalidad. Ejemplo: Los guantes, zapatos y pantalón de Mickey Mouse, aun sin estar presente el personaje estos elementos son asociados instantáneamente con el famoso ratón.

Espacio negativo: Espacios vacíos dentro de piezas de diseño, algunos diseñadores utilizan este espacio para incorporar mensajes o elementos ocultos. Ejemplo: el logo de Carrefour con una C en el centro; el icono del Tour de Francia en su R simula un ciclista; Amazon en su logo marca una línea que parece una sonrisa, además indica que se encuentra cualquier producto de la A a la Z.

RGB (Red, green, blue): Modelo cromático digital que representa a partir de la mezcla del rojo, verde y azul otros colores.

GIF (Graphics Format Interchange, formato de intercambio de gráficos): Formato gráfico usado principalmente para diseños en la web.

SVG (Scalable Vector Graphics): Es un formato gráfico que se basa en el manejo de vectores.
Continúa leyendo «20 términos para entender el diseño web desde su etapa visual»

Wake, para diseñadores que trabajan en equipo

Publicado el 20 agosto, 2015

por Juan Diego Polo

Cuando hay muchas personas trabajando en una misma empresa en asuntos relacionados con diseño, se suele perder el control de lo que está haciendo cada uno. Es difícil explicar ciertas cosas con textos, a veces una captura, o una foto del trabajo que estamos realizando, es suficiente para indicar el progreso de cada tarea, y es en eso en lo que han trabajado desde Wake.io.

Se trata de una plataforma web, con aplicación iOS, que permite que los diseñadores muestren en todo momento lo que están haciendo. Solo tenemos que hacer una foto desde el móvil o capturar la pantalla desde Mac para que la cuenta en Wake.io se actualice, mostrando la actualización del trabajo de cada miembro.

Cuando uno de los profesionales actualiza el contenido, otros pueden opinar sobre el mismo, creando una especie de chat dentro de cada captura (o foto) realizada.

La utilidad desde el punto de vista del gestor es obvia, ya que puede ver el progreso de los trabajos sin levantarse de la silla, pero la productividad dentro del equipo de trabajo puede aumentar también, ya que uno puede ayudar a otro a la hora de mejorar algún detalle del diseño que se está realizando.

Wake es gratuito durante 30 días, siendo posible probarlo sin necesidad de informar datos bancarios.

Pinterest contrata a Susan Kare, antigua diseñadora de Apple

Publicado el 1 agosto, 2015

por Sergio Asenjo

Seguro que muchos de vosotros habréis oído hablar de Susan Kare, la diseñadora gráfica responsable de los iconos del Macintosh original. Recientemente, tal y como hemos podido leer en TechCrunch, Pinterest ha decidido contratar a Susan Kare como diseñadora jefe de la popular red social.

Dado el talento y experiencia de una figura de la importancia de Susan Kare, en Pinterest consideran que sus cualidades podrían ser de gran ayuda para mejorar la apariencia de la red social. A sus 61 años, Susan se encargará de trabajar en la mejora de la interfaz e iconos de Pinterest, tanto de la versión web como de las aplicaciones para dispositivos móviles. Responsable de míticos iconos como los que podéis ver en la imagen superio y de tipografías del Macintosh original como Chicago (que incluso llegaron a estar disponibles en los primeros modelos de iPod), Kare estará al mando de Bob Baxley, jefe de diseño de productos y también antiguo trabajador de Apple. Después de trabajar en Apple, la diseñadora fundó Susan Kare Design, su propio estudio de diseño donde se encargó de dar vida a miles de iconos para un gran número de clientes distintos.

Sin duda, se trata de un movimiento bastante interesante por parte de Pinterest. Por el momento, habrá que esperar para ver los primeros resultados de su trabajo.

Fuente: TC.

La nueva apariencia de la app de YouTube para móviles

Publicado el 24 julio, 2015

por Juan David Quiñónez

Un nuevo diseño basado en pestañas ha llegado a la aplicación de YouTube para Android y a m.youtube.com, la versión web móvil del portal de videos. En iOS pronto aparecerá también este nuevo aspecto el cual arriba para mejorar la usual navegación con el fin de facilitar el encontrar y crear interesantes videos.

Basta actualizar la aplicación desde la Play Store para conseguir la renovación que en su guía de inicio recalca el enfoque en una mejor navegación. Para ello, la interfaz recibe, al menos, 3 nuevas pestañas organizativas:

La pestaña de Inicio con recomendaciones rápidas, videos promocionados y listados de contenidos populares según la ubicación del usuario.
La pestaña principal o de Suscripciones la cual recogerá los últimos videos compartidos en los canales seguidos por el usuario. Una cinta con imágenes circulares en su parte superior permitirá acceder a cada canal rápidamente, además, dentro de cada uno de ellos se mostrará un nuevo icono de campana que con un toque habilitará las notificaciones para enterarse tan pronto el canal en cuestión publique nuevos videos.
La pestaña de Cuenta personal que presentará las listas de reproducción, los videos subidos, el historial y, al final, los videos marcados para “Ver más tarde”, todo acompañado por un gran botón flotante para cargar nuevos videos.

Continúa leyendo «La nueva apariencia de la app de YouTube para móviles»

Google Keep, app de notas de Google, reemplaza el botón «+» por una barra

Publicado el 23 julio, 2015

por Juan David Quiñónez

Si usas en tus dispositivos Android la aplicación de Google Keep, la reciente herramienta de Google para la creación de notas rápidas y multimedia, debes enterarte del importante cambio que aparecerá en su próxima actualización: El botón flotante de la parte inferior derecha de la app, característico de los diseños basados en Material Design, desaparecerá de Keep:

Aparentemente, no ha resultado tan eficiente el tener que recurrir a más de un paso ”“si es que no se optaba por un arrastre- para acceder a la creación de una nueva nota rápida, lista de cosas por hacer, grabación de audio o fotografía. Así pues, desaparecerá el botón flotante (FAB) para dar paso a una nueva y limpia barra de opciones que incluye las cuatro anteriores funciones. Continúa leyendo «Google Keep, app de notas de Google, reemplaza el botón «+» por una barra»

Iconos, fuentes, diseños en PSD… recursos frescos para profesionales web

Publicado el 23 julio, 2015

por Juan Pablo Sarmiento

Como desarrolladores web, diseñadores o creativos, en algunas ocasiones nos podemos quedar cortos de ideas o sin inspiración alguna. Con el objetivo de superar este problema, en la edición de este mes encontraremos ideas y recursos de toda clase.

Aquí os dejamos con iconos, fuentes, elementos en SVG para descargar, diseños en PSD y mucho más para hacer nuestro trabajo más fácil.

Una Creciente Colección De Iconos Vectoriales Gratis

Una Super Colección de Iconos Para Aplicaciones Android

300 Iconos Y Avatars Editables En Estilo Kawaii

Coco Gothic: Familia De Fuentes Contemporaneas Y Geométricas

Continúa leyendo «Iconos, fuentes, diseños en PSD… recursos frescos para profesionales web»

Netflix añade «vistas previas en segundo plano» dentro de sus apps para TV

Publicado el 23 julio, 2015

por Juan David Quiñónez

Las aplicaciones de Netflix para televisores inteligentes, a nivel global, han empezado a conseguir una actualización que añade a la vista previa de cada serie y película un pequeño fragmento de video reproduciéndose en segundo plano.

Por supuesto, el fragmento de video es obtenido de la serie o película seleccionada, entonces, junto al contenido descriptivo que acompañará cada título para facilitar la confirmación de que es una elección que genera interés, se presentará en el fondo una experiencia más «inmersiva y cinematográfica» acorde a lo buscado al apuntar el control remoto hacia el televisor.

En fin, un GIF muestra cómo funciona esta nueva característica que enriquece en gran medida la interfaz actual: Continúa leyendo «Netflix añade «vistas previas en segundo plano» dentro de sus apps para TV»

Google adquiere la compañía de creación de prototipos móviles Pixate

Publicado el 21 julio, 2015

por Fco. José Hidalgo

Google contará a partir de ahora con el equipo que conforma la compañía Pixate dentro de su equipo de diseño, según han confirmado ambas compañías en sus respectivos comunicados, en el que se deja claro que Pixate seguirá funcionando como servicio independiente, aunque a partir de ahora su producto Pixate Studio comenzará a estar disponible de manera gratuita mientras bajará el coste del servicio en la nube de Pixate.

Toda la información acerca del futuro de Pixate se encuentra disponible a través de su F.A.Q. para su consulta por parte de cualquier interesado.

Como bien señala Pixate, se trata de una compañía que tiene a sus espaldas tres años de servicio que ha ido evolucionando gracias a sus clientes y que se enfoca en posibilitar en que el diseño y creación de prototipos de aplicaciones móviles nativas sea fácil y sencillo de llevar a cabo. Desde la compañía consideran que dentro de Google pueden llevar a la práctica aquellas «grandes ideas» a escala a la comunidad de diseño.

Por su parte, Google indica que Pixate se suma a los esfuerzos de la compañía en el desarrollo de nuevas herramientas de diseño y creación de prototipos,»incluyendo Form 1.3″, invitando a los usuarios a descubrir las últimas características tanto de Pixate como Form 1.3 y comenzar a diseñar prototipos nativos en sus respectivos dispositivos.

zeplin, excelente herramienta para crear especificaciones de diseños de aplicaciones

Publicado el 8 julio, 2015

por Juan Diego Polo

Si trabajáis en el desarrollo de aplicaciones, ya sea para móviles, web o escritorio, seguramente estáis acostumbramos a seguir una serie de normas, de especificaciones, que deben definirse antes de comenzar los trabajos. Crear un documento con dichas especificaciones no es tarea fácil. Es importante que todas las normas estén bien definidas y disponibles para que todo el equipo pueda acceder a las mismas y discutir sobre ellas, detalles que deben ser suficientes para eliminar dudas del tipo «de qué tamaño hago este botón» o «cuánto tiempo tiene que estar esta imagen presente».

El objetivo de zeplin.io es facilitar el trabajo en el diseño de este tipo de documento. Se trata de una plataforma que comenzó a desarrollarse en 2014 y que este mes de julio abre las puertas con su versión 1.0, siendo gratuita para los que trabajan con un solo proyecto (esta versión gratuita permite un número ilimitado de colaboradores).

En cada proyecto podemos ver las guías de diseño con información como paleta de colores, por ejemplo, así como un panel con pantallas indicando tamaños, notas y distribución de elementos gráficos.

Dentro de Zeplin es posible establecer conversaciones con otros miembros del equipo, discutiendo así sobre los elementos que estemos usando en nuestro trabajo.

Es posible importar diseños de otras plataformas, así como exportar componentes que podamos usar tanto en la programación como en el diseño de los elementos.

Apple colaborará en el diseño de las cajas de los accesorios de terceros que vende en sus tiendas

Publicado el 7 julio, 2015

por Sergio Asenjo

Tal y como hemos podido leer en 9to5Mac, todo parece indicar que Apple estaría ultimando los detalles para comenzar a vender en sus tiendas físicas accesorios de terceros cuyas cajas hayan sido diseñadas contando con la colaboración de la compañía de la manzana.

El objetivo que perseguiría Apple con esta nueva medida sería modernizar el diseño de las cajas de los accesorios de terceros comercializados actualmente en las Apple Store, adaptándolos a la estética de las cajas de los productos de la propia compañía. Además de la predominancia del color blanco, las nuevas cajas contarían con fuentes más simples, nuevas fotografías de los productos, materiales de mejor calidad y un etiquetado con la compatibilidad de los dispositivos más completo. Según la información proporcionada por la fuente, todo parece indicar que Apple habría estado trabajando durante los últimos seis meses con compañías como Tech21, Incase, Sena, Logitech, Mophie y Life Proof, cuyos productos serían los primeros en estrenar este nuevo embalaje. Además, la idea de Apple sería reducir el inventario de productos disponibles en sus tiendas físicas a solamente aquellos productos que cuenten con los nuevos envases.

Se espera que los accesorios de terceros con el nuevo diseño comiencen a estar disponibles en las Apple Store a partir de la próxima semana. De ahora en adelante, la compañía continuaría trabajando con otros fabricantes de accesorios para adoptar el nuevo estilo en las cajas de sus productos.

Fuente: 9to5Mac.