marzo 25, 2009

Fundamentos básicos del diseño web

El arte del diseño precisa de años de estudio y práctica, es imprescindible el dominio de la tipografía, las simetrías, espaciados, y un sinfín de cosas que la gente ignora conscientemente, pero que agradece visualmente.

Lo cierto, es que la mayoría interpreta que el diseño es hacer que nuestras páginas sean visualmente bonitas, pero con eso no basta, nosotros como diseñadores debemos transmitir una idea y un sentimiento al navegante, y que todo esto se produzca de una manera clara y concisa. Para transmitir estos sentimientos deberemos usar correctamente las técnicas siguientes:
• Tipografía
• Teoría del color
• Espaciado y composición
Tipografía

Empezaremos hablando básicamente sobre la tipografía en Internet, la cual tiene sus propias reglas, aunque como en el diseño gráfico la regla principal es que todo sea legible, es algo así como la regla de oro de las tipografías (si no se puede leer no mola).

A la hora de trabajar con nuestros textos podemos separar en dos grupos, títulos y cuerpos de texto o mensajes.

Para los primeros necesitaremos letras generalmente gruesas y detalladas. Es muy recomendable que las tipografías escogidas para los títulos concuerden perfectamente con el diseño de la página y también tendremos que tratar su color con mucho cuidado, ya que el color en los títulos expresa mucho, pero esto lo veremos más adelante.

Para los segundos deberemos usar tipografías “Lisas” (Arial, Verdana), nunca con “Serifa”. Aquí tenéis una imagen de ejemplo:

Las tipografías Lisas son mucho más legibles en un monitor porque al ser más rectas, son más factibles de dibujar por el monitor, en cambio las tipografías con Serifa tienen muchos más detalles y a tamaños pequeños se hace poco legible en una pantalla, que no en papel.

Teoría del Color

Aunque parezca mentira, los colores de los objetos nos transmiten emociones muy fuertes, pese a que, generalmente no nos demos cuenta de ello. Los hospitales carecen de color rojo, pues éste es asociado a la sangre, y en las oficinas suele predominar el blanco que denota orden y pulcritud.

Esto son claros ejemplos de como en la actualidad estamos usando los colores para nuestro beneficio, para trabajar mejor, para estar más tranquilos, etc.

Algunas de las cosas más importantes que debemos saber del color son:
• El color y su expansión
• Armonía y contraste
• Significado del color
El color y su expansión

Probablemente alguna vez os hayáis preguntado por qué la mayoría de las páginas web que hay en internet tienen un fondo claro y no negro. De hecho, las páginas que tienen un fondo negro suelen quedar peor. Esto se debe al carácter expansivo de los colores, no se verá igual un texto sobre fondo negro que blanco:

El texto sobre fondo blanco es más legible y por lo tanto el lector debe forzar menos la vista, sintiéndose agradecido. Esto también lo podemos ver en colores claros y oscuros, no es algo que suceda únicamente en blanco y negro.

En estos dos dibujos parece que el de la izquierda tienda a expandirse y a hacerse más grande, todo lo contrario que en el de la derecha. Eso es debido a que el color oscuro comprime la figura del medio. Estas técnicas las usaremos cuando queramos que una parte de nuestra web quede cerrada o abierta.

Armonía y contraste

Armonía: Crear una gama de colores para nuestra web que esté compuesta por colores de la misma gama o tono. Por ejemplo, CLab es una web con colores armónicos, ya que usa el mismo color y diferentes tonalidades del mismo.

Contraste: Combinar diferentes colores para crear una gama como, por ejemplo, claros y oscuros, cálidos y fríos, etc.

La combinación de los diferentes colores, tanto si armonizamos como si contrastamos, suele generar diferentes impresiones sobre un mismo objeto. El uso correcto de los colores en el fondo como en el frente es una de las principales bases del éxito de un buen diseño.

Significado del color

¿Pero cómo un color puede significar algo? Pues sí, aunque estos significados varían un poco según las culturas, ya que por tradición es posible que el amarillo signifique mala suerte en algunas partes y en otros no. Ésta es una recopilación de diferentes significados extraídos de algunas páginas web.

