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.
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
Top Related