DVD i s e ñ o V i s u a l

Clase ILe

ngua

je C

ompu

taci

onal

II

diseño visual I Clase uno

NECESARIOS Y URGENTES

Comunidad “Los digitales” http://www.losdigitales.com Blog http://www.lenguaje2.wordpress.com

Slideshare http://www.slideshare.net

Twitter http://www.twitter.com

Flickr http://www.flickr.com

Estos sitios son indispensables para poder estar al tanto en el curso de lenguaje computacional, ya que a traves de estos podemos estar actualizados en los temas que respectan al taller, ya sea subiendo las tareas, las fotos trabajadas, etc.

12

Los Digitales

Es una Red Social de los Diseñadores para Medios Digitales de América Latina y España.

Blog del Wordpress

Es un sistema de gestión de contenidos enfocado a la creación de blogs. Desarrollado en PHP y MySQL, bajo licencia GPL, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS más popular de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos.

34

diseño visual I Clase uno

Slideshare

Slideshare es un espacio gratuito donde los usuarios pueden enviar presentaciones Powerpoint u OpenOffice, que luego quedan almacenadas en formato Flash para ser visualizadas online. Es una opción interesante para compartir presentaciones en la red. Admite archivos de hasta 20 Mb de peso, sin transiciones entre diapositivas.

Twitter

Es un servicio gratuito de MicroBlogging, que hace las veces de red social y que permite a sus usuarios enviar micro-posts (también denominados “tweets”) basados en texto, con una longitud máxima de 140 caracteres, donde se responde a la pregunta ¿Qué estás haciendo?. El envío de estos mensajes se puede realizar tanto por la web de Twitter, como vía SMS (Short Message Service) desde un teléfono móvil, desde programas de mensajería instantánea, o incluso desde cualquier aplicación de terceros, como puede ser Twitterrific, Facebook, Twinkle, etc.

56

diseño visual I Clase uno

Flickr

Es un sitio web para compartir imágenes. Puede usarse como soporte a diferentes comunidades on-line con diferente soporte en plataformas, generalmente es considerado un ejemplo nuevo de la futura navegación Web 2.0. Este popular sitio web sirve como servidor personal para compartir fotografías personales, el servicio es mundialmente usado por bloggers como un repositorio fotográfico. La popularidad en parte se debe a la gran comunidad on-line que accede al servicio, así como a las herramientas que permiten al usuario etiquetar las fotos, y a un explorador de las mejores fotos de la semana. Actualmente, Flickr alberga más de dos mil millones de imágenes.

diseño visual I Clase uno

78

METODOLOGIA

Estrategia Estudio de usuarios

Arquitectura de la Información

Diseño Visual

Diseño Front (producción)

EstrategiaEs como observar. En la estrategia se realiza un Benchmark, en el cual se realizan estudios comparativos con la competencia en relación a sus fortalezas y debilidades.Briefing; aquí se realizan declaraciones del cliente, “Quiero esto”, “me gusta el rojo”, “no tengo fotos”, etc.

Estudio de usuariosMirar cómo se comporta el ser humano.

Arquitectura de la informaciónOrganizar contenidos.

Diseño VisualLo que uno diseña.

Diseño FrontProducción.

¿QUE TE FALTA EQUILIBRAR?

Logística de un proyecto (Brief, Cotizar, etc)

Condicionantes de un proyecto

Benchmark (análisis comparativos)

Modelamientos de Usuarios

Entrevistas

Wireframes

Manuales

Wire FrameAlgoritmo de renderización del que resulta una imagen semitransparente, de la cual sólo se dibujan las aristas de la malla que constituye al objeto. De ahí su nombre.Casi nunca se emplea en la representación final de una imagen, pero sí en su edición, debido a la escasa potencia de cálculo necesaria (comparada con otros métodos).Para conseguir una imagen en wireframe sólo tenemos que tener en cuenta las posiciones de los puntos en el espacio tridimensional y las uniones entre ellos para formar los polígonos.Habitualmente estas imágenes no tienen en cuenta la presencia de luces en la escena.En diseño web, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios.

diseño visual I Clase uno

BRIEFING PARA SITIO WEB

Información General-Nombre de la Empresa:-Su Nombre:-Cargo:-Tipo de Empresa:-Teléfono Fijo:-Celular:-Ciudad: -Correo Electrónico:

Información de la Empresa-Sector o Actividad:-Mercado, Categoría y Segmento:-Descripción de Productos o Servicios:-Número de Empleados:

Información de Posicionamiento-Misión:-Visión:-Posicionamiento Actual:-Posicionamiento Deseado:-Competencia:-Grupo Objetivo/Target:-Fortalezas y Debilidades:

1) ¿Cuál es el propósito principal del sitio web de la empresa? -Lograr un mejor posicionamiento empresarial -Expandir la marca internacionalmente -Aumentar las ventas -Relacionarme con clientes, proveedores y empleados -Otros2) ¿Por qué la empresa necesita un Portal Web? -Para renovar la imagen de la empresa -Porque la competencia tiene -Porque la empresa ha crecido -Otros

3) ¿Qué acciones ha hecho la empresa para darse a conocer? -Tarjetas de presentación, carpetas, hojas y sobres con el logo y los colores que identifican la empresa -Publicidad Impresa -Publicidad Audiovisual -Ninguna

4) ¿Piensa incorporar a su portal web publicidad online (banners) de otros Web?5) ¿En qué idiomas piensa tener su Portal Web? -Español -Inglés -Otros6) ¿Está el contenido para este Portal Web en formato digital? Si es así ¿Qué contenidos tiene? -Logos, marcas -Fotos -Textos -Otros

910

Google Docs (editor de textos, planillas de cálculo y presentaciones) Manejo de Tablas Gantt y Agendas InDesign

¿COMO Y CON QUE? Google Docs

Es un servicio gratuito de Google, que sirve para almacenar y administrar documentos de texto y hojas de cálculo directamente desde Internet, sin necesidad de un programa externo, a través de una Suite Ofimática. Además dispone de un soporte multi-formato para cargar y descargar archivos del mismo de manera distribuida. No requiere instalar nada porque trabaja de forma remota con una interfaz Web.

Tablas Gantt

Es una herramienta gráfica cuyo objetivo es mostrar el tiempo de dedicación previsto para diferentes tareas o actividades a lo largo de un tiempo total determinado.

Software comercial para trabajar con diagramas de Gantt-Officemanger, software de gestión de proyectos bajo una concepción ERP-CRM-SMC-Project, Microsoft Project-GanttProject, software de creación de diagramas Gantt, freeware y multilenguaje