Blanco
Se halla en el extremo de la gama de los grises. Es un color latente por su capacidad de potenciar los otros colores vecinos. El blanco puede expresar paz, soleado, feliz, activo, puro e inocente. El blanco es el fondo universal de la comunicación gráfica.

Negro
Al igual que el blanco, también se encuentra en el extremo de la gama de grises. Es el símbolo del silencio, del misterio y, en ocasiones, puede significar impuro y maligno. Confiere nobleza y elegancia, sobre todo cuando es brillante.

Gris
Simboliza la indecisión y la ausencia de energía, expresa duda y melancolía.
Los colores metálicos tienen una imagen lustrosa, adoptando las cualidades de los metales que representan. Dan impresión de frialdad metálica, pero también dan sensación de brillantez, lujo, elegancia, por su asociación con los metales preciosos.

Amarillo
Es el color más luminoso, más cálido, ardiente y expansivo. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Suelen interpretarse como animados, joviales, excitantes, afectivos e impulsivos. No es recomendable usarlo como color principal de nuestra página, pues tiene demasiada fuerza y tiende a cansar al visitante.

Naranja
Posee fuerza activa, radiante y expansiva. Tiene un carácter acogedor, cálido, estimulante y una cualidad dinámica muy positiva y energética.

Rojo
Significa la vitalidad, es el color de la sangre, de la pasión, de la fuerza bruta y del fuego. Está ligado al principio de la vida, expresa sensualidad, la energía y agresividad.

Azul
Es el símbolo de la profundidad. Inmaterial y frío, suscita una predisposición favorable. La sensación de placidez que provoca el azul es distinta de la calma o reposo terrestres, propios del verde. Expresa armonía, amistad, fidelidad, serenidad, sosiego… y posee la virtud de crear la ilusión óptica de retroceder. Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Cuanto más se clarifica más pierde atracción y se vuelve indiferente y vacío. Cuanto más se oscurece más atrae hacia el infinito.

Verde .
Es el color más tranquilo y sedante. Evoca la vegetación, el frescor y la naturaleza. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Cuando algo reverdece suscita la esperanza de una vida renovada.

Marrón
Es un color masculino, severo, confortable. Es evocador del ambiente local otoñal y da la impresión de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.

Espaciado y composición

Llegados a este punto yo suelo recomendar que visiten muchos websites de calidad, y se fijen cómo han montado la web, porqué han utilizado ese color ahí y no otro, cómo han espaciado sus textos, etc… pero aún así hay algunas cosas que suelen ser básicas y veremos aquí.

Deja que tu texto ‘respire’

No se si es un término correcto decir que el texto ‘respire’, pero es la expresión que se utiliza cuando se quiere que una web sea legible. En estas dos imágenes de aquí abajo podemos ver como una tiene el texto muy pegado a la imagen y su interlíneado es muy bajo para el tamaño de letra escogido, haciéndolo confuso para la lectura. La otra imagen en cambio, se lee perfectamente.

Este es un buen ejemplo de cómo hacer que nuestros textos no se vean compactados. También es importante saber que el espaciado entre líneas suele ser un 20% superior al tamaño de la letra, por ejemplo, para un tamaño de letra de 10 puntos pondremos 12 puntos de interlineado.

Colocando nuestros elementos

La posición de nuestros elementos en la pantalla es uno de los puntos más importantes a la hora de hacer nuestro diseño, pues no es lo mismo colocar una imagen arriba que abajo, con un texto al lado o sin el, que sea una imagen grande o pequeña y así infinidad de detalles que dotarán a nuestra página de personalidad.

Un buen ejemplo de cómo componer una web con imágenes y texto adecuadamente puede ser la página principal de Macromedia la cual usa eficientemente el espacio entre líneas, y posiciona las imágenes por tamaño y relevancia.

Es importante colocar pequeñas imágenes cerca del texto, las cuales tendrán dos funciones: Primero que el usuario tenga una información visual sobre lo que va a leer, atrayendo la atención del visitante hacia donde queremos, y segundo, hacer más atractiva la página, pues, todo el mundo se hecha para atrás (normalmente cerrando la página y maldiciendo varias veces) cuando ve una web que es sólo texto.

