Sitio Web con diseño deficiente

https://dl-web.dropbox.com/get/Public/Sin%20t%C3%ADtulo-1.pdf?w=f6462990

Lay Out

La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

Estrictamente, el acto de maquetar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa (preparación para impresión), prensa (impresión) y post-prensa (acabados).

Lo primero que hay que hacer, antes de hacer un layout, es tener claro como va a ser nuestra página y que funcionalidad le vamos a dar, se recomienda sobre todo en las primeras veces, hacer un boceto en papel, y luego llevar a cabo nuestro diseño, así sabremos, por ejemplo, la cantidad de botones que se va a necesitar, este es un tema muy personal, así que cada uno diseñe su sitio a su gusto. En un principio, lo normal es hacer la pagina como si se tratase de un dibujo, con nuestro programa PSP, es decir, tenemos que hacer la página, tal y como queremos que se vea, incluyendo botones, imagenes, etc...

Layout Paginas

Capitulo 1 Libro guia

Muy interesante el capitulo, da una buena introduccion a la creacion de paginas web y asi, a los metodos para realizarlas tomando en cuenta algunos tips que nos dan alli, tales como que se debe pensar como si se estuviera viendo desde otro punto la pagina, mantener una buena identidad grafica en toda la pagina, que se debe hacer html etc. Creo que es algo muy general para comenzar con un proyecto asi, pero puede dar forma a un bue arranque en el. 

Analisis Infografias

Porsche: Muy bien lograda la composición y todos sus elementos están organizados adecuadamente para dar de una Buena forma la información. Las líneas roja y negra son la que dan la identidad al producto y se reconoce en cuanto se ve y es usada de una forma muy inteligente como línea de tiempo curva. En los datos técnicos, hay algunos isotipos que no representan adecuadamente lo que se quiere lograr.

Beisbol: Aunque los colores tratan de representar un campo de beisbol en el fondo, el tono del verde no funciona del todo bien y puede confundir un poco, la tipografía es bien legible, simple y va de acuerdo a la infografía, algunas de las graficas de los elementos del beisbol, pierden importancia por culpa de su tamaño y casi no se logran ver, es buena la forma que se uso para representar los lugares en el campo y es fácilmente entendible

Películas de terror: Aunque tiene una grande y larga línea de tiempo, creo que por la cantidad de figuras que hay allí, como círculos, cuadrados, óvalos, etc. Se puede confundir al lector fácilmente y esto no ayuda a seguir una constante lectura de la infografía, aparte la combinación entre imágenes reales y vectores no se llegan a ver del todo bien.

Emporio Zara: Los colores, objetos representativos, paleta de colores usada y demás, hacen ver muy bien a la marca y van de acuerdo a ella, lo que hace fácilmente reconocible a simple vista, aunque la información parece un poco dispersa y algunos de los mensajes que se quieren representar allí no son muy claros.

Curiosidades felinas: Impacta mucho desde la primera vista, ayuda mucho sus excelentes ilustraciones y va muy acorde con lo que se quiere mostrar, aunque son muchos tips los cuales algunos de ellos no tienen nada que ver con el otro, se ve muy unido todo esto y logra dar la información que se quiere. Parece tratar de mostrar algo tierno y lo logra de una muy buena manera. Aunque la fuente tipográfica es muy acorde con todo esto, en algunos casos se vuelve un poco ilegible, sobretodo en el titulo.

Cupcakes: La parte grafica esta muy bien lograda y va muy de acuerdo con lo que se esta mostrando, me parece que se logra el objetivo al mostrar la cinta donde se crean los cupcakes, y le da un buen toque a la infografía, se ve muy bien. Tiene varios fallos en la parte tipográfica, algunos títulos e informaciones se pierden por el color y el tamaño.

Phineas y Ferb: Resuelve de una muy buena manera al mostrar todos los personajes de la familia o al menos los mas importantes en una especie de árbol genealógico el cual su paleta de colores e ilustraciones son perfectamente hechos a la medida del programa y de verdad parecen de allí, los carteles están bien ubicados y dan la información necesaria y deseada. La sección de abajo, que son las debilidades de ellos, parece un poco apartada de la infografía y no parece de allí.

Partes afectadas del cerebro: Aunque tiene una buena línea de tiempo y explicación de las diferentes drogas, creo que no está del todo compacto y se pierden muchos elementos. Es muy informativo y se logra lo que se quería al haberlo hecho de esta manera y no de una forma preventiva y que pueda asustar a los lectores, la textura del fondo no se ve del todo bien y parece más que todo sucia.

Residente evil: La paleta de colores, la escogencia del adn de la línea de tiempo que van hacia el logo de umbrela, están muy bien logrados y de verdad parece de los videojuegos o películas. Lo malo es la cantidad de información y la longitud de ellas, ya que estas pueden fatigar al lector.

Café: Aunque tiene una paleta de colores simple, va muy de acuerdo con lo que se esta mostrando, estos colores tierra ayudan a hacer el ambiente de los cultivos y demás, aunque todo es muy simple contiene un 3D que lo hace ver de una mejor manera. La letra blanca de los globos y el tamaño de ella la pueden hacer perder dentro de estos.

MTV: La parte grafica de la infografía está muy bien lograda y justificada, nada mejor que representar esta marca con un televisor y las líneas del fondo mejoran este concepto, aunque algunos de los elementos dentro de la pantalla se pueden perder por su tamaño y pasar desapercibidos, el logo de mtv con el cuadro blanco, podría estar un poco mas pequeño para que no se lleve toda la atención de primera.

De Riddle a Voldemort: Gráficamente es muy agradable y aunque Harry Potter no es una película animada, creo que esta sería una buena forma de representarlo de tal manera. Los colores van muy bien con la película y son totalmente representativos de ella. La línea de tiempo esta muy bien hecha y sus isotipos representan muy bien cada objeto, aunque el 7 grande no sea muy representativo de este tema.

Gibson: El fondo va perfectamente con el tema de la guitarra, esta bien logrado, aunque la tipografía, sobretodo de los títulos es un poco confusa y se podría organizar de una mejor manera para no confundir al lector y algunas de ellas se pierden en el fondo por su color.

Pirateria: La bandera, algunos iconos y una parte del título muestran de muy buena forma este tema y se puede hacer reconocible muy fácilmente aunque no tenga un logo definido. La franja que hay entre el titulo y la información parten en dos la infografía y parecen totalmente separados.

SOPA: Aunque de esto no trate la palabra y sean solo siglas de otro tema, creo que es muy difícil leerlo y no pensar en un plato de sopa, la infografía se aprovecha muy bien de esto y lo toma para su beneficio, ubicando muy bien la los textos dentro de todos los objetos, eligiendo una muy buena paleta de colores y aunque corta, da una buena información y básica sobre el tema. Hay una parte de la información que parece estar mal ubicada y esta fuera del contexto.

Infografia

Bocetos Infografias

Que es una Infografia?

Diria yo que es una representacion grafica de algo que queramos comunicar, transmitir, mostrar y que nos ayuda a explicarlo de una forma "sencilla" y mas dinamica al usuario. El uso adecuado y la buena diagramacion que se da en ella, creo que es clave para lograr este obejtivo. Para esto no solo nos ayudaremos de imagenes, dibujos, señalizacion, si no que también podremos usar texto que podria servir de guía para navegar por ella. Aparte de esto por medio de una infografia, se podra mostrar dicha información de una manera mas llamativa que mostrarlos solo en un texto aburrido y cuadrado. Aunque cada uno de los elementos que hay alli deben estar justificados y debe hacer alguna razon valida para que hagan parte de la composicion y esto no distraiga al lector.

Mi experiencia en internet

Sin computador en mi casa y solo cada año que iba donde un tío a Medellin, podía acceder a esta grandiosa herramienta, tenia entre 8 y 11 años y como todo niño solo lo buscaba para jugar, pero allí pude conocer lo que era el Internet y dar solo una probada a lo que era ese mundo. Al tiempo, por fin llego a mi casa, un computador de los mas nuevos, en ese tiempo con Windows Xp y lo que no podía faltar el Internet. Que en ese tiempo era una conexion extremadamente lenta, conectada por medio de un cable de teléfono, donde uno tenia las frustraciones mas grandes cuando alguien llamaba, en fin, con esto crecí y "cacharriandolo" día a día, aprendí demasiado a usarlo. Ahora creo que sin el Internet, no podría vivir, ese es mi diario al llegar a la casa y ahora aun mas con las redes sociales, mensajería instantánea, descargas, música, películas, televisión, un sin fin de usos que se le puede dar es la distracción y pasatiempo mas grande que tengo.