Design Canda: El sitio web propio de un sitio de diseño.

El sitio Design Canda, lo clasifico como propio de un sitio de diseño porque a mi criterio cumple con la mayoría de las características propias que deben seguir para el diseño y desarrollo de un espacio de interfaz.

Cuenta con estética bastante simple que brinda toda la información que debemos conocer acerca de este proyecto mediante un sitio web, no posee información de más ni de menos de la que necesitamos para la correcta comprensión de lo que se quiere informar en el sitio.

Posee una identidad única basada en la trama de la película (documental) que el sitio presenta, con un diseño original, atractivo y totalmente armonioso a todo el conjunto del sitio, posee unas bastas imágenes que incitan a la curiosidad pero tratadas muy delicadamente en cuanto al tamaño y color para que no sean una molestia visual. Logotipos acorde al diseño de entrada principal que hacen contraste con el fondo negro, un fondo que junto con las animaciones que se producen en el al cliquear en diferentes entradas del sitio, generan en el observador una especie de sensación de estar inmerso (dentro) en el sitio.

El pase de diapositivas requiere JavaScript.

El diseño del color del sitio está basado en colores primarios y secundarios con predominio de los primarios y en especial del rojo, haciendo contraste con los fondos negros y blancos de las distintas entradas y el contraste de estos últimos dos para darle cierta importancia a los escasos y breves textos que nos ayudan a entender sobre que trata el sitio. Y junto con esto damos cuenta de una correcta legibilidad, además de la jerarquía mediante los distintos tamaños de letra y la tipografía simple que utiliza para poder comprender de manera fácil lo que se indica. Sin dejar de lado la belleza de las letras tratadas en su máxima expresión sin ser suavizadas para poder ser legibles cuando se trate de letras en tamaños reducidos.

El pase de diapositivas requiere JavaScript.

También posee consistencia en las palabras y elementos de diseño que indican las funciones que brinda la web, aportando al usuario una fácil y rápida comprensión de cómo se maneja el sitio. Siendo consistente en aquellos elementos distintos pero similares entre sí como la estructura del menú, de los subtítulos dentro de las entradas diferenciando una entrada de un contenido de la misma y de ese contenido diferenciando el título del texto propiamente dicho.

Este sitio, hace un correcto uso de las metáforas y de los objetos que son de carácter estándar para brindar correcta información que dé a entender hacia donde se dirige el sitio, facilitar la interacción y la navegación del mismo.

hjh.png

Y si seguimos hablando de la interacción, podemos encontrarnos con otra característica del buen diseño de interfaz que posee este sitio, reconociendo en él, la utilización del lenguaje para los usuarios y no solo de los que entienden de diseño sino también para aquellos que no conocen mucho pero que con el sitio pueden llegar a saber de que se trata todo el bello mundo del diseño. y no solo lo hace esto posible a través del lenguaje sino también a la claridad que brinda el sitio para el desenvolvimiento del usuario dentro del mismo, minimizando el proceso del sistema priorizando el aprendizaje.

Se utilizan objetos grandes para las funciones importantes que se abren rápidamente, además de una sola barra de herramientas que proporciona facilidad al manejo del sitio. Y si bien le faltaría comunicar el tiempo de espera entre una acción y otra, es un sitio que por su organización se hace rápida la interacción.

klo

 Es de fácil navegación ya que esta es clara e intuitiva, es fácil recuperar la información no posee enlaces rotos y tiene una carga rápida de toda la página. En ella se realizar tanto una operación rápida como buscar una información concreta o explorar el sitio ya que posee varios caminos que dejan al usuario a disposición la investigación del sitio y todas sus entradas.

Este es un sitio muy bien elaborado que nos alienta a analizarlo y poder ver que todas la características de un correcto diseño de interfaz se encuentran en él.

A continuación lo dejo a su disposición para que puedan explorarlo y comprobar todo lo mencionado anteriormente ustedes mismos: https://designcanada.com/

Y un trailer del documental, para poder entender que toda la estética del sitio esta basada en la misma.

 

 

 

Paréntesis Digital

Hoy en día, el avance de la tecnología, ha permitido que podamos estar todo el tiempo desde cualquier lugar conectados a la red y con otras personas a través de las tan conocidas redes sociales que no solo difieren en el consumo sino superior a esto, en el pensamiento diciplinar. Basta solo con tener un smartphone o Teléfono inteligente, para ser parte de esta masiva red de comunicación, dichos aparatos se han convertido en el centro de nuestras vidas, desde donde manejamos y controlamos todo.

    • Este vídeo, cuenta de manera rápida y sencilla, lo explicado anteriormente,como llego el Internet a nuestras vidas y en que se ha convertido paranosotros.