ASTON MARTIN RAPIDE

marzo 4, 2009

El Aston Martin Rapide es un prototipo fabricado por la casa Inglesa Aston Martin. Este coche es un sedán, con 4 puertas que hace referencia a un antiguo modelo fabricado por otra marca que ahora pertenece a la marca Inglesa.
Su diseño exterior está basado en el modelo DB9. Sus caracteristicas hacen de este coche uno de los coches con 4 puertas más rápidos del mundo ya que en su interior esconde un motor V12 que ofrece unos 480 Cv. Tiene una tracción trasera y pertenece al tipo super deportivo, que con su culo trasero curvado se le puede confundir con un cupé. La casa Inglesa se plantea en sacarlo a la venta a finales de este año (2009) para poder competir contra, por ejemplo: el Maserati Quattroporte o el Porsche Panamera. Su aceleración de 0-100 metros es de 4,8 segundos.
Aston Martin Rapide

FERRARI CALIFORNIA

marzo 2, 2009

El Ferrari California es un deportivo fabricado por la casa Ferrari que saldrá a la venta a partir del 2009. Este Ferrari se caracteriza por que es el primer Ferrari con techo descapotable duro y es el Ferrari ( de los que actualmente se siguen creando) que menos consume con 13,1 l/Km, esto se debe a los problemas medio ambientales actuales. Este coche fué diseñado por el famoso Pinifarina y monta un motor V8 que entrega 460 CV. Este coche está dotado de una caja de cambios de 7 velocidadesw y con una novedad que es que tiene doble embrague y con unas pastillas de la marca Brebo.

Llega a los 310 Km/h  y de 0 a 100 en 4 segundos: este modelo es el Ferrari que llega menor velocidad ya que ahora la gente se preocupa más por el consumo de los coches. Este modelo tiene alrededor de 4200 rpm y cuesta unos 160.000 € de serie aunque no se necesitan muchos extras debido a que es una marca que sabe relacionar la deportividad con el lujo y lleva de seriem muchos complementos de alta calidad como los frenos que son fundamentales para la seguridad del conductor.
ferrari california

Maybach Exelero

febrero 25, 2009

El Maybach Exelero es un superdeportivo prototipo que se exibió en mayo del 2005. Este coche fué fabricado por la marca alemana Maybach; esta marca principalmente fabrica coches de gran lujo. En su interior esconde un motor de gasolina V12 biturbo( el biturbo permite que, por ejemplo si en un cilindro caben X partículas de gasolína, con el biturbo permite que quepan más partículas de gasolína en el cilindro, lo que permitirá que el coche desarolle más potencia ) que ofrece 690 CV y es un biplaza. Esta marca alemana creó esta preciosidad como una interpretación moderna de sus fantasticos deportivos de los años 30. Este coche es, por el momento, el coche más costoso ya que su precio de salida, aunque sea un prototipo, es de 8.000.000 de Euros. Su velocidad máxima es de 351 Km/h y tiene una longitud de aproximadamente de 5,8 metros.
Maybach

Ferrari Enzo FXX

febrero 23, 2009

El Ferrari Enzo FXX es un superdeportivo creado por la marca Ferrari, una marca de superdeportivos Italiana. Este Ferrari es la versión radical del Ferrari Enzo. Tiene un motor V12 con 6.200 cc aproximadamente que ofrece 800 CV. Su tracción  es trasera, como todos los modelos de esta marca siguen siendo fieles a la tracción trasera en vez de poder ser delantera y su carroceria es de fibra de carbono que ayuda a la refrigeración del motor. Este motor ofrece como velocidad maxima 386 Km/h. Esta versión ultradeportiva de un superdeportivo tiene un solo asiento, monoplaza, y solo se han fabricado 30 unidades. Este coche solo lo pueden tener unos pocos debido a su precio ya que de salida cuesta entre 1.500.000 Euros y 1.800.000 Euros.

Este coche ofrece de serie unos fantasticos neumáticos Bridgestone y unas pastillas de freno Brembo, una marca muy buena para coches de carreras que asegura una buena frenada y la garantia de un magnífica marca.

