Archivos de la categoría ‘Herramientas de diseño y web’

Les dejo material que es interesante ya sea que se pueda descargar algún diseño que haga ahorrar tiempo para un trabajo o para inspirarse mirando un buen diseño de unas latas para hacer pruebas de ADN.

 

diccionario para diseñadores gráficos

 

Diccionario español ingles para diseñadores gráficos

 

El primer enlace es un diccionario con términos que utilizamos los diseñadores gráficos, que creo es muy útil por que además de darte el significado de una palabra, te dice como se escribe en ingles. Por ejemplo la palabra; Retícula, el significado es: Estructura de la página, basada en líneas entrecruzadas horizontales y verticales, que sirve para alinear los distintos elementos necesarios para la maquetación, y se escribe en ingles como; Grid / Base grid. Esto puede ser de mucha ayuda para los que quieran buscar recursos o tutoriales en internet pero en ingles, o para los que quieren recordar el significado de alguna palabra. Ese diccionario lo vi en un post de criterion y el diccionario lo pueden consultar acá | [ Designary ]

 

revista psd
iphone psd

 

Recursos para descargar en formato PSD

 

Los siguientes son un par de archivos que podrían ahorrar el tiempo a un diseñador o a un estudiante de diseño para una tarea. Se trata de un archivo tipo PSD con un diseño de una revista, descargas el archivo y lo abres para editar el contenido. Es como un themplete en donde tu sólo tienes que colocar encima un diseño o una foto que quieres que se vea en la revista. Y también hay varios Mockups o maquetas de teléfonos iPhone, que tienen la misma función que el ejemplo anterior. Descargas el archivo que necesites y pones encima tu aplicación o el diseño que tu hiciste. Acá el enlace para descargar la revista | [ Magazine Presentation ] Y acá la dirección para ver y descargar los mockups del iPhone | [ Free Mobile Mockups To Use In Your Next Design ]

 

psicología de marketing

 

Psicología del marketing de consumo

 

Y este es un articulo que habla de como el diseño se ayuda y saca ventaja de la psicología del marketing. Ponen como ejemplo como se diseñan las cajas de cereales que consumen los niños, dicen que los personajes que aparecen en esas cajas miran hacia abajo, a la altura de los niños para conseguir un contacto visual. En cambio el cereal que es consumido por los adultos no tienen personajes, tienen una foto del producto y eso es todo. Acá pueden leer el artículo completo | [ Why Cap’n Crunch Looks Down at Your Kid ]

 

diseño para pruebas de dna
diseño para pruebas de dna
diseño para pruebas de dna

 

Diseño para unas pruebas de DNA

 

Y para cerrar el post un diseño de un paquete de una prueba de DNA. Me gustó por lo raro o poco común del contenido, pero a pesar de eso le hicieron un buen diseño gráfico. Las instrucciones como el material para hacer la prueba de DNA, están contenidos en una especie de lata. Los datos del diseño y más imágenes pueden verse en esta dirección | [ Genos Dna Testing Sets ]

_20140104_193627

iPad Geek, es una utilidad para todo diseñador y/o desarrollador de sitios web de lo más buena, y es que en ella podremos ver como se ve un sitio web en la pantalla de un iPad, eso sirve mayormente para probar nuevos diseños y ver si cumplen con lo que queremos para ese tipo de pantallas, y así ver que tal la experiencia de un usuario de este tipo de dispositivo para con nuestra web.

Solo bastaría poner la URL o Enlace del sitio web que queremos previsualizar tal como se hace en un iPad, en nuestro caso fue Codigogeek.com por supuesto, en la imagen de ejemplo podemos ver que se ve casi tal cual la versión web, pero ajustado a la pantalla del iPad, pero no solo en iPad sino que además podremos ver como se ve nuestro sitio web en un iPhone 4 o iPhone 5.

No se necesita registro por lo cual, cada quien debe animarse a probar como se ve su sitio web y ver que todo este en orden, es de suma importancia mantener una experiencia óptima de navegación para los usuarios de todos los dispositivos, para así procurar que vuelvan a nuestro sitio web y generar más tráfico a través de las recomendaciones que ellos mismos harán si todo les gusta.

Enlace: iPad Geek

Fuente: softandapps

Una página que te enseña a como usar google font en cualquier sitio sin necesidad de editar código, te muestra el resultado de inmediato, tan solo hace falta seleccionar un tipo de fuente.

 

como usar google font

Aplicación we que te enseña a como usar google font

 

Google font, te permite utilizar muchas tipografías en tu página web, para que sean visible en cualquier computadora, independientemente de que la tenga instalada o no. Gracias a eso tenemos mucha libertad creativa al momento de hacer un diseño de una página web, no tenemos que estar atados a utilizar unicamente en nuestro trabajo las tipografías que vienen pre-instaladas en todas las computadoras. De hecho éste blog utiliza tipografías de Google font. Es muy fácil utilizarlas, solo copias unos códigos y los pegas en tu página, y todavía es más fácil entender como funciona gracias a una página que encontré y que quiero compartir en este blog.

 

Se trata de TypeWonder, es una página que te permite cambiar la tipografía de cualquier página web existente en internet, sin necesidad de modificar su código. Unicamente lo que tienes que hacer es escribir la dirección de la página, elegir entre todas las fuentes que puedes encontrar en Google font, si prueban esta página se podrán dar cuenta de que hay muchos diseños, para todo tipo de gustos y de diseños, finalmente dan clic en el botón que dice; use! y podrán ver la página con la tipografía que seleccionaron. Pueden cambiar la fuente dando clic en el botón superior que dice Change font, casi de inmediato podrán ver reflejado el cambio de tipografía en su web.

 