La propuesta de un «Paracentesis Digital» consiste buscar instrumentos apropiados, como pantallas, tabletas, lapices ópticos, medios de captura, vídeo, fotos, impresoras 2D y 3D, entre otros para realizar una adecuada aplicación de la tecnología junto a nuestros pensamientos y acciones, para una correcta reflexión y conceptualizacion de las que se generan las producciones proyectuales, artísticas, compositivas, creativas y los diseños.

  • A continuación, el siguiente vídeo, muestra como ha sido utilizada la
    tecnología mediante la reflexión y conceptualizacion de la misma (paréntesis digital)Para la producción y edición de un vídeo musical.

Modelado 3D

El modelado 3D es el proceso de desarrollo de una representación de cualquier objeto tridimensional a través de softwares especiales, llamados modeladores. Que aporta al estudio de las formas flexibilidad, ligada a animar imágenes  más rápido, La facilidad de representación , Y el fotorelismo preciso para menos posibilidades de error humano en el desarrollo del modelado. Al resultado del proceso se lo conoce como modelo 3D y  puede ser visualizado como una imagen bidimensional mediante el renderizado 3D. Este también puede ser creado físicamente gracias a las impresiones 3D. Esto hablando en el campo de los Medios Digitales pero también el modelado 3D puede darse manualmente mediante las artes plásticas o la escultura. Existen 4 Tipos de modelados 3D:

  • GEOMÉTRICO: El objeto se define según su estructura espacial y la relación existente entre sus elementos. Estos pueden ser: Malla de alambres – Mallas poligonales – Superficies de forma libre y Solidos. Existen tambien modos de modelado geometrico: Solidos Primitivos, Metodos de barrido, Box modeling, Modo escultura, Escaneo 3D y Fotogrametria.

    El pase de diapositivas requiere JavaScript.

  • PARAMÉTRICO: Los objetos se definen por variables numéricas, que guardan una relación entre si. Este tipo permite un alto grado de manipulación de las formas.

    El pase de diapositivas requiere JavaScript.

  • PROCEDUALES: Limitan las formas de la naturaleza y se basan en leyes que gobiernan las formas y su comportamiento. Se dividen en : Fractales – Sistema de Partículas – Gramaticales.

    El pase de diapositivas requiere JavaScript.

  • FÍSICOS: Para objetos cuyo aspecto deriva de propiedades físicas. Simula el comportamiento realista de los objetos. Posee restricciones según el objeto a representar.

    El pase de diapositivas requiere JavaScript.

 

Video IMD 2018 – «Cultura Maker»

Para finalizar el trabajo practico N°3, realice un vídeo en un software llamado, Sony Vegas. Basado en el concepto de cultura maker, ya explicado anteriormente. Siguiendo con mi Storyboard. Le agregue una introducción para que se diera a entender mejor la idea, y luego una melodía que coincidiera con el vídeo y su estructura. La trama del vídeo, la realice en sketch up y la edición del mismo, en el software nombrado anteriormente.

Storyboard

En continuidad con el trabajo practico N° 3, cree una Ilustración gráfica en secuencia, llamada storyboard, para pre-visualizar mi futura animación en formato de vídeo, que me debe servir como estructura del mismo para poder luego realizarlo. Para el desarrollo de la misma, cree escenas en sketch up y seleccione algunas con los momentos mas claves de mi animación para crear mi Storyboard.

story.jpg

Proceso de Agrupamiento

Para este proceso y segunda parte del TP, realice una sucesión del mismo elemento en hileras, algunas de ellas rotadas de su posición original, las cuales se unieron por uno de sus vértices, luego elimine algunos de los elementos, des-materialice otros y a los opacos los definí con una trama de engranajes. Todos ellos, formaron mi espacio virtual junto a un elemento rojo, que corte con lo monocromático y formal de mi proyecto.2tp.jpg

Luego a toda la trama, la intervine con otros estilos, para poder luego hacer mi vídeo de una forma mas dinámica.

El pase de diapositivas requiere JavaScript.

Modelado 3D

En esta primera parte del trabajo N°3 realice un modelo 3d a traves de Scketch up, basandome en el concepto de Cultura maker, que como es muy amplio, decidi interiorizarme en el, y utilizar el concepto alternativo a este «ensamble» Creando esta especie de ensamble entre mi forma que posee un volumen y que en todo el conjunto es similar a un cuadrado. 1tp

Trabajo Practico N°3

El trabajo práctico número N°3 consiste en poder transmitir el concepto investigado anteriormente en el trabajo practico N°1 a partir de la realización de un vídeo, el cual se basa fundamentalmente en el agrupamiento de un elemento principal, también combinado con otros secundarios para generar una trama que se relacione con el concepto.

Crea un blog o un sitio web gratuitos con WordPress.com.

Subir ↑

Diseña un sitio como este con WordPress.com
Comenzar