Diseño « Betaless

Archive for the ‘Diseño’ Category

CNet estrena imagen

Friday, August 29th, 2008

Después de varios meses de mantenerse en pruebas con su nueva imagen, el día de hoy CNet, uno de los portales más importantes de tecnología desde los principios de la Internet y que poco a poco fue agregando canales y servicios, estrena imagen.

Además de cambiar su logo, quitaron la combinación amarillo con rojo y verde que habían mantenido por varios años. Ahora se fueron a colores neutros y el estilo, para seguir con la tendencia actual, es muy limpio, con muchos blancos, organización más reticulada y concentración del menú a los canales más importantes para ellos (y los usuarios), dependiendo del canal en el que te encuentres. Por ejemplo, desde el Home tienes las ligas a los canales más obvios: News, Downloads, Reviews y TV. Pero desde Downloads el menú cambiará a Windows, Mac, Mobile y Webware (sitio que, desde hace unos ocho meses anunciaba su integración a CNet y que ahora está cristalizando la integración al 100). Por otro lado, el nuevo diseño le da mayor prioridad a la búsqueda en el sitio y hasta abajo deja las ligas a otros sitios.

Siendo un lector frecuente de por lo menos cuatro canales de este sitio (News, MP3, Reviews y Downloads) mi enhorabuena por la actualización de diseño. Los lectores de Bitelia, ¿leen algún canal de CNet? Si es así me encantaría saber cuáles son sus favoritos y porqué en el área de comentarios.

Enlace: CNet | Más info: CNet Tour

Comparte esta anotación

Posted in Destacadas, Diseño, Internet, Portales web, Web 2.0, cnet, rediseño | Comments Off

Lorem Ipsum - Tres Generadores de Texto Simulado (Dummy Text Generator)

Wednesday, August 20th, 2008

Cuando estás haciendo algún trabajo de diseño en el que debes simular texto o párrafos de texto, la larga tradición gráfica y tipográfica nos remite al uso de un texto que se utiliza para hacer esa simulación llamado popularmente Lorem Ipsum, proveniente de un escrito en latín, por la simple y sencilla razón de que este texto tiene una distribución adecuada de caracteres que permite simular un texto real (en lugar de llenar párrafos completos de “Esto es texto simulado”). Sin embargo hoy en día, con la facilidad que da la tecnología, no estamos limitados a ese texto.

A continuación les presento tres sitios que pueden ayudarles a sacar texto simulado, ya sea basado en el Lorem Ipsum o no:

Blind Text Generator (reseñado anteriormente en Bitelia )

Muy completo generador de texto, tanto del clásico Lorem Ipsum como de otros textos, incluso uno en español. Este simulador también tiene opciones avanzadas para elegir fuente, tamaño de letra, formato, etc.

Lorem Ipsum Generator

Aparte de generar el texto por número de palabras, párrafos, listas o bytes, nos da una breve reseña histórica del origen del Lorem ipsum y la traducción del texto original. Pa’ que se cultiven, chamacos.

Adhesion Text (reseñado en MakeUseOf.com )

Aquí se puede generar de forma aleatoria diferentes bloques de texto con diversos tipos de conjuntos de caracteres, dependiendo del idioma que necesites, incluyendo el inglés, frances, alemán, español, catalán y portugués.

Después de esto, no tendrás pretexto para perder el tiempo llenando espacios en tu próximo diseño impreso o en línea.

Comparte esta anotación

Posted in Diseño, Dummy Text Generator, Guías/Trucos, generador, generador de texto, lorem ipsum | Comments Off

El diseño de los auriculares del iPhone, algo ha hecho bien Apple

Wednesday, July 23rd, 2008

Que el iPhone me gusta no es un secreto, pero hay algo de lo que sin lugar a duda me ha parecido uno de las mejoras en el iPhone son sus auriculares. Bueno, los auriculares propiamente dichos son una porquería, los del iPhone y los de todos los iPod, son bastante molestos y unos auriculares Senheisser no tienen competencia, pero si los miramos contra otros auriculares de otras marcas, simplemente gana.

El punto es el micrófono que incluye el auricular para hacer de manos libres, al igual que en la primera versión del iPhone, está integrado en el cable del auricular derecho. Es un pequeño micrófono que también se puede usar para controlar el iPod, pero la diferencia de verdad están en el diseño usado y en el lugar para ponerlo, además del tamaño.

Es pequeño, apenas se nota en el cable, no tienes que pinzarlo en tu ropa, está lo suficientemente cerca de la boca para que se escuche bien las llamas y puedes controlar las llamadas y la reproducción de música.

Comparado con otros auriculares, se quedan en nada, pese a que, de nuevo, los auriculares sean todos muy feos, “toscos” y nada cómodos.

Comparte esta anotación

Posted in Apple, Diseño, Multimedia, iPhone, iphone 3g, manos libres | Comments Off

Una mentira con Photoshop - Henry Hadlow

Sunday, July 20th, 2008

Tell a Lie es un creativo proyecto del estudiante de diseño ingles Henry Hadlow, 3 piezas gráficas editadas con Photoshop, inspiradas en una famosa fotografía trucada de Liu Weiqiang
Vía: Fubiz

ShareThis

Posted in Diseño, Photoshop | Comments Off

Yahoo y Google ya podrán indexar archivos Flash

Tuesday, July 1st, 2008

Al parecer la web 3.0 nos trae un viejo conocido de vuelta se trata de la potencialidad multimedial de Flash y su conocido formato SWF, el cual con la estampida de la web 2.0 y todo el asunto de las redes sociales junto con los blogs, el formato flash ha ido desapareciendo.