Y también tiene la opción de conseguir el código por si vieron una fuente que les gusta y la quieren implementar en su página. Son dos líneas de códigos que deben de colocar en para que se vean en su diseño, una la deben de poner en su página y el otro lo ponen en el archivo donde tienen el código CSS, así de fácil y sencillo. Deja la dirección acá para que hagan pruebas en todas las páginas que conozcan y vean si les gusta antes de implementarlo definitivamente en sus sitios | [TypeWonder Beta]

11111111111111

Para desarrolladores web actualmente en la web existen muchas herramientas, pero hay pocas que resulten realmente útiles en un momento determinado y de esas pocas hoy les presentamos una aplicación online que básicamente nos permite crear código online de CSS y muy fácil de verdad, su nombre es CSS Matic.

CSS Matic es una herramienta online, que nos permite de manera fácil y rápida crear estilos CSS, y es muy recomendable sobre todo para los diseñadores, ya que les proporciona el código CSS previamente configurado y personalizado en fracciones de segundos. Dentro de las cosas que podemos hacer con CSS Matic, están  los degradados, las sombras para los div (o caja), y por supuesto las esquinas redondeadas para los div, entre muchas otras cosas.

La facilidad de uso, más una interfaz totalmente agradable y sencilla de entender, debo decir que me ha gustado bastante CSS Matic, en ella podremos crear muchos estilos visuales para nuestros diseños sin mucho esfuerzo, y lo mejor de todo sin duda es el poder crear todo mediante “configuraciones visuales” osea que no necesitamos ni siquiera saber mucho de código CSS, ya que el generador se encarga de todo solo tendremos que ingresar los parámetros a seguir.

Si eres diseñador, sin duda alguna CSS Matic es una herramienta que no puede faltar en tú colección.

Enlace: CSS Matic
Fuente: seetio

CS2_gratis
cs2 gratis

 

Adobe ha puesto a disposición del que quiera Creative Suite 2, esta contiene todos estos programas:

 

Acrobas 3D
Acrobat Standard 7.0
Acrobat Pro 8.0
Audition 3.0
GoLive
Illustrator
InCopy
InDesign
Photoshop
Photoshop Elements
Adobe Premier Pro

 

Los esta regalando Adobe, por eso no es nada de piratería o algo parecido, te dan los números de serie, por lo tanto los tendrás todo el tiempo que quieras.

 

Si quieres una versión de Photoshop o Illustrator original y no pagar nada por ella, acá lo puedes descargar para MAC o para windows | [cs2 downloads]

darktable 1.1 1 Disponible Darktable 1.1, programa gratuito de procesado fotográfico

Darktable es un programa de edición fotográfica completamente gratuito y de código abierto que está en constante evolución. Tal es así que ha llegado a su versión 1.1, la cual llega cargada de numerosas mejoras y nuevas características.

Entre algunas de esas características se encuentran el soporte cada vez más completo de distintos modelos de cámaras, sistema de geoetiquetado a través de un mapa interactivo, un completo módulo de corrección de color así como un gestor mejorado de perfiles de color, vista en tiempo real al utilizar el modo ‘tethered’ y un sistema de nitidez mejorado ­y optimizado para imágenes en las que se haya aplicado corrección de lente o perspectiva.

darktable 1.1 2 Disponible Darktable 1.1, programa gratuito de procesado fotográfico

Darktable está disponible para OS X y la mayoría de distribuciones Linux, aunque por ahora no para Windows. Para los usuarios nuevos de la aplicación existe un manual de usuario de más de 90 páginas en formato PDF, el cual resulta perfecto si nos manejamos en el inglés pues por ahora sólo se encuentra disponible en este idioma.

Más información – Edición fotográfica en Creativos Online
Fuente – Sitio oficial de Darktable
Vía – Ubunlog

Color Scheme Designer, o sencillamente “CSD” por sus iniciales, es una aplicación desarrollada con el propósito de facilitar la elección y visualización de colores y esquemas de colores. Se trata de una herramienta de gran utilidad para todos los diseñadores gráficos que suelen trabajar con herramientas tales como Photoshop, InDesign, Corell, entre otros.

El concepto de Color Scheme Designer es simplificar los conocimientos que existen sobre la teoría de colores y facilitarnos encontrar combinaciones de colores agradables a la vista, ahorrándonos una cantidad de tiempo considerable.

Manejar la herramienta es muy sencilla, lo primero es definir el tipo de esquema que queremos obtener. Escogemos un color central y el resto es ir trabajando con parámetros que nos permitirán generar combinaciones de colores, el resto queda a nuestro criterio de ir viendo qué combinaciones de colores nos resultan más agradables.

Una vez seleccionado el color podremos trabajar con esquemas de colores monocromáticos, buscar colores complementarios, triadas, tétradas, o también buscar colores análogos, entre otras opciones.

Al final podemos exportar toda la información que generemos a un archivo Html, Xml, o incluso ACO para que lo integremos fácilmente a nuestras paletas de Photoshop.

Sencillamente no te lo puedes perder.

Enlace: ColorSchemeDesigner