Diseño Web con PowerPoint y Excel
agosto 3, 2008
Curioso ver como utilizamos las mismas herramientas pero con diferentes fines, como Fael comento en alguna ocasión. En este caso usar la suite Office no sólo para “labores de oficina”, sino para un proyecto de diseño web profesional.
El primer ejemplo viene por parte de Usolab con el uso de Powerpoint para crear diagramas que representen una arquitectura de información. En sus palabras:
“Office 2007 ofrece como novedad respecto a versiones anteriores un sistema para crear diagramas que es eficiente, cómodo de mantener y con un aspecto final fácil de modificar a partir de plantillas predefinidas y opciones propias.
Aunque aún no hemos probado su escalabilidad en proyectos reales con grandes arquitecturas, sí que nos resulta útil para generar diagramas rápidos para ilustrar puntos en presentaciones o documentos.”
Un video de lo sencillo que es usar ésta herramienta de Microsoft para este propósito.
El segundo caso es de Design Collection en “Using spreadsheets to brainstorm grid layouts“. David Yeiser utiliza Excel para crear bocetos de maquetas basados en retículas, principalmente por ser una forma sencilla de manipular las medidas de las columnas y corondeles, además de encontrar una solución rápida para conocer la suma de ellas.
“Como puedo representar digitalmente una retícula que fuera lo suficientemente flexible para que de una manera sencilla cambie las medidas de anchura y número de columnas? que tal una hoja de calculo.”
Sólo falta un uso para Word para tener una suite de herramientas para el “maquetado” de páginas web, supongo que de momento queda relejado para la redacción de los contratos.
Todo esto demuestra que no existe una herramienta definitiva e ideal para un tarea, son simplemente eso, herramientas. Como bien diria Mark Boulton “diseñar no es sobre herramientas” así que no le hagan caso a 37signals (es este aspecto, claro).
One Page Love, sitios de una sola página
julio 29, 2008
Siguiendo con este día de posts cortos se me hizo interesante recomendar esta galería llamada One Page Love, su nombre es bastante claro en lo que encontraremos, sitios de una sola página.
Con tanta información que se genera en Internet seguro más de uno se preguntara que sitios serán útiles para contar con solamente una página, y la respuesta es que son muchos los casos: para presentar un producto o servicio (el editor de texto para desarrollo Web CODA es un extraordinario ejemplo), un portafolio (la mayoría), conferencias, etc.
En One Page Love también cuenta con una selección de las “mejores” diseñadas para conocer cuales le sacan mejor provecho a este recurso.
Sitios Similares:
Diablo III, el juego, su sitio, artworks, etcétera…
junio 29, 2008
“Han pasado dos décadas desde la última vez que las criaturas infernales Diablo, Mefisto y Baal deambularon por el mundo de Santuario sembrando muerte y desolación con el fin de encadenar a la humanidad a una impía esclavitud. Sin embargo, la memoria de aquellos que lucharon frente a frente contra los ejércitos de la perversidad se desvanece lentamente y las heridas del alma aún escuecen.”
Sí, ya todos hablaron del anuncio que ha hecho Blizzard, Diablo III. La verdad no me pude resistir para hacerlo también, sobre todo de este juego que me ha dado tantas horas de “sana” diversión, igual que Starcraft. Diablo I nunca lo termine, ni recuerdo el porqué y con Diablo II si me envicie, aún cuando todo es click, click, click con el ratón.
Al parecer llevan cerca de cuatro años trabajando en esta tercera entrega y por palabras del co-fundador de Blizzard “aún están en una etapa temprana de desarrollo“. Así que la calidad del juego está casi asegurada.
Una dato interesante en esta entrega, hablando ya de lo que es el juego, es que podremos escoger entre cinco clase de personajes, cada una con la opción de hombre y mujer, aunque por el momento sólo dos clases se han publicado en el sitio. Yo espero que estén un poco mejor balanceados que en la segunda parte, que tampoco es que estuviera muy desproporcionado, pero si mejorable.
A mi me han gustado bastante como están quedando los escenarios, mucho detalle y todo. Ya leí un par de comentarios que creen que hay demasiada similitud con WOW y la verdad no veo nada de eso, por los vídeos que he visto la estética del juego sigue muy bien conservada.
Página Oficial
Una de las cosas que más me impresiono y gusto de todo el lanzamiento fue el diseño del sitio ofical. El nivel de detalle de cada página es de admirar, con ilustraciones espectaculares de fondo y sobre todo con información interesante bien presentada. De hecho te puedes pasar más tiempo descubriendo el sitio que viendo las propias imágenes del juego.
Destacar también que todo lo podemos encontrar en español (y otros idiomas), incluyendo los videos y la propia FAQ. Lo que daría que todos los lanzamientos fueran así, en lugar de sólo colocar una imagen del juego y la leyenda “Coming Soon”.
Intente buscar información más detalla sobre las ilustraciones (artworks) que están en el sitio, pero nada, seguramente todo esta bajo cargo de Brian Morrisroe, el director de arte de este tercera parte.
Lo único que no me gusta de estos juegos de Blizzard es que se te pasan las horas volando, pierdes la noción del tiempo y se te olvidan las cosas que tienes que hacer, y cuando estas por terminar la “partida” te quedas con ganas de más, con Starcraft II y Diablo III parece que esto continuara.
Trailer oficial en español. Espectacular CGI.
Algunos enlaces de interés:
- Los videos del juego en Gametrailers. Todos los videos prácticamente los vi por acá, ya que en el sitio oficial es medio lenta la cosa. En Youtube también están todos, incluyendo lo que están en español.
- Joystiq chats with Jay Wilson on Diablo 3. Entrevista en inglés al diseñador del juego Jay Wilson.
- Comunidad Diablo. Un sitio de gente que sigue de cerca estos juegos.
- Pagina oficial Diablo III
¿Cuál será la siguiente tendencia en el diseño web?
junio 2, 2008
En Creative Curio hace días se hicieron una interesante pregunta “What will be the Next Trend in Web Design?“. En el comentan que posiblemente la gente se este cansando de ese llamado diseño web 2.0. En lo personal la única constante “visual” que yo vi en los llamados sitos 2.0 fue colocar “beta” a lado del logotipo, ya que Last.fm de Myspace existe un mundo de diferencia en lo que respecta al diseño. Pero según la guía “Web 2.0 design” ésta tendencia se caracteriza por:
- Simplicidad
- Diseños centrados
- Pocas columnas
- Secciones separadas
- Navegación simple
- Logos con un fuerte peso visual
- Gran Tamaño de Texto
- Gradientes
- Reflejos
- Iconos “cute”
- etc.
Repito, a mi más que un estilo-tendencia 2.0 se me hace una evolución natural del diseño web por la adaptaciones y usos de “nuevas” tecnologías, como lo fue en su momento remplazar las tablas por CSS.
De cualquier forma es interesante ver como ciertos temas empiezan a ser predominantes en algunos sitios, hace poco You the Designer recopilo páginas usando al espacio como principal fuente de inspiración, “New “Out of This World” Trend in Web Design“, posiblemente se deba a la salida de Leopard por parte Apple y toda esa campaña “estelar”.
Será cosa de tiempo para ver sí hay alguna tendencia que realmente imponga ciertos patrones de diseño, sólo espero que jamás lleguen al extremo como las páginas de QuéWeb!. Aunque últimamente veo que ya se le da una importancia grande al uso de la tipografía.
Otros artículos de interés:
- What will be the Next Trend in Web Design? | Creative Curio
- Web 2.0 for Designers | Tommy Logic
- New “Out of This World” Trend in Web Design | You the Designer
- More Web Design Trends & Cliches | Modern Life
Videos de lo nuevo de Dreamweaver CS4 y Fireworks CS4
mayo 28, 2008
Supongo que se han enterado que se puede descargar las versiones beta de lo que será Dreamweaver CS4, Fireworks CS4 y Soundbooth CS4, aunque para esto tendrás que tener copias legales de las versiones actuales para poder usarlo más de 48 horas.
Pero si no quieres descargar nada, en Adobe.Tv (vía Maestros del Web) han subido varios videos para presentar las novedades de estos CS4. De lo mejor que he visto en estas presentaciones es el uso de Webkit (el motor de Safari) que usara Dreamweaver para previsualizar las páginas y la nueva interfaz de Fireworks, que se asemeja más a la familia de Adobe, entiéndase, Photoshop.
Blogs dedicados a los programas de Adobe
mayo 7, 2008
Son varias las herramientas de Adobe que uno debe usar a diario, pero posiblemente tengamos alguna preferida o en la que queramos especializarnos aún más. Se me ocurrió hacer una pequeña lista (como casi no me gustan) de blogs de calidad enfocados a los programas más usados de Adobe, donde encontraremos información útil para sacar mejor provecho de ellos.
Actualizado 15/05/08. Trate encontrar de After Effects y Dreamweaver pero nada, por lo tanto si me olvido de alguno pueden mencionarlo para agregarlo.
Illustrator
AiBURN
Es un sitio dedicado al mundo vectorial de Illustrator, podremos encontrar artículos muy bien ilustrados, enlaces a recursos y tutoriales que hay en Internet.
Encontramos: Tutoriales
Vectips
Este blog ya lo había recomendado pero no podría faltar. Es bastante nuevo pero al igual que AiBurn ofrece artículos bastante útiles y sobre todo bastante ilustrados, además de comentarnos pequeños tips que seguramente pocos conocen.
Encontramos: Tips, tutoriales
AiVault
Un blog dedicado completamente a recursos vectoriales, en especial los que podemos usar en Illustrator como pinceles, iconos, botones, etc. También podemos encontrar uno que otro tutorial.
Encontramos: Recursos, Noticias
IllustrationClass
En realidad es lugar dedicado a la ilustración, pero siempre utilizando Illustrator como herramienta principal. Sin duda uno de los mejores sitios para conocer el proceso de una ilustración profesional.
Encontramos: Artículos, tutoriales
iStockdiary
Un blog de Tony Soh, un ilustrador vectorial exclusivo de iStockphoto. El comparte algunas de sus técnicas que utiliza en las creación de sus diseños.
Encontramos: Tutoriales, recursos, enlaces
Fireworks
Firetuts
Un blog sobre la herramienta por excelencia (para algunos) en la edición y creación de gráficos enfocados al diseño web.
Encontramos: Artículos, tutoriales
After Effects
Video Copilot
Andrew Kramer es un experto de After Effects, en su sitio inclusive puedes comprar tutoriales avanzados para este programa, aunque no es necesario ya que cuenta con muchos que puedes ver gratuitamente. Dato del elBarbón, gracias.
Encontramos: Noticias, tutoriales
ayato@web
A falta de blogs de After Effects debo colocar este sitio imprescindible para aprender más del programa. Ayato es sin duda donde mejores tips y tutoriales podemos encontrar. Dato por Skeku.
Encontramos: Tips, tutoriales
Flash
The Flash Blog
Este espacio viene de la mano de uno de los expertos más conocidos de este programa, seguro más de uno conoce su otro sitio gotoAndLearn ,donde se encuentran algunos de los mejores tutoriales para Flash.
Encontramos: Noticias, artículos, tutoriales
unijimpe [es]
Aunque es un blog enfocado al diseño y desarrollo Web se habla bastante de flash y su lenguaje de Programación, el famoso Action Script.
Encontramos: Recursos, tutoriales, noticias
klr20mg [es]
“Mi experiencia con Flash data desde el año 2001, desde entonces hasta el día de hoy toda mi carrera profesional ha sido dedicada a Flash integrándolo con lenguajes externos (PHP, XML, SQL)”
Encontramos: Artículos
zeuslabs
Josh Tynjala es un profesional en Action Script viviendo en Silicon Valley. El trabaja para Yahoo! donde desarrolla componentes para Flash y Flex.
Encontramos: Artículos, tutoriales, noticias
Photoshop
PSDTuts
Aquí encontraremos extraordinarios tutoriales y artículos, sin ninguna duda se ha convertido un lugar de referencia para la comunidad que utiliza Photoshop.
Encontramos: Artículos, tutoriales
PhotoshopSupport
De los sitios más conocidos. Noticias, artículos, enlaces y tutoriales son algunas de las cosas que manejan. Sin embargo es todo un sitio, no sólo un blog.
Encontramos: Noticias, enlaces, artículos, tutoriales
PhotoshopDisasters
Un blog no muy técnico, más bien para pasar el rato, ya que conoceremos los errores en los diseños que pueden ocurrir con una herramienta de edición, digo, el nombre del sitio es más que claro.
Encontramos: Malos diseños
Photoshop Extremo [es]
De los pocos blogs en español dedicados a alguna herramienta de Adobe. Tutoriales, recursos y otros menesteres podremos encontrar.
Encontramos: Tutoriales, noticias
PhotoshopTutor
Un sitio bastante similar a PSDTuts con muy buenos tutoriales y bastante ilustrados, lo menciono por si el inglés no se te da mucho o pueda ser un problema.
Encontramos: tutoriales
PhotoshopUser TV
Más que un blog podríamos tomarlo como un videoblog. En los videos nos enseñaran tutoriales y noticias del programa, además de estar conducidos por expertos certificados. Por el barbón también.
Encontramos: videotutoriales
Tutorial 9
Este es relativamente un nuevo sitio, pero creciendo rápidamente. Tienen una sección llamada School of Photoshop que puede servir de mucha ayuda a los recién iniciados en este programa.
Encontramos: Tutoriales
PS HERO
Un sitio a la PSDTuts, con buenos tutoriales como: efectos para texto y fotografías, trucos y consejos, etc.
Encontramos: Tutoriales
InDesign
InDesign Secrets
Artículos, noticias, tutoriales, enlaces y recursos para el programa para la diagramación. La alternativa a QuarkXpress que alguna vez fue el único programa para estas labores.
Encontramos: Conejos, noticias, artículos
InCopySecrets
Incopy es un procesador de texto de Adobe para editar, valga la redundancia, los textos que usaremos en los documentos de Adobe Indesign, en este blog comentan consejos para sacar más provecho a este programa poco conocido.
Encontramos: Noticias, tips
Sitios de interés (no son blogs)
Existen sitios que se dedican exclusivamente hablar de los productos de Adobe que vale la pena mencionar o por lo menos algunos cuantos, aunque estos no sean blogs.
Recursos Adobe
De la propia Adobe tenemos buenos recursos, espacios dedicados a los profesionales del diseño y diseño web.
- Adobe Design Center (diseño gráfico)
- Adobe Developer Connection | en español (diseño y desarrollo web)
- Adobe TV (videotutoriales y especiales)
- Adobe Video Workshop (videotutoriales)
Encontramos: Tutoriales, artículos, entrevistas, recursos
Layers Magazine
De los mejores sitios para encontrar muy buena información de los programas lider de Adobe (Photoshop, Illustrator, Indesign, Dreamweaver, etc).
Encontramos: Artículos, tutoriales, noticias, reseñas