Para dar un empuje a Flash Adobe ha creado una forma de que los motores de búsqueda puedan leer los archivos SWF y el indice de toda la información que contienen, esto significa que cualquier texto o links en una aplicación Flash pueda ser indexada.

Esto sera un enorme paso adelante para Adobe y cualquiera que desarrolle en Flash/Flex. Michele Turner, VP de la plataforma de negocios, explica:

Estamos lanzando al mercado una tecnología para que Google y Yahoo puedan buscar e indexar archivos SWF. Esto permitira buscar millones de archivos Flash para ser leidos.

El formato de archivo SWF fue creado por FutureWave, una pequeña compañía adquirida más tarde por Macromedia con un objetivo principal: crear archivos pequeños para mostrar entretenidas animaciones. La idea era tener un formato que pudiera ser reutilizado por un reproductor corriendo sobre cualquier sistema y que funcionaría con una conexión de red lenta.

Los plugins para reproducir archivos SWF en los navegadores web están disponibles para la mayoría de los sistemas operativos, una cosa que llama la atención es que no se menciona al buscador de Microsoft, todo supone que es debido a la introducción de la nueva tecnología creada por Microsoft, Silverlight. Habrá que ver que sucede y comos evoluciona la web 2.0 aunque muchos bloggers no apuesten por este avance.
Vía: Techcrunch

ShareThis

Posted in Diseño, Google, Multimedia, Novedades, flash | Comments Off

Pack de iconos gratuitos para tiendas

Friday, May 23rd, 2008

Precioso pack compuesto por 32 iconos para emplear en actividades de comercio electrónico. Son gratuitos y vienen tanto en formato SVG como PNG. Vía: Xyberneticos

Comparte esta anotación

Posted in Breves, Diseño, Internet, iconos | Comments Off

Hipertextual estrena web corporativa

Wednesday, May 21st, 2008

Hoy Hipertextual ha dado un lavado de cara a su web corporativa. Para ser exactos, el merito lo tiene Manu Contreras que se ha encargado del rediseño partiendo desde cero a pesar de tener un diseño alternativo a medias. Esta nueva versión deja a un lado el formato blog relegandolo a una sección propia pero en cambio incluye numerosas novedades. Para empezar, el diseño es muy 2.0, bastante limpio, con sus respectivos bordes redondeados que tan de moda están y francamente, la mayoría de las veces quedán muy bien, como en este caso.

Con esta web es mucho más fácil conocer la red, sus blogs y sus bloggers. En la página principal encontramos todos los blogs de la red con sus respectivos feeds, pero también puedes conocernos a nosotros los bloggers, sobretodo gracias a un mapa realizado por Alberto Verdoy usando la API de Google Maps con las localizaciones de todos los hipertextuales en el mundo.

Desde Bitelia e Hipertextual esperamos que os guste este nuevo diseño. Por cierto, si quieres ser hipertextual ahora lo tienes más facil ya que con la nueva web ya se incluye un formularío específico para solicitudes.

Comparte esta anotación

Posted in Diseño, Hipertextual, Web 2.0 | Comments Off

99designs, concursos de diseño

Monday, May 19th, 2008

99designs es una plataforma que permite organizar concursos de diseño sirviendo de intermediaria entre los diseñadores y las empresas que necesiten de algún servicio de este tipo.

Desde el punto de vista de los organizadores de concursos podemos crear competiciones de manera que los diseñadores envíen sus trabajos en base a las condiciones que hayamos especificado. El precio para cualquier anuncio es de $39 dólares, a lo que hay que añadir el premio establecido para el ganador.

Por su parte los diseñadores pueden mandar sus propuestas para cualquier de los concursos seleccionados. Todos ellos cuentan también con su página, con algunos datos personales y el histórico de los concursos a los que han enviado algún trabajo y aquellos en los que han salido ganadores.

Hay concursos de todo tipo, desde diseños de páginas completas a otros como logos, camisetas o banners.

Enlace: 99designs | Vía: KillerStartups

Comparte esta anotación

Posted in Diseño, Internet | Comments Off

Logoease: creador on-line de logos

Wednesday, April 30th, 2008

Logoease es una interesante herramienta on-line encaminada a la creación de logos a través de unos sencillos pasos. Básicamente nos permite elegir entre una serie de logos preseleccionados a los que añadir posteriormente el texto que deseemos.

Están divididos en multitud de categorías en las que encontramos formas de edificios, deportes, música, animales y otras tantas. Cuando encontremos alguna que nos guste procederemos al siguiente paso, que es colorearla y añadir el texto.

Por último, tras crear una cuenta gratuita, podremos descargar nuestro logo en un archivo ZIP que incluye dos tamaños distintos y formatos JPG, PNG, TIFF y EPS.

Enlace: Logoease | Vía: Download Squad

Comparte esta anotación

Posted in Diseño, Internet, herramientas, logos | Comments Off

Guía para modificar las plantillas de Blogger

Thursday, April 17th, 2008

Amanda presenta desde BloggerBuster una completa guía, en inglés, en la que se repasan todos los detalles del sistema de plantillas de Blogger y se explica como modificarlas para adaptarlas a nuestro sitio. La guía se distribuye en formato PDF, bajo una licencia Creative Commons BY-NC-ND y va acompañada de unos archivos de ejemplo que podemos usar libremente.

The Cheats’ Guide to Customizing Blogger Templates se divide en cinco capítulos que empieza por los conceptos imprescindibles y más generales, continua introducirse poco a poco en los detalles y termina con referencias en donde encontrar más información: