ARTEgami » botones

Elementos para el diseño de aplicaciones

Isabel — Tue, 16 Feb 2010 12:00:29 +0000

Diseñar una aplicación o un servicio (sea web o no, hablando simplemente de la parte grafica del proyecto) solemos utilizar botones, plantillas, formularios y demás elementos que nos ayudan a ahorrar tiempo y terminar nuestro proyecto bien, de forma que quede atractivo, fácil de utilizar y por supuesto profesional. Buscar estos elementos puede ser una tarea algo extensa, porque no abundan tanto como con otro tipo de recursos, o por lo menos no “agrupados”.

Para la suerte de muchos de nosotros, en Cssblog publicaron algunos paquetes de elementos de diseño de interfaz que pueden ser de mucha ayuda cuando estamos frente a un trabajo de este tipo. Les recomiendo que pasen y descarguen el que les guste, porque nunca se sabe cuando vamos a necesitarlo.

También puedes leer

Tutorial: Creando botones simples y atractivos con Photoshop

Isabel — Thu, 20 Aug 2009 08:00:00 +0000

Es importante que los botones de nuestro sitio (sean parte del menú de navegación o no) sean atractivos, queden bien con el diseño, y se vean accesibles para los lectores.

Un nuevo tutorial de SixRevisions nos explica no solo cómo crear un botón en Photoshop con estilo 2.0 sumamente atractivo, sino también a cómo implementarlo de forma tal que al poner el mouse sobre él cambie de aspecto. Un efecto que se suele ver en todos los sitios y que muchos no saben como lograr.

Lo primero es obviamente crear nuestro botón, que en realidad serán dos, uno para el estado normal y otro para cuando está activo. Una vez terminado, veremos como es el código que nos permitirá gracias al CSS implementarlos en nuestro proyecto.

También puedes leer

Botones gratuitos para tu web

Isabel — Mon, 04 May 2009 12:00:31 +0000

Si te encuentras armando un nuevo sitio o diseño, seguramente un buen paquete de botones te sea útil. Una opción a tener en cuenta es el que nos ofrecen en Dragonartz, con 48 botones estilo “glossy” que se ven atractivos y pueden implementarse de infinidad de maneras.

Los mismos vienen en dos estilos, y gran cantidad de colores, en un archivo de formato Eps y uno Svg con fondo transparente, además de tener una resolución de 550dpi (7639×7639px). Pueden descargarlo en un archivo de 3.2Mb de peso, solo con los formatos vectoriales, o uno de 11Mb, que trae los botones en formato Png. Y podremos elegir entre DepositFiles, o Rapidshare para realizar la descarga.

También puedes leer

Botones y código para incluir Twitter en tu blog

Isabel — Thu, 19 Feb 2009 12:00:17 +0000

En el sitio Altered Advice saben el furor que resultó ser Twitter. Todos tenemos una cuenta y la usamos para socializar o en el caso de que pertenezca a nuestro blog, mantener actualizados a nuestros lectores. Por esto, decidieron publicar en su sitio, 10 botones deTwitter de lo más simpáticos, para que agreguemos a nuestro blog y le brindemos a nuestros lectores la posibilidad de enviar nuestro post a Twitter, si es que les pareció interesante.

Para esto eligen una imagen, la descargan con el click derecho y “Guardar imagen como…” y la suben a donde habitualmente suben sus imágenes. Una vez hecho esto solo les queda ver el código que brindan, y ubicarlo donde deseen que se vea el icono.

También puedes leer