Por último queria decir que Ferrari a puesto una condición a los que van a comprar este modelo de coche que previamente tenga un Ferrari Enzo comprado directamente a la casa Ferrari, descartando así los compradores de segunda mano.


la imformacion la hemos sacado de aqui

El Bugatti Veyron 16.4

febrero 20, 2009

El Bugatti Veyron 16.4  es un superdeportivo que tiene 1001CV que llega a los 407,8 KM/H. Es un coche con altas prestaciones en lujo y es el segundo más rápido del mundo, detras SSC ultimate Aero que llega a los 427,28KM/H. Por estas virtudes es un coche exclusivo ya que cuesta al rededor de 1,5 millones de euros.Tiene 16 cilindros en W y 4 válvulas por cilindro,su caja de cambios es secuencial con 7 velocidades con levas(detras del volante).Su tracción es a las cuatro ruedas y llega de 0 a 100 en 2,5 segundos. Consume 24 litros por 100 kilómetros; este coche tiene muchas variaciones como el que fué preparado por Hermès o el que esta creado por carbono (el carbono facilita a la refrigeración del motor).

Lo hemos sacado de esta pagina dale aqui.
Bugatti veyron 16.4

De Frómista a Kioto

febrero 20, 2009

Estoy de acuerdo con que hay muchos Minis en Madrid pero será por alguna razón,yo creo que se debe a que es un coche que no da problemas mecanicos y tiene una bonita linea de diseño que gusta a hombres o mujeres y a ancianos o jovenes.
También estoy de acuerdo en que aparezcan el Alfa Romeo 8C 2900 y el BMW 328 Roadster pero me parece que hay sin duda coches del pasado mucho mejores y en esta página la mayoría son modernos cuando el Auto Union tipe C O EL Maserati 250F con el que ganó Juan Manuel Fangio el mundial de F1 de 1954 son sin duda alguna coches que deberian aparecer en esta lista de los Top 10 de los mejores coches de la historia.
el blog esta aqui.

KOENIGSEGG CCR

febrero 9, 2009

El Koenigsegg CCR es un coche con altas prestaciones,es lujoso pero a la vez es muy potente siendo uno de los mas potentes del mundo. Todas las prestaciones de lujo son de serie y tiene una capacidad de 2 plazas.Su motor es un V8 trasero y tiene 6 velocidades. Empezó a fabricarse entre el 2004 al 2006y tiene 806 CV. Tiene un peso es de 1180 Kg y llega a circular a los 386 KM/H.

Pagani Zonda C12 S Monza

febrero 9, 2009

El zonda s original, la versión Monza ha sufrido cambios en la refrigeración del coche, tiene una caja de cambios más corta que la versión Zonda, alerón modificado, tomas de aire nuevas, peso reducido y una suspensión y frenos revisados.

De este auto, como otros muchos superdeportivos, se espera que triunfen o ganen el premio delGran Turismo, el cual ya es participante. Es la unica unidad producida de este modelo de Pagani, ya que esta marca quería demostrar su talento para crear super coches son una mecánica y diseño espectaculares.
Salió en el 2004, en Italia. Su motor es un Mercedes Benz V12 de 7291 cc y 48 válvulas con una posición central.  Su caja de cambios es manual y de seis velocidades. Contiene en su interior una suspensión delantera y trasera independiente. Sus discos de freno son ventilados : ABS en las cuatro ruedas y  tiene un peso de 1350 Kg . Tiene una potencia de 600 HP.

pagani zonda c12 s monza

presentación

febrero 4, 2009

Mi compañero y yo nos gusta el futbol y somos del Real Madrid tambien nos gustan los coches superdeprtivos y sus motores.Tambien nos gusta a parte del futbol otros deportes como el tenis, el padel, el esqui, hockey sobre hierba. Personalmente me gustan los barcos pero a mi compañero le gusta más los deportes acuáticos como el esqui acuático o el submarinismo. tambien nos gustan las motos, no tanto como los coches pero tambien nos gustan, sobretodo las carreras profesionales como moto GP o las Superbikes. hay otra cosa que nos gusta como la lectura, el cine o las 24 horas de Lemans a parte del Dakar.