En muchas ocasiones, cuando diseñamos un sitio web se nos presentan algunos problemas a la hora de decidirnos por una combinación de colores agradable, ya que mientras visitamos otros sitios para inspirarnos, o probamos una y mil veces combinaciones de colores partiendo de un color específico o de una foto, no siempre obtenemos los resultados deseados y muchas veces invertimos más tiempo del debido.

Investigando en la red he encontrado muchos recursos que ayudan a que esta tarea sea más sencilla y ahorremos ese valioso tiempo.

Gracias a las maravillosas herramientas online que existen, podemos tomar ideas de paletas de colores prediseñadas, buscar las combinaciones de colores por tema, subir una foto, una imagen o un arte y extraer la gama de colores que lo componen o hacer tus propias combinaciones de colores y compartirlas, ayudándonos así a obtener de manera rápida y sencilla combinaciones de colores en armonía y acorde con nuestras necesidades.

Una de estas herramientas es Kuler, es una aplicación de Adobe en donde se presenta una extensa galería de combinaciones de colores realizadas por diferentes usuarios y en donde también puedes hacer, compartir y hasta someter a votos tus propias combinaciones una vez te hayas registrado. A partir del nombre de un color, de un tema o concepto que tengas planeado desarollar, puedes hacer tus búsquedas y encontrar diversas combinaciones. Esta es la herramienta que utilizo con más frecuencia para mi proceso de diseño.

Otra herramienta similar es ColourLovers, por lo que he leído, es la favorita de muchos amantes del color, es un sitio donde podrás encontrar desde un simple color hasta diversas paletas de colores etiquetadas, es decir que puedes buscarlas por temas. También encontrarás diseños de patterns y podrás hacer tus propias creaciones, calificar la de otros y comentar sobre ello.

ColorSchemeDesigner con esta herramienta puedes hacer no solo combinaciones de colores sino que también muestra una previsualización de tus colores elegidos con texto en un fondo claro y en uno oscuro.

En ColorBlender podrás encontrar combinaciones de colores a través de una búsqueda en donde insertas el código de RGB o HSV. Te da la opción de descargarlas para Photoshop, Illustrator o enviarlo por e-mail.

Con ColorHunter y Pictaculous puedes generar una paleta de colores a partir de una imagen que subas desde tu ordenador.

ColourGrab, con esta herramienta puedes descubrir los colores que componen una imagen simplemente colocando el url de la imagen y a la vez te genera un diagrama de combinaciones.

Otra herramienta que trabaja a base de imágenes, es CSS Drive’s Image to Colors Palette Generator del sitio CSSDrive, que aparte de generarte la paleta completa de colores que componen tu foto, te clasifica los colores de la foto en claros, medios y oscuros.

Otras herramientas que puedes usar online, plug-ins o programas para descargar que también pueden ayudarte en la combinación de colores son: Aviary, Color Jack, ColorSchemer, ColorZilla.

Todas estas son solo algunas de las muchas herramientas que existen en Internet para facilitarte el trabajo de combinar colores y la ventaja de la mayoría de estas herramientas es que son fáciles de usar.

Ahora la próxima vez que te toque diseñar un sitio web y se te dificulte escoger los colores adecuados, solo tienes que escoger la herramienta que más te guste e inspirarte. No solo serán efectivas para suplir tus necesidades de momento sino que con su uso continuo podrás aprender más sobre la diversidad inimaginable de agradables combinaciones que se pueden hacer a partir de un solo color.

Pienso que el uso de estas herramientas no se limita al web ya que pueden ser de gran utilidad para combinaciones de colores en otras áreas como para decoración, pintura y diseño en general.

Diviértete e inspírate.

Jennifer Canto/ Diseñadora gráfica y web de Dreamcatcher Studio

Sin embargo, cada vez que tomamos la tarea de buscar fotografías en estos sitios de stock nos topamos con un gran número de excelentes  obras de  miles  de fotógrafos provenientes de cada rincón del planeta. Lo que me lleva a pensar en el hecho de que no tengo idea de quiénes son los mejores fotógrafos de Panamá, lo suficientemente versátiles y hábiles para tomar  fotos de igual calidad que las que uno encuentra en los bancos de imágenes más populares.

Ahora, esto no quiere decir que no conozco  ningún fotógrafo, de hecho conozco a varios, pero estos más bien se dedican a fotografiar actividades muy específicas como son fotos de bodas, quinceaños, graduación, cobertura de eventos, etc, etc. El perfil de fotógrafo que estaba buscando era más bien de fotografía artística, de moda, para documentales, editorial , reportajes y cosas por el estilo, el tipo de fotografías que requieren de alto grado de calidad, creatividad y en algunos casos valentía.

Pensé que encontrar a estos top fotógrafos sería fácil, por lo que fuí y le pregunté al Sr. Google por “fotógrafos de panamá”, “fotógrafos profesionales de panamá”, “mejores fotógrafos de panamá” y cualquier otra combinación de keywords que se me ocurrió y para mi sorpresa no resultó del todo como esperaba.

Aunque algunos nombres de fotógrafos reconocidos sí aparecieron (supe que eran reconocidos porque sus nombres se repetían una y otra vez a lo largo de varias noticias, premiaciones, reconocimientos, etc.) los mismos estaban regados entre referencias de docenas de noticias de diferentes sitios web y casi ninguno con un link directo a su sitio web, en muchos de los casos eran referencias a galerías online o mini stocks de fotos en donde tienen sus fotografías publicadas y en donde no se mostraba mayor información del perfil del fotógrafo.

Yo entiendo que la carta de presentación de un fotógrafo es su trabajo pero aún así me parece que es de suma importancia que los mismos tengan un sitio web que sea como el punto central de referencia acerca de ¿quiénes son?, ¿qué hacen?, ¿en qué se especializan?, etc, etc, en vez de que uno tenga prácticamente que armar el rompecabezas de su perfil visitando diferentes tipos de sitios web en donde en mucho de los casos ni siquieran tienen el mismo nickname en todos ellos.

Sin embargo algo curioso es que los sitios de fotógrafos / estudios fotográficos dedicados a tomar fotos de quinceaños, bodas, graduaciones, eventos en general, etc, etc, sí abundaban, puede ser que por la naturaleza de su negocio estos sí toman en serio el hecho de tener una presencia en internet.

Por otro lado cabe mencionar que sí hay algunos de estos top fotógrafos que aprovechan las ventajas del internet, un ejemplo de estos es Tito Herrera, el cual conocí hace unos meses atrás es una charla que dio cuyo tema era precisamente como él utiliza la internet como herramienta para su negocio y dejenme decirles que este fotógrafo sí está sacando provecho de las herramientas que brinda la internet ya que él mismo pasó de tener un simple sitio web a armar una especie de mini red de perfiles y herramientas online utilizando sitios web como facebook, twitter, flickr, youtube, blogspot, sistemas de espacio en disco online, skype, etc,etc los cuales lo ayudan mucho en el desenvolvimiento de su trabajo, por lo que felicitamos al Sr. Tito Herrera.

Otros ejemplos están más en el renglón de lo normal con fotógrafos como Federico Galbraith, Alfredo Bocanegra y Alfredo Maiquez entre otros, teniendo sus sitios web con información de ¿quiénes son? y ¿qué hacen?.

También tenemos casos menos inspiradores como el caso de Fernando Bocanegra y Silvia Grunhut los cuales tenían sitios web bastantes atractivos pero ya no están más online.

Ver todo esto me llevó a hacer una lista de los mejores (a mi parecer) sitios web de fotógrafos panameños reconocidos que encontré online. Los escogí por su diseño, presentación y calidad de portafolio. La siguiente lista no tiene ningún orden en particular.

• Federico Galbraith
• Tito Herrera
• Rubén Parra
• Alfredo Bocanegra
• Alfredo Maiquez
• Bobby Pereira
• Tete Olivella
• Ana Gabriela Delgado

P.D.: Si algunos de estos fotógrafos no son panameños me avisan, jejeje y si conocen algun otro fotógrafo que cumpla con este perfil me avisan para agregarlo a la lista.

Fue entonces cuando me surgió la interrogante, será esto verdad? Es decir, todos dicen que sus sitio son los más vistos, los más visitados, los preferidos por los usuarios, etc., pero cuanto de esto es realmente cierto, fue por eso que me tomé a la tarea de buscar cuales son los sitios web creados en panamá más relevantes para los panameños según el ranking de los top 100 sites de alexa.com para Panamá y este fue el resultado:

1. La Prensa Web – www.prensa.com
2. Encuentra24.com – www.encuentra24.com
3. Banco General – www.bgeneral.com
4. Televisora Nacional TVN2 – www.tvn-2.com
5. Universidad Tecnológica de Panamá – www.utp.ac.pa
6. Dealante.com - www.dealante.com
7. Universidad de Panamá – www.up.ac.pa
8. Yoytec Computer – www.yoytec.com
9. Cocoas.net – www.cocoas.net
10. Cable & Wireles Panama – www.cwpanama.net
11. Crítica en Línea – www.critica.com.pa
12. La Cáscara TV – www.lacascara.tv
13. Paginas Amarillas de Latinoamérica – www.paginasamarillas.com
14. Telemetro.com – www.telemetro.com
15. HSBC - Grupo HSBC  - www.hsbc.com.pa
16. Reggae.com.pa – www.reggae.com.pa
17. Sexy o No? – www.sexyono.com (Este no estoy seguro si es o no un sitio web panameño)
18. Universidad Latina de Panamá – www.ulat.ac.pa

Bueno, al parecer el comercial estaba en lo cierto…

Dreamcatcher Studio:
Que tiene más valor, lo impactante, fenomenal e interactivo de los sitios en flash, o la simplicidad, buen diseño y cumplimiento de los estándares de los sitios en CSS?
Escojan sus preferido…

————————————————————————-

Art Man:
yo en lo personal utilizo la mezcla de los dos pero veo que mucha incomodida para los clientes asi que le doy CSS “3″ y a FLASH “1″.

Si el cliente cuenta con herramientas tecnologicas me inclino a Flash de lo contrario CSS.

————————————————————————-

Indra Ilya:
Full-Flash must die

————————————————————————-

Mely Delgado Gfeller:
todo depende del tipo de cliente, muchos piden buen diseño pero a la vez simplicidad a la vista, fácil de entender y sobre todo funcional.
tambien estan los clientes que desean algo moderno, con movimiento,, todo esta en las tecnologías que tenga el usuario final en casa u oficina…. mi humilde opinion, voto por los CSS, porque es lo que piden mas los clientes.

————————————————————————-

Nicanor Garagate Montemayor:
son dos tecnologias diferentes. ccs es bueno porque no pesa y se puede hacer relativamente casi de todo sin tener que usar javascript.

flash es buenisimo pero algo muy avanzado requiere buena conexion de parte del usuario.

————————————————————————-

Darlene Barahona:
Para mi puede ser un complemento de ambas tecnologias, pero depende de la necesidad el cliente.

————————————————————————-

Robinet Andrés:
CSS cuando sea posible y Flash cuando sea imprescindible.

————————————————————————-

Dreamcatcher Studio:

Yo pienso que depende mucho de qué trate el sitio web en cuestión, si es para un producto altamente conocido y famoso, como por ejemplo la Pepsi, entonces si es factible hacerlo totalmente en flash ya que se puede sacar partido de efectos e interacciones radicales del flash, esos son productos en los cuales no hay que preocuparse tanto por hacer SEO y podemos centrarnos más en el diseño y en buscar sacar una respuesta emocional del usuario.

Sinnnnnnnn embargoooooooo, cuando se trata de una empresa que brinda algún tipo de servicio y necesita ser conocida y encontrada por medio de los buscadores entonces hay que preocuparse más por el tema de SEO (aunque ya google está indexando contenido de flash) y por ende es mejor hacerlo full CSS, además la mayoría de las veces estos tipos de empresas necesitan sitio más sobrios, por lo que no hace mucho sentido hacerlo en flash ya que no vamos a hacer ningún efecto loco o interacción radical. Para estos sitio prefiero full CSS y pequeños elementos como banners en flash.

10 tips para mejorar la productividad:

1. Elabora una lista de tus tareas diarias y planifica tu día.

2. Trata de trabajar en tareas por tiempos limitados, digamos 40 minutos; de esta forma puedes adelantar varias tareas en el día y sentirte al final satisfecho de que adelantaste varias cosas.  Esto también es provechoso para “no quemarnos” por decirlo así con una sola tarea, ya que si en el día trabajamos en algo tedioso más de 4 horas puede dejarnos extenuados mentalmente y seremos menos productivos el resto del día.

3. Configura filtros en tu correo; puedes configurarlos por cliente o por proyecto; de esta forma tardarás menos en buscarlos y leerlos y así podrás clasificar lo que es importante y urgente de lo que es correo personal, el cual muchas veces puede esperar.

4. Trata de no leer correo personal en las mañanas ni entres al facebook, deja esto para cuando hayas completado algunas de las tareas de tu To-do-list.  Claro está, a menos que llegues muy temprano a la oficina y no tengas muchas cosas que hacer.

5. Cuando estés trabajando en algo, mantente con el estado “Ocupado” en el Messenger.

6. Escucha música mientras trabajas: si estás en un lugar donde no te necesitan a cada rato, escuchar música con audífonos hace imperceptible los ruidos de la oficina permitiéndote concentrarte mejor, eso sí, ten cuidado, no toda la música puede contribuir al trabajo productivo.

7. Encuentra un tiempo para hacer las tareas repetitivas o aburridas, dicen que el mejor momento es al final de día, cuando estamos cansados, ya que no requieren de nuestro pensamiento creativo.  Por ejemplo, cada vez que tengo que hacer facturas u ordenar papeles lo hago al final del día.

8. No realices llamadas personales largas.

9. Si tienes muchas cosas que hacer, limita tu tiempo en sitios de noticias o blogs.

10. Mantén tu escritorio ordenado, así no perderás tiempo buscando cosas y tu mente también te lo agradecerá.

Éstas son algunas de las distracciones más comunes que experimento como diseñadora web:

• Alguien necesita algo de ti urgente…esto es casi siempre.
• Un cliente llama porque se le cayó su sitio web o no le funciona su cuenta de correo (cuando a veces uno ni siquiera es responsable de esos servicios)
• Gente que le gusta saludarte por el chat y echarte algún cuento aún cuando tienes el estado “Ocupado”.
• Clientes que piden un mantenimiento urgente, o sea, ¡para ya!
• Clientes que se habían desaparecido del mapa, regresan super motivados a terminar su sitio web cuando uno tiene más cosas por hacer.
• Cuando busco un diseño para inspirarme me encuentro cualquier cantidad de cosas interesantes que vale la pena ver más a fondo…creo que por eso mis bookmarks han aumentado aceleradamente.
• La paranoia que muchos tenemos de revisar el e-mail constantemente.
• Atender llamadas de familiares en horas de trabajo, a menos que sea algo urgente por supuesto.
• Tener tareas pendientes en la cabeza, ya que eso implica trabajar en algo pensando en otras cosas que todavía me faltan por hacer y muchas veces reacciono con impulso dejando a medias varias tareas.

Pienso que no siempre las distracciones en el trabajo son malas, ya que ayudan a despejar la mente, pero pienso que cada cosa tiene su hora…a final de cuentas todo es organización.

Los wireframes juegan un papel muy importante en el diseño y desarrollo de un sitio web ya que definen el contenido, la estructura y la funcionalidad del mismo sin tomar en cuenta el diseño en sí (los colores, tipografía, gráficos, etc.)

Los wireframes combinados con el mapa del sitio son el corazón y el alma de un sitio web.  Son muy útiles ya que al crearlos surgen toda una serie de requerimientos y preguntas en las que nadie había pensando anteriormente, además ayudan a crear un seguimiento en la toma de decisiones que tienen que ver con la funcionalidad del sitio y el diseño.

Muchos pueden pensar que hacer wireframes es una pérdida de tiempo ya que muchos clientes por desconocimiento lo ven como algo innecesario o algo que va a retrasar su proyecto, cuando es todo lo contrario; hacer los wireframes puede ahorrarles tiempo y dinero tanto al cliente como al desarrollador web, ya que al obligar a los clientes a pensar en la funcionalidad del sitio evita tener que hacer grandes cambios después, cambios que son difíciles una vez que ya se tiene un diseño o una estructura establecida.

¿Cómo son creados los wireframes?

Los wireframes puedes ser creados con lápiz y papel o utilizando algún programa especial de los muchos que existen hoy en día.  Entre los más conocidos están: Balsamic Mockups, IPlotz, Visio, Omnigraffle.  Algunas personas prefieren usar Excel, Word o Powerpoint que también funcionan para el propósito.

Al crear los wireframes debemos tener mucho cuidado en no hacerlos ni muy detallados ni muy generales.  Un wireframe muy detallado no le deja espacio a la imaginación del diseñador y uno muy general puede ser malinterpretado por los diseñadores y programadores.

Let´s make websites with brains!

Al principio vimos como empresas grandes e importantes acaparaban gran parte del mercado, tanto con su trabajo como con su mercadeo, y del otro lado el resto de las empresas (que no eran tantas como hoy en día)  simplemente trataban de captar el resto del mercado, o al menos esa era mi percepción.

Con el pasar del tiempo, dichas empresas grandes se fueron desinflando hasta quedar al punto en que muchos de sus clientes se fueron con empresas más pequeñas, pero que daban un servicio más personalizado.  Lo que nos lleva a lo que yo llamo “La segunda etapa”,  en donde muchas empresas pequeñas se volvieron medianas, probablemente no en personal pero sí en cantidad de clientes y calidad de los sitios web.

Mientras tanto, algunas empresas influyentes se disolvieron y muchos de sus diseñadores web,  flashers, etc., fueron migrando a otras compañías no dedicadas al sector del diseño web como diseñadores inhouse de las mismas (incluso muchos formaron sus propias empresas o empezaron a trabajar freelance).  Puedo pensar que esto se dio por un crecimiento descontrolado en personal y en estrategias demasiados agresivas de mercadeo en la cual promovían precios demasiados baratos lo cual los dejaba con un margen de error muy pequeño, y al suceder lo que por estadística tarde o temprano iba a suceder “uno o varios errores”,  esto produjo el bajón ya antes mencionado de las grandes empresas de diseño web en Panamá.

Lo cual nos lleva al “estado presente” en donde muchas, pero muchas empresas pequeñas de diseño web se han formado, con diversos campos de especialización, algunas hacen sitios web principalmente en flash, otras en joomla/mambo o drupal, otras en simple html/css y algunas simplemente trabajan con todas las tecnologías anteriores. Hay inclusive casos en donde empresas se han especializado en clientes dedicados a cierto tipo de actividad comercial, como por ejemplo las bienes raices.

No me malinterpreten, algunas empresas grandes de diseño web siguen existiendo con una buena cartera de clientes, pero ya no estan solas en el mercado, ni siento que tienen el “estatus/importancia” del cual gozaban años atrás.  Por otro lado, algunas siguen haciendo las cosas bien durante el transcurso de los años, por lo cual siguen siendo empresas firmes…pero esas son muy pocas.

Definitivamente hoy en día los clientes tienen variedad de donde escoger y ciertamente las empresas de diseño web también tienen una gran gama de mercado al cual suplir, lo cual indica que el negocio de diseño web en Panamá está pasando por un gran momento. Vuelvo y señalo, esta es solo mi percepción, puedo estar equivocado.

Si alguien percibió este período del diseño web en Panamá de otra forma, lo invito a dar su opinión al respecto.