Explora los recursos de diseño en la construcción de un sitio web

Cuando te sientas a explorar diferentes direcciones web de diseño, usted no está solo cuando se trata de localizar a los bienes y recursos que necesita para completar sus diseños. Una serie de recursos de diseño en línea puede ser útil durante el proceso creativo.

De la fotografía y la ilustración

Usted puede encontrar casi cualquier tipo de fotografía o ilustración que usted necesita para un proyecto (incluso vídeo y clips de audio) en una de las muchas compañías de medios de comunicación en línea.

Es muy barato para la compra de imágenes web resolución para utilizar en sus composiciones, y es bien vale la pena el dinero. Afortunadamente para los propósitos de diseño web, sólo necesita una de las imágenes más pequeñas (cada imagen tiene un par de opciones de tamaño). Lo que tu no quiero hacer es utilizar las versiones de prueba gratuitas de imágenes que tienen el aviso de copyright estampada en ellas. Esa es una distracción a los clientes, y hace que sus diseños se ven sin pulir.

Si se descarga las versiones de marcador de posición libre de las imágenes sólo para asegurarse de que va a trabajar para sus diseños, en general, cada uno viene con un número de la imagen en su nombre de archivo. Mantener ese número de código en el nombre del archivo! Si usted tiene que ir y comprar la imagen más tarde (o una versión de mayor resolución de la misma) se puede buscar por su código.

Fotografía digital y escaneado de imágenes

Tener un iPhone? Tiene una increíble cámara integrada que, en caso de apuro, puede capturar imágenes gran calidad que usted puede enviar por correo a su máquina de escritorio, ajustar y cambiar el tamaño en Photoshop, y plop en su diseño web en cuestión de minutos. Cámaras digitales de gama alta son grandes también, pero sólo tienen el paso adicional de conectar el cable de la tarjeta de memoria o un archivo adjunto para obtener las imágenes de la cámara. O, si se involucra a un fotógrafo profesional, por lo general recibe un DVD con todas las imágenes de clasificar. La buena noticia es que debido a que se trabaja con sólo 72 dpi, imágenes digitales son bastante rápido y fácil de trabajar.

La otra opción es escanear imágenes usando un escáner de cama plana de escritorio. Para escáneres de escritorio, siempre escanear en aproximadamente el doble de resolución que usted necesita. Para los gráficos web que necesitan para tener 72 dpi, escanear las imágenes a 150 dpi. De esta manera usted captura suficiente detalle para facilitar la edición. Puede hacer zoom en detalles que necesita y cultivos de distancia del resto, y siempre se puede reducirla, lo que elimina el grano de la exploración. (Escala abajo imágenes les hace perder detalle, incluyendo el detalle que pone de relieve las imperfecciones.)

Tipografía

Al crear opciones de diseño web, es mejor utilizar " griego " texto como un marcador de posición para todo el cuerpo del texto. Usted no quiere que un cliente se centra en la lectura de texto dentro de sus composiciones.

Para titulares decorativos, probar diferentes tipos de letra en Veer. Usted puede escribir su propia frase, ajustar el tamaño y el color, y ver cómo se ve en una variedad de fuentes. Lo que es mejor, si la derecha; clic (PC) o Control-clic (Mac) en el texto de encargo que se crea en Veer, puede guardar la muestra como un archivo PNG transparente. Observe que cuando lo hace, el nombre de la fuente se incluye en el nombre del archivo para que pueda realizar un seguimiento de qué fuente es lo que. A continuación, puede colocar el texto en el diseño web y ver cómo funciona, incluso cambiar sus colores o aplicar efectos a la misma. El texto en sí es una imagen de mapa de bits, pero esto es una gran manera de " probar antes de comprar ".

Pinceles de Photoshop

Photoshop destaca en la que le permite crear texturas y efectos únicos a utilizar en sus diseños. Usted puede pensar que es necesario descargar estas texturas como imágenes de las compañías de la fotografía, pero en realidad hay un montón de gratis y de bajo costo Pinceles para Photoshop que se puede descargar en línea que crear prácticamente cualquier tipo de textura de la sangre salpicó al polvo de hadas de Disney. Si simplemente hace una búsqueda en Google de " Pinceles Photoshop personalizada, " obtendrá una gran cantidad de sitios web para elegir. O usted puede buscar cepillos específicos como " cepillo Photoshop polvo de hadas ". Por supuesto, usted todavía tiene que invertir mucho dinero para comprar Photoshop primero!

Reproductores

Reproductores son componentes estándar de la computadora y del navegador de interfaces - barras de desplazamiento, botones del sistema, botones de radio, cursores, casillas de verificación, y tal. A menudo se necesita para representar a éstos en sus diseños web para indicar los componentes que serán generados por el sistema. En lugar de tomar capturas de pantalla y de cortar las piezas a ti mismo, puede utilizar algunos recursos en línea que proporcionan widgets ya recortadas sobre fondos transparentes, listos para ser colocados en sus diseños.

Plantillas Web de diseño

Si necesita ayuda para obtener ideas o cómo empezar, una serie de recursos en línea ofrecen plantillas gratuitas o de diseño web de pago por descarga de diversa calidad. Hay muchos sitios que ofrecen estas plantillas que si usted acaba de hacer una búsqueda en Google de " plantillas de diseño web, " usted estará bien en su camino. Incluso si usted no compra plantillas en línea, que son un gran recurso para obtener ideas de diseño. Estas plantillas son generalmente Photoshop archivos con capas que ya se establecen en términos de resolución y dimensión, y ahora es sólo una cuestión de juguetear con ellos y personalización.