deseños_iletrados

Interesante estrutura de visualización de noticias na que conflúen cor, tipografía e interés polas noticias dos usuarios. Newsmap http://newsmap.jp/

Revisar as charlas que desenvolve a plataforma tecnolóxica-cultural TED. En inglés e con subtítulos en español John Maeda http://www.ted.com/talks/john_maeda_how_art_technology_and_design_inform_creative_leaders http://www.ted.com/talks/john_maeda_on_design http://blog.ted.com/4-works-from-john-maeda-that-explore-the-intersection-of-technology-art-and-design/ David McCandeless http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization?language=es

Aquí deixo varias URLs para revisar e debatir Bradshaw, Paul. Un modelo para la redacción del siglo XXI http://www.apmadrid.es/images/stories/doc/vapm20100518173045.pdf Cairo, Alberto. Los límietes de la innovación en infografía de prensa. Una propuesta de debate http://www.tdmm2.fba.unlp.edu.ar/TDMM2/malofiej_limitesvisualizacion.pdf Esteban, Chiqui. La infografía en los medios: del gráfico al productor multimedia. http://www.apmadrid.es/images/stories/Publicaciones/91-98INFOGRAFIAS.pdf García de León, Alicia. Etapas en la creación de un sitio web. http://eprints.rclis.org/5474/1/T14-01.pdf Lamarca Lapuente, María Jesús. Diseño de una página web. http://www.hipertexto.info/documentos/diseg_web.htm   Nieto Redruejo, Julián e Rubio Romero, Juana. Narrativa transmedia y herramietnas digitales: hacia una alfabetización de los profesionales de la comunicación http://www.icono14.es/actas/index.php?conference=2csd&schedConf=3csd&page=paper&op=viewFile&path[]=8

Esquema traducido por Andrés Salgado sobre o proceso de traballo para a creación dun sitio http://awebsitedesigned.co/A-Website-Designed-Infographic-Spanish.pdf http://visual.ly/website-designed

el arte de la tipografía en la web http://www.mas-que-dibujitos.com/Blog/category/tipografia/ a basic look at Typography in Web Design http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ tendencias y buenas prácticas en tipografía web http://tipografiadigital.net/tendencias-y-buenas-practicas-en-tipografia-web/

Comprensión de la jerarquía visual en diseño http://webdesign.tutsplus.com/es/articles/understanding-visual-hierarchy-in-web-design--webdesign-84 10 Principles of Effective Web Design http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/ Shane Snow, xornalista-tecnóloga https://shanesnow.contently.com/   Diseño web no es arte http://albertolacalle.com/diseno/artistas.htm  Alberto Lacalle, deseñador http://albertolacalle.com/ UX Designers vs Web Designers [Infographic] http://designbeep.com/2013/09/07/ux-designers-vs-web-designers-infographic/  Web Designers Vs. Web Developers (INFOGRAPHIC) http://www.huffingtonpost.com/2010/11/16/web-designers-vs-web-developers-infographic_n_783854.html

Aquí van 2 URLs: Unha que presenta unha colección de blogs ben deseñados http://www.hongkiat.com/blog/100-nice-and-beautiful-blog-design/ Outra, que fala de como aproveitar un blog para un determinado proxecto http://alt1040.com/2012/08/blog-proyecto?utm_source=self&utm_medium=nav&utm_campaign=Relacionados

http://www.paper-leaf.com/blog/2010/01/color-theory-quick-reference-poster/

A imaxe recolle os distintos apartados dunha páxina con HTML 5. Unha estrutura coa que se vai traballar nas clases.

Unha URL interesante con recursos, estándares, programas, aplicacións, etcétera en forma de mapa conceptual, elaborado polo profesor catalán Lluís Codina http://www.mindomo.com/es/view.htm?m=9aab0edfbe3a4a939ee2eef58dc1e578

Fálase últimamente de deseño web receptivo, sensible, que reacciona... antes era deseño líquido, dinámico, adaptable...  na procura dun deseño flexible e axustable á experiencia do usuario nun entorno no que, en principio, cada internauta xoga con ferramentas, aplicacións, aparellos, navegadores, etcétera distintos. Estamos fronte un espazo cambiante que non se suxeita ás dimensións e formatos que presenta o medio impreso. Unha das primeiras persoas en falar dun Deseño Web Reaccionante ou Responsive Web Design (tradución moi libre) foi o programador Ethan Marcote, en: http://alistapart.com/article/responsive-web-design En español, traducido por Marcelo Mazza http://diseñowebresponsivo.com.ar/ Algo máis sobre o asunto: Introducción al Diseño Web Adaptable, por Juan Díaz-Bustamante http://www.emenia.es/diseno-web-adaptable-o-responsive-web-design/ Diseño Web Adaptable https://developer.mozilla.org/es/docs/Desarrollo_Web/Web_adaptable Responsive Web Design I

Proceso de trabajo. Fases. Ciclo de vida del desarrollo web Fuentes: Hassan, Yusef; Francisco J. Martín Fernández e Ghzala Iazza . “Diseño Web Centrado en el Usuario: usabilidad y arquitectura de la información” [en liña]. Hipertex t.net, 2004. < http://www.hipertext.net/web/pag206.htm > Lamarca Puente, María Jesús. “El nuevo concepto de documento en la cultura de la imagen” [en liña]. Hipertexto , 2011 (última actualización). < http://www.hipertexto.info/ > McIntire, Penny: Técnicas innovadores de diseño Web , Madrid, Anaya Multimedia,(as 4 imaxes incluidas pertencen a este libro).

Tecnología Problema general -          visualización del color y la fuente: navegadores, monitores, sistemas -          resolución pantallas -          ajustes monitores Tecnologías cliente: - Navegadores Validación sitios herramientas W3C. Probar sitios con navegadores y sistemas operativos. Intentar saber el público objetivo como funciona - HTML, que ya está en la versión HTML5 (Para ver código HTML de la página, pulsamos en el botón derecho en la página y seleccionamos Ver código fuente) - Hojas de Estilo en Cascada (CSS) - Lenguajes de scripts: JavaScript y Microsoft VBSript - Adobe Flash y otros programas como: - Multimedia: o        vídeo, audio. Nunca reproducción automática o        Audio (MIDI, WA, MP3, ogg, etc.) o        Video (AVI, MPEG, MOV-quickTime, etc.) o        imágenes, Gif, JPEG, PNG, SVG (Gráficos Vectoriales Escalables) http://w3c.es/Divulgacion/GuiasBreves/TecnologiasMultimedia Los archivos: tipos, extensiones y programas pa

Quería subir un arquivo, pero como Blogger non o permite directamente, subo en distintas entradas o primeiro material que queremos que revisedes. Componentes básicos de diseño    Necesidad de esos elementos: -          fácil mantenimiento -          atractivo visualmente -          fácil de utilizar -          técnicamente sólido Contenidos: -          Razón principal -          Es lo que buscan los usuarios -          Influyen en la permanencia en el sitio -          Influyen en el regreso al sitio Arquitectura del sitio: -          Estructura y significado. Aspecto visual. Comportamiento (interacción) o        Evidencia. Fácil, que no haga pensar. Intuitiva o        Velocidad. Control tamaño. No más de 3 clics. Sistema navegación claro o        Retroalimentación. Avisar cambios, avisar procesos. Explicar descargas (animación flash) (la música de fondo en el teléfono, algo desagradable, pero avisa de una acción) o        Exact

Espazo para explorar o deseño hipermedia Programa para traballar con HTML e CSS NetBeans IDE 7.2.1, http://netbeans.org/downloads/ Interesante explorar cousas sobre: HTML 5 http://www.w3.org/html/wg/drafts/html/master/Overview.html A Preview of HTML 5 http://alistapart.com/article/previewofhtml5 HtML5 introduction http://www.w3schools.com/html/html5_intro.asp Manual de HTML5 en español http://www.htmlcinco.com/manual-html5-en-espanol/ HTML5 y CSS3 tutoriales http://html5tutoriales.com/ Los 20 mejoes recursos para Aprender HTML5 desde cero http://nubedeideas.wordpress.com/2012/05/07/los-20-mejores-recursos-para-aprender-html5-desde-0/