Iconos - Conoce Valparaíso

De Casiopea

← Volver a Conoce Valparaíso

Iconos para plataforma web

Se diseña una familia de íconos en base a las necesidades del sitio de abstraer categorías de lugares y acciones que debe realizar el visitante o dueño de local.

Se catalogan los iconos acorde a la función que estos cumplirán y a sus características gráficas, o dicho de otro modo, la diferenciación de los iconos en cuanto a sus características se debe a la ubicación que estos entran en el sitio, su tamaño y contexto.

Acciones

Corresponden a las acciones directas con la interfaz, de navegación y de confirmación o acción por parte del visitante, como adquirir una promoción, asistir a un evento, guardar un lugar, ubicar o subir fotografía.

El grupo de acciones se diseña dentro de una cuadrícula de 60 x 60 pixeles, en base a su forma. El color se lo da el contexto en el cual se ubica el ícono; Las acciones de las categorías toman el color de su respectiva sección (rojo para guardar servicios, azul para guardar patrimonio, cian para guardar transporte y amarillo para activar rutas, adquirir promociones y asistir a evento). Cuando estos íconos se encuentran inactivos se ponen grises con un negro al 40% y cuando son activados toman su respectivo color. Las acciones comunes toman color negro al 90% como subir fotografía y compartir, y en el caso de ubicar toma el color verde.

Características y dificultad

Son los íconos que se usarán para anteceder a las descripciones de los lugares, rutas y actividades, además de los datos de contacto, como un apoyo para identificar qué tipo de información se va a leer. Se diseñó dentro de una cuadrícula de 22 x 25 píxeles, con un borde redondeado. el fondo del ícono es de negro al 90%.

El icono saca relleno de este fondo para mostrarse en la contraforma de la figura sobre el fondo negro. De este modo se construye la unidad entre este grupo de íconos.

Los íconos de dificultad siguen la misma línea de los de característica, pero se separan en 3 colores para representar la dificultad del camino: verde para facil, amarillo para dificultad intermedia y rojo para difícil.

Son utilizados principalmente en las rutas para detallar cómo será el camino, si es plano, una pendiente o escaleras y si estas serán fáciles, intermedia o difíciles para abordarlas, con el fin de que el visitante sepa a qué tipo de terreno se enfrentará para realizar la ruta y así vaya preparado para el viaje, o bien que sepa si puede realizar ese tipo de recorridos.

Se diseñan dentro de la misma cuadrícula que los íconos de característica de 25 x 25 pieles, donde el ícono se ve por su contraforma sobre el fondo del color respectivo a su dificultad.

Tipo de lugar

Estos iconos representan las subcategorías de lugar, para dar mayor versatilidad a las páginas y más distinción a los tipos de servicios, se separan en e colores, rojo para los servicios, azul para los lugares patrimoniales y cian para el transporte y ayuda. Están diseñados dentro de una cuadrícula de 40 x 40 px, los trazos corresponden a un grosor de 2 px y los blancos entre trazos corresponden a 1 pixel. Se diseñó en base al tamaño real que utilizarían en la pantalla, para que los blancos fueran similares en todo el grupo de íconos.

Iconos de mapa

Se diseñan para geolocalizar los lugares en el mapa, con el respectivo ícono que le corresponda según su tipo de local. Se utilizan los iconos de tipo de lugar, junto con su base blanca de 40 x 40 y se colocan dentro de un ícono de geopunto cuadrado con bordes redondeados., del mismo color del tipo de local. También se usan para geolocalizar las promociones y eventos.

Propuestas anteriores

Segunda Propuesta para Iconos

Iconos para Mapa

Iconos - listado para mostrar - conoce valparaiso iconos mapa.png

Iconos interfaz

Iconos - listado para mostrar - conoce valparaiso iconos interfaz.png

Iconos etiquetas

Iconos - listado para mostrar - conoce valparaiso listado de etiquetas.png

Primera propuesta de Iconos

listado principal
Iconos 4 - listado - conoce valparaiso listado de etiquetas.png