Archive for the Diseño Category

Usando una pantalla panorámica

Posted in Diseño with tags on enero 24, 2007 by E-DWARF

Estos días y aprovechando que un familiar quería cambiar de ordenador, estoy probando una pantalla panorámica en mi ordenador nuevo (que me compré allá por septiembre-octubre y dejé de comentar en este, vuestro blog favorito).

Es curioso como cambia la experiencia de uso de un ordenador un elemento al que adjudicamos relativamente poca atención como la pantalla (parece más importante meterle chipiticientos gigatrones de megapotencia y cientos de miles de Teraflops por nanosegundo*)

Esta pantalla tiene una resolución de 1440×900 pixels (16:10) frente a los 1024×768(4:3) que tiene la anterior (y a la que me temo tendré que volver el domingo). El objetivo de esta prueba era comprobar si un cambio en las proporciones de la pantalla la volvía más útil para trabajar (y jugar) o no. De momento, la experiencia está resultando tremendamente positiva.

Sin embargo, pese al reducido tamaño de punto que tiene esta pantalla (y que facilitan una deformación de la pantalla sin pixelacion) y que los juegos que he probado admitian esta resolución “extraña”, el Rome: Total War no termina de verse bien (supongo que no generan todos los graficos con el motor del juego).

¿Porque me parece esta resolución más útil? A mi me han gustado los siguientes puntos:
– En el photoshop, al trabajar normalmente sobre superficies rectangulares verticales (el tipico A4), a la derecha (y a la izquierda) te queda sitio para las herramientas, cosa que en con la otra pantalla no me pasaba y se me terminaban solapando.
– Las peliculas se ven en su formato de cine. Las adaptadas a la televisión te queda el hueco a la derecha y a la izquierda (a mi al menos me gusta más, te cabe casi una ventana de navegador a su tamaño normal)
– Caben mas ventanas en la barra de herramientas. Riete, pero tener 7 programas abiertos y leer el titulo completo de todos es un lujazo. También caben más pestañas en el Firefox :-p

¿Las pegas? Sobre juegos, al ser una resolución mayor la grafica tiene que trabajar más por el simple hecho de ser más de 500.000 pixels extras. No se hasta que punto la hace trabajar más la distorsión.

Por cierto. Me he dado cuenta de que a esta resolución me caben dos blog como el mio a lo ancho… ¡Mola!

* He ignorado el lenguaje tecnico a posta :-p

Diseño Gráfico

Posted in Diseño, ITIG, Trabajo with tags , , , on diciembre 9, 2006 by E-DWARF

Desde que empecé a trabajar de becario en el Viderrectorado de Información y Comunicación he tenido poco tiempo para postear, precisamente porque este trabajo (en el que estoy agusto y hago lo que me gusta) me ha terminado de consumir el poco tiempo que tenia.

Por suerte, cuanto más tiempo dedico a este asunto del diseño web más claro tengo que no quiero dedicar mi vida al diseño gráfico. No es que no me guste lo que hago, al contrario, pero es tremendamente frustrante no poder dejar una página web perfectamente atada por culpa de los 30 navegadores que hay.

Aún reduciéndolo a los 4 navegadores más importantes (entiéndase IE, Mozilla Firefox, Ópera y Netscape) es completamente imposible que en todos se vea exactamente igual a nada que quieras meter alguna chorradita como un menú desplegable basado en capas.

Por ejemplo, ayer tratando de acabar la adaptación de la página principal de la universidad a un diseño más accesible y más ligero basado en capas, me dió por probarla con Netscape 8.1 que, en teoria utiliza el mismo motor que Firefox con el que sí pruebo todo. ¿Os podeis creer que se descuadraba el menú inferior, mientras que en Firefox no pasa?

Tampoco sirve de nada seguir a rajatabla los estándares del W3C pues, al fin y al cabo, el navegador más usado se los pasa por el arco del triunfo y de igual manera habrá que diseñar dos veces: la buena y la corrección para Internet Explorer.

Aprovecho para hacer un llamamiento a todos los lectores de este blog y aconsejaros fervientemente que no useis IE, por el bien de todos los diseñadores web del mundo: el día que IE no sea el navegador más utilizado Microsoft se adaptará por fin a los estándares o desaparecerá en el olvido. Hasta entonces utilizará su posición dominante para darnos por “el lado oscuro” a los fabricantes de páginas web 😦

Ya soy becario

Posted in Diseño, Trabajo with tags , , on octubre 25, 2006 by E-DWARF

Uhm… No estoy seguro de que deba hacerlo, porque será poner el sello definitivo a mi “doble personalidad” real e internauta y olvidarme para siempre de usar E-DWARF para hackear sistemas ajenos :-p

Pero en fin, ya hay demasiada gente que me lee que sabe quien soy no tiene sentido que me siga cortando un poco de dar más pistas.

Bueno, pues allí va: ya soy becario y mi trabajo es realizar el mantenimiento de la página web de la universidad Rey Juan Carlos (Si teneis cualquier queja no dudeis en dejarla en los comentarios). Sé que voy a morir por exceso de trabajo si lo juntamos con el resto de cosillas (otras páginas web, LADE+ITIG y demás) pero en fin, todo sea por empezar a ganarme los cuartos y trabajar en la gestión de páginas web un poco más grandes.

La verdad es que creo que podré con todo (o al menos casitodo :-p) lo que tengo planteado para los proximos dos meses (la beca, en ppio dura hasta diciembre, que seguramente será más). La paga no está mal y el horario, por tener las clases como las tengo me las van a flexibilizar un poco para que pueda hacer mis horas, asi que no me va a ir mal, sobretodo teniendo en cuenta que me van a aponer a trabajar en un tema que me interesa bastante como es la accesibilidad de sitios web.

A todo esto no debemos olvidar que la Asociación Lúdica de Ocio Alternativo ya está terminando de formalizarse en los múltiples registros y que pronto iniciará su andadura con actividades que regociajarán a todo el mundo.

Por cierto, el congreso de e-factura y concretamente la página web han sido muy aplaudidas.

AGGHH… Voy a ponerme a trabajar que tengo que tener la página web de intéritis adaptada a la imagen corporativa de Asimelec para mañana :-s

Retoques de Photoshop

Posted in Diseño, Tonterias with tags on octubre 18, 2005 by E-DWARF

Navegando por internet, he encontrado algunas cosas que me han parecido asombrosas y que muestran cómo distorsionan nuestra visión del mundo las televisiones y demás medios audiovisuales (sí, esto incluye internet).

Mi post hace referencia al que realizó La puerta de Tannhauser el día 26 de Octubre. Y que contiene un link especialmente destacable.

Ya había notado las increibles ventajas del Photoshop y sus capas, sobretodo al trabajar con imágenes grandes y, habiendo recortado la imagen para dividirla de la forma adecuada, se convierte en la herramienta perfecta para todo tipo de retoques y diseños.

Kathoris IV

Posted in Diseño with tags , on agosto 10, 2005 by E-DWARF

Siguiendo el tutorial que posteó Norda, he montado este precioso planeta que ha recibido el nombre de Kathoris IV. Es un planeta desértico con una atmósfera respirable de origen inorgánico. Aún no se qué reacción en los albores del planeta ocasionaron esta atmósfera ni que seres lo habitan (ya lo descubrirán los jugadores 😉 )

Fondo de escritorio completamente diseñado por E-DWARF. El planeta que se muestra es Kathoris IV y está diseñado integramente en Photoshop. Fondo de escritorio completamente diseñado por E-DWARF. El planeta que se muestra es Kathoris IV y está diseñado integramente en Photoshop. Es la misma imagen anterior a la que se ha añadido un efecto de luz que es la estrella del planeta al amanecer.

Fondo de escritorio completamente diseñado por E-DWARF. El planeta que se muestra es Kathoris IV y está diseñado integramente en Photoshop. Esta es una visión del planeta completo y se incluye una pequeña ficha. Fondo de escritorio completamente diseñado por E-DWARF. El planeta que se muestra es Kathoris IV y está diseñado integramente en Photoshop. En esta imagen se ha añadido un fondo, otorgando más vistosidad a la imagen.

Como veis hay diferentes capturas para que elijais la que más os guste. Si os gusta alguna, pero la necesitais para otra resolución que exija algún cambio, por favor, avisadme y veré que puedo hacer 😉

Plantilla de LaTeX

Posted in Diseño, ITIG, Trabajo with tags , on mayo 22, 2005 by E-DWARF

La plantilla que hay a continuación, la he ido haciendo a partir de otras plantillas, adaptándola a mis necesidades y buscando una explicación para cada comando.
Las imágenes, he descubierto que es mejor utilizarlas en postscript encapsulado (.eps) lo que te permite trabajar de una forma curiosa: una vez tienes el documento con el comando que carga la imagen, no tienes que volver a reinsertar la imagen cada vez que la modificas. Es decir, es bastante más rápido que los programas WYSIWYG (What you see is what you get, lo que ves es lo que obtienes) cuando usas programas de edición externos.
Por ejemplo este trabajo de Introducción a la Macroecoomía desarrollado integramente en LaTeX, salvo las imágenes que han sido diseñadas con CorelDraw.
A grandes rasgos, trata de indagar en los efectos que podrían tener algunas políticas actuales en los paises donde se desarrollan. Estoy particularmente orgulloso de la primera pregunta y reconozco que las otras dos me quedaron un poco flojitas; también fueron a las que menos tiempo dediqué.

Mi plantilla para LaTeX comentada

Posted in Diseño, ITIG, Trabajo with tags , on mayo 22, 2005 by E-DWARF

% Preambulo
\documentclass[a4paper,spanish,12pt,onecolumn]{article}

%——- Paquetes carácteres ——-%
\usepackage[spanish,activeacute]{babel} %Diccionario castellano
\usepackage[ansinew]{inputenc} %Acentos y carácteres especiales
\usepackage{multicol} %Permite escribir en varios formatos de columnas

%——- Paquetes gráficos ———-%
\usepackage[dvips]{graphicx} %Permite incluir imágenes
\usepackage{wrapfig} %Las imágenes quedan rodeadas de texto

\begin{document} %– Identificación del documento –%

\title{Inserta el título del artículo} %Título del documento
\author{E-DWARF} %Autor del documento
\date {Inserta la fecha de fin del documento aquí} %Fecha de finalización

%—– Cuerpo del documento ——-%
%— Crea el titulo de la página ——%
\maketitle %Pone el título
\thispagestyle{empty} %Cambia partes del estilo de página (en empty, no toca nada)
\clearpage %Pasa a página nueva

%— Tabla de contenidos o índice –%
\tableofcontents %Inserta el índice
\clearpage %Pasa a página nueva

%———- El documento ———-%
\section{Título de capitulo}

%Empieza aqui el texto del capitulo y usa doble retorno para separar los parrafos

Ejemplo de párrafo1

\subsection{Otro título menor}
Ejemplo de párrafo2

%Ejemplo de codigo de imagen rodeada de texto
%\begin{wrapfigure}{r}{105mm}
% \vspace{-1cm}
% \begin{center}
% \includegraphics{C:/TexImg/GA-Y.eps}
% \end{center}
%\end{wrapfigure}

\end{document} %—– Final del documento —-%