Freelance is better…

Posts Tagged ‘Diseño Web

Designers Toolbox, es lo que su nombre refiere(traducido al español): una caja de herramientas para diseñadores.

No importa si diseñas prensa, para exteriores, para interiores, para web, para web en pc, para web en mac, para web en pc con xp, para web en pc con vista, para Firefox, para Iexplorer, para safari, para el iphone, etc; Dessigners Toolbox, te brindará todo lo necesario para llevar a cabo un buen trabajo.

Pero más allá de su nombre, el sitio web habla por si mismo. En él encuentras un completo set de recursos básicos que nos ahorrarán horas de horas de diseño. De forma organizada podremos encontrar.

Diseño impreso:

  • Tamaños de papel
  • Modelos de sobres
  • Folders
  • Covers para CD/DVD
  • Cajas de CD/DVD
  • Tipos de encuadernados

Diseño en web

  • Elementos de navegadores: cabeceras, cajas de texto, combos, checkboxes, radios, etc; en diversos navegadores, como Firefox, Iexplorer(en XP y Visa), Safari, etc.
  • Areas de diseño en pantalla.
  • Caracteres en HTML(con código incluido, muy util).
  • Banners para web.
  • Fuentes para web.
  • Generador de texto(lipsum)

Entre otras categorías…

En fin, si quieren ahorrarse tiempo y hacer un buen trabajo, recomiendo mucho usar este website.

Link: Designers Toolbox

Anuncios

Si, ya sé que el blog se ve diferente (no me digan que no se ve mejor…!!!)  y que además voy por el tercer cambio, pero es que no me resistí a tan logrado diseño. Fue elaborado por Elena, de Design Disease, en ese lugar todos toman en cuenta el diseño funcional, codigo semántico, accesibilidad y usabilidad.

 

Hey… de qué hablas?

Jajaja…seguro están pensando de qué diablos estoy hablando, pues he de recordarles que soy un diseñador web, asi que por ahora yo me entiendo.

Pero la razón real para comenzar diciendoles esto es que estas últimas semanas me han acercado más y más a lo que verdaderamente es mi trabajo: diseñar un website y me he dado cuenta que en muchos países de América latina, estamos muy atrazados en esta área.

Necesitamos avanzar y comenzar a hacer bien el trabajo en lo que a web se refiere. Yo lo he pensado muchas veces, algunas personas que conozco ya lo han comenzado a intentar y por eso yo me uno a la causa..!!!

Desde ahora añado un nuevo target a mi blog, el cual hasta ahora sólo abarcaba publicistas y cinéfilos. A ese mix le agregaré a los web designers. Así seas un aficionado, junior o senior, haré todo lo posible por que este blog te sirva.

Así que, sinceramente espero comenzar con buen pie esta iniciativa. Saludos a todos, gracias por los comentarios y gracias por seguir visitando el blog aún cuando lleva un mes y medio sin actualizar.

Etiquetas:

La primera mención en CSS Manía ha llegado el día de hoy. El Website del Hotel Bracamonte. Actualización: la anterior versión del Website del Hotel Bracamonte en Huanchaco ha sido incluida en el famoso showcase.

Me siento feliz por ver un trabajo realizado por mí en ese lugar, aunque el autor oficial sea Simbiosys Online, un buen lugar donde laboré hasta el mes pasado.

Visto en: CSS Manía

Link de mención: CSS Manía – Hotel Bracamonte

Actualización: hace una semana el website ha sido cambiado por una nueva versión que incluye videos y flash en su mayoria. No es de mi autoría, saquen sus propias conclusiones entrando a la nueva versión del website.

Una recopilación que podría necesitar cualquier persona que desea comenzar y mejorar sus habilidades en el diseño y codificación de Websites. Esto pretendía ser un email de ayuda para un amigo, pero lo comparto publicamente, esperemos que exista una segunda parte.

INSPIRACIÓN

LOS MEJORES DISEÑOS DEL 2007:
http://www.webdesignerwall.com/trends/best-of-css-design-2007/

DISEÑOS WEB BASADOS EN GRILLAS
http://www.webdesignerwall.com/trends/grid-and-column-designs/

63 IMPRESIONANTES FONDOS EN WEBSITES http://www.noupe.com/design/63-impressive-website-background-images-trends-resources-and-tutorials.html

INTERESANTES CABECERAS EN WEBSITES
http://www.noupe.com/design/70-visually-impressing-header-graphics.html

MUCHA MAS INSPIRACIÓN
http://www.smashingmagazine.com/category/monday-inspiration/

TENDENCIAS

ILLUSTRACIÓN EN DISEÑO DE WEBSITES
http://www.webdesignerwall.com/trends/vector-illustration-trend/

TENDENCIAS – USO DE PIEZAS DE MADERA EN DISEÑOS
http://www.noupe.com/design/stunning-desings-using-that-piece-of-wood.html

EL PROCESO DE DISEÑO

DISEÑANDO UN WEBSITE
http://www.webdesignerwall.com/tutorials/design-process-of-wdw/

DISEÑO DE ICONOS
http://www.webdesignerwall.com/tutorials/how-to-design-mini-icons/

USO DE TIPOGRAFIA
http://www.webdesignerwall.com/tutorials/typographic-contrast-flow/

CSS

CREACION DE UN MENU USANDO LISTAS Y CSS / Te servirá toda la vida
http://www.webdesignerwall.com/tutorials/advanced-css-menu/

ESTILIZANDO LISTAS COMUNES
http://www.webdesignerwall.com/tutorials/style-your-ordered-list/

DEGRADADO EN TEXTO CON CSS
http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

101 TECNICAS EN CSS DE TODOS LOS TIEMPOS – PARTE 1
http://www.noupe.com/design/101-css-techniques-of-all-time-part-1.html

101 TECNICAS EN CSS DE TODOS LOS TIEMPOS – PARTE 2
http://www.noupe.com/css/101-css-techniques-of-all-time-part2.html

COSILLAS INTERESANTES EN ESPAÑOL

TIPS CSS
http://www.cristalab.com/tips/tags/css

USANDO IMAGENES COMO BOTONES EN FORMULARIOS
http://tipsdeaweb.com/category/css

AJAX

JQUERY – 37 PLUGINS INTERESANTES
http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html

JQUERY -45 PLUGINS NUEVOS E INTERESANTES
http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins.html

MANEJO DE CONTENIDO EN TABS CON AJAX
http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

RECURSOS

MAS DE 800 FUENTES GRATUITAS DE CALIDAD
http://www.noupe.com/fonts/download-over-8000-high-quality-free-fonts.html

DAFONT
http://www.dafont.com

LO MEJOR DE CADA MES

FEBRERO 2008
http://www.noupe.com/design/watch-out-web-designers-awesomeness-of-february.html

MAS DE TODO

AQUI
http://www.noupe.com/

Y AQUI
http://www.smashingmagazine.com

SOLO CSS
http://www.smashingmagazine.com/category/css/

Hector
Etiquetas:

Recuerdan este post? En el cual hablaba de una mala experiencia con un cliente por no tener los terminos escritos en un papelito como este:

contrato4.jpg

Pues bien, en Intenta han publicado un interesante modelo de cómo presentar un proyecto web a realizar. Incluye la parte de contrato y es un documento en word muy interesante, facil de entender y util. Así que pueden descargarlo y tomarlo de plantilla para sus futuros proyectos.

Etiquetas:

Hoy por fin empecé el primer proyecto web en Simbiosys, ya lo estaba esperando luego de estancarme un poco dándole post-producción a una otro site que estaba en cola.

Pues bien este tema me ha servido para echarle un ojo a aquellos artículos interesantes sobre la producción web, mejor dicho “la correcta forma” de producir una web. Era de esperarse encontrar la palabrita Usabilidad dentro de todos aquellos artículos. Y es que existen ejemplos grandes de websites poco usables pero que gozan de una popularidad increible.

smashing.jpgsitepoint.jpg

Si te interesa el tema, se que las fuentes te van a servir y que no habrá problema en que estén en ingles(hombre, eres un diseñador web, escribes código en ingles y no te gusta leer artículos en ingles?, y todavía gratis ¬¬, creo que si me entiendes).

En Smashing Magazine el tema es 10 pesadillas de la usabilidad de las que debes cuidarte (gracias a Google por la traducción), y en Sitepoint el tema es Errores en la usabilidad de 10 sitios muy populares.

Echenle ojo al tema, cuando agarre “vacaciones”(tiempo libre), tendré en mente en escribir artículos sobre web y usabilidad.

Antes que nada decirles que una semana sin postear se debe a algo y es que luego de entrar al segundo ciclo del ITN y empezar a trabajar en Simbiosys Software, vuelvo a llenarme de tareas dejando poco tiempo para el blog.

itn_simbiosys.jpg

Aún así las dos últimas semanas han sido muy satisfactorias para mí: el blog ha alcanzado las 1000 visitas por dia, mejor dicho lo ha superado con facilidad llegando a subir a cerca de 1400 visitas diarias hace dos semanas y a 1300 la semana que pasó. Gracias a todos XD.

El tema en si

Trends o tendencias es un tema muy hablado en la web. Una tendencia en el ámbito del diseño es un conjunto de características que sirven de inspiración o que simplemente se tienen en cuenta para la realización de una pieza.

Para que lo entiendan mejor:

tendencias2.jpg

Estoy seguro que mas del 100% de ustedes al navegar en Internet han visto casos de diseños como los de arriba. Son tendencias también y por cierto muy duraderas y usadas hasta ahora, de ellas han aparecido múltiples tendencias secundarias como:

reflejos.jpg

Obviamente esto es solo una parte de lo que se llama tendencia y les he mostrado solo lo relacionado a Web. Existen muchas en el tema gráfico y también para el diseño de logotipos. Las tendencias suelen renovarse anualmente.

tendencia5.jpg

En este año se definieron las tendencias para los logotipos, muy al estilo Web 2.0 y en esta web podemos ver los diseños que la empezaron.

Soy consciente de que este tema de tendencias tiene mucho para explicar y trataré de darme más tiempo para ampliarlo.

Por ahora les dejo otra página en ingles en donde pueden ver más sobre las tendencias que dejaron marca este 2007.