Bienvenidos a nuestra plataforma de blogging, sigue nuestra comunidad y comparte, la idea es crear una cultura de contenidos en tormo al diseño, web, marketing social media y 3d
Diseño Web
Como diseñadores, muchas veces nos encontraremos con clientes un tanto difíciles de complacer, ya sea por el precio, o que sus especificaciones son tan rígidas o, por qué no decirlo, sumamente extrañas que al final terminan perjudicando el diseño. Algunos clientes tienen a externalizar sus proyectos con diseñadores no profesionales (solo ejecutantes de softwares) cuyos precios suelen ser muy bajos, esto les da una mala idea de cuánto vale un diseño. No está mal que empieces con precios bajos, sin embargo cuando ya tienes experiencia y haces un buen trabajo está bien que subas los precios razonablemente claro está, dedícate a los clientes que saben y conocen lo que vales. Preséntate como la mejor opción. Muchos otros creen saber de diseño que dan especificaciones bastante rígidas y quieren ver el diseño terminado antes de pagar. Aunque a veces te parezca que esta es la única opción, debes evitarlo como sea posible pues algunos podrían aprovecharse de ti robando la idea y luego utilizarla. Has que tus clientes te elijan por tu portafolio y no por un trabajo que ellos encarguen sin pago previo. Antes de comenzar un trabajo debes requerir un pago al contado, pues algunos clientes pueden ser muy lentos en pagar o no pagar nada en absoluto. Nunca envíes los archivos finales hasta haber recibido el pago total. Es súper importante planificar cómo se llevará a cabo el proyecto antes de comenzarlo. Pautar reuniones donde discutir todos los detalles del proyecto, precios y términos. Algunos clientes podrán tener el mal hábito de no darte los textos e imágenes necesarias. Has énfasis en la necesidad de los mismos para que el proyecto pueda proceder según lo pautado, asegurándote que sean los textos reales pues si no lo son probablemente terminaras cambiando el diseño original y perdiendo tiempo que no te será remunerado por nadie. El poder de convencimiento juega un papel sumamente importante a la hora de tratar con un cliente, especialmente con aquellos que te pidan cosas tales como copiar diseños ya existentes o unicornios vomitando arcoíris en un sol sobre una playa con una tipografía Comic Sans para el logotipo de un restaurante, es un ejemplo un tanto exagerado, pero no imposible. Tienes que estar preparado que estar preparado para convencer a tu cliente de lo que sea mejor para él, o al menos intentarlo.
0

Diseño Web
Es importante estar al tanto de las tendencias en diseño de páginas web que se van presentando año tras año, para el 2016, algunas empresas grandes marcan pautas en los diseños de sus páginas que terminan sirviendo de guía para el mercado en gerneral, algunas de estas tendencias son las siguientes:  

Microinteracciones

  Son interacciones dentro de una acción más grande, y son muy útiles sobre todo en el diseño para dispositivos móviles y en el diseño para apps, por ejemplo las notificaciones push que se pueden recibir dentro de una aplicación por un like a sus imágenes, o poner la alarma para 10 minutos después una vez se ha activado, estos son ejemplos de microinteracciones con los dispositivos móviles.   Entre los  beneficios que tienes las microinteracciones en el diseño web, están:  
  • Orientar y ensañar a los usuarios cómo interactuar con nuestro sitio.
  • Comunicar cambios de estatus o lograr que el usuario preste atención por ciertas áreas.
  • Proveer retroalimentación desde las acciones principales.
  • Agregar elementos que mejoran la experiencia sin desviarse del objetivo principal.
  • Fortalecen la identidad de la marca.
  • Cumple expectativas (las microinteracciones son ahora la norma en muchos sitios y productos)
 

Tarjetas (Cards)

  Resumen la información en un sólo contenedor, esta práctica fué presentada por sitios como Facebook y Pinterest y ahora se vuelve toda una tendencia, múltiples industrias a lo largo y ancho de la web la están utilizando.  
  • Las cards son intuitivas y fáciles de entender sin explicaciones adicionales.
  • Permiten a los sitios organizar una larga acantidad de información en piezas concretas.
  • Es fácil compartirlas en las redes sociales.
  • Son perfectas para diseño web adaptable.
 

Diseño Minimalista

  El contenido es rey y si el diseño visual se enfoca en mostrar el contenido de una manera adecuada, están alabando al rey.   No presentar distracciones adicionales al usuario de nuestro sitio, lo ayudará a enfocarse en este contenido que estamos presentando, la estética minimalista se vuelve adecuada para mostrar la información de una manera concreta, y esto ha venido siendo tendencia y sigue siéndolo durante el 2016.    
  • Beneficios:
  • Con un vistazo podremos entender la ubicación de los elementos y funcionalidad.
  • Énfasis en los contenidos, especialmente visuales.
  • Reducción en los tiempos de apertura.
  • Atmósfera de sofisticación (Apple).
  • Incremento en legibilidad.
 

Híbrido entre Flat y Material Design

  Material Design en un lenguaje de diseño por capas de Google y el diseño Flat o plano fué diseñado como el lenguaje gráfico más simple.   Conocido cómo Flat Design 2.0, el estilo híbrido refleja la est{etica moderna del flat design y la sensación por capas de Material Design.  
  • Mecánicas realistas hacen la interfaz de usuario intuitiva y viva.
  • Los objetos por capas planas mejoran la usabilidad debido a que los objetos clicables son fáciles de identificar.
  • Estética moderna.
  • Los visuales planos tienen velocidades de carga más rápidas.
  • Al ser usados para diseño de sitios web de escritorio, hace parecer la navegación menos forzosa.

Animaciones Enriquecidas

  La animaciones son muy interesantes desde la animación tipo ícono en la carga de una página hasta una animación a gran rango usada para un fondo.   La animaciones crean y dan vida a un sitio web, dan una reatroalimentación más intuitiva y atraen la atención a elementos específicos.   Las animaciones usadas en los sitios web son y serán tendencia en el diseño de páginas web por el momento.  

Tipografías Dramáticas

Al tener mejores resoluciones de dispositivos, conexiones de internet más rápidas y la posibilidad de nuevas herramientas de fuentes, como Google Fonts, Adobe Typekit y Font Awesome, vuelven esta temporada una era dorada para la tipografía.   Hay muy buenas opciones para tipografías en estos momentos en cuento a diseño web se refiere. Lo cual es una oportunidad para mostrar identidad de marca. La legibilidad se vuelve un aspecto imprescindible a tener en cuenta.    

Otras Tendencias en Diseño Web para el 2016

  Además veremos un uso de colores más vibrantes, contrastes impactantes y degradados fuertes, el uso de imágenes en alta resolución, scrolls de pantalla largos, o navegación que activa el scroll y una alternativa popular a las fotografías e imágenes de stock serán las ilustraciones personalizadas.
0

Crecimiento Empresarial, Diseño Web, Marketing Digital, Publicidad y Mercadeo, Tutoriales, Guías y Educación Virtual
Cuando empezamos la presencia digital de nuestra empresa podemos crear un mundo nuevo que llene y hasta supere las expectativas de los clientes, pero ten en cuenta que todo depende de ti y la planificación que hagas previamente, debes saber que aunque la empresa que contrates para hacer tu página web conoce del tema no podrá satisfacer tus necesidades y las de tus clientes si tu no se las comunicas.
Cuando decides emprender tu rumbo en la escena digital debes pensar en diversos aspectos, no cometas el error de no expresarle exactamente lo que quieres a tu diseñador y luego enfadarte al darte cuenta que tu sitio web no quedo tal cual tu lo habías imaginado
  1. Piensa en la diagramación que quieres que lleve tu sitio web.
  2. Ten lista la información que quieres que contenga. Recuerda que el contenido del sitio te ayuda a tener un buen posicionamiento en motores de búsqueda como google y le otorgará a tus clientes las razones por las que debe contratarte a ti y no a tu competencia.
  3. Elige unas excelentes imágenes que describan exactamente el alma de tu compañía, de estas imágenes que tu decidas poner en tu página dependerá mucho la imagen que se lleven tus clientes de tu negocio.
  4. Planea que sub sitios quieres que tenga tu página (página de inicio, quienes somos, servicios, blog, contáctenos).
  5. Ten a mano tus teléfonos y correos de contacto, recuerda que la función principal de un sitio web es realizar conversiones es decir que te llamen y tu puedas concretar la venta.
  6. Ten definida tu identidad corporativa, es decir el logo de tu empresa y los colores que quieres que la identifiquen, para que tu diseñador pueda realizar el sitio acorde a ellos.
  7.  Si tu marca ya tiene algunos clientes, recluta buenos comentarios por parte de ellos y pregúntales que si puedes colocarlos en tu página, esto permitirá crear un valor a tu marca y afianzara la confianza de nuevos clientes hacia tu compañía.
  8. Ten listo un contenido para tu blog, recuerda que este te ayuda a tu posicionamiento en motores de búsqueda y permitirá que clientes lleguen a tu sitio web por si solos.
  9. Revisa tu sitio junto con tu diseñador para que juntos dejen listo tu sitio soñado, más que una relación de cliente a empleado ustedes deben convertirse en aliados.
  10. Por ultimo encárgate de promocionar tu sitio web también de manera offline, recuerda que tus objetivos de marketing digital y de marketing tradicional deben ir plenamente conectados, de la sinergia que exista entre ellos tu conseguirás un verdadero éxito.
0

Diseño Web
Muchos ya conocemos la increíble ventaja que representan los diseños web adaptables y responsive, podemos remitirnos a artículos de nuestra web para saber más de su definición y proceso e historia web en general; pero ya entrando en datos técnicos como se programa una página web responsive?, a continuación una introducción al respecto.   Aunque pareciera un aspecto bastante complicado, todo parte del principio fundamental de adaptabilidad en páginas que es muy básico: Debemos consideras 3 anchos de pantalla como mínimo: uno para smartphones, uno para tablets y otro para pantalla completa, en algunos casos será necesario considerar un ancho extra más que es el de las pantallas de notebooks pequeños que a veces nos dan inconvenientes  si sólo consideramos un ancho completo ya que es muy diferente una pantalla de 980 pixeles de ancho a una de 2000 pixeles de ancho, ya que hay que considerar que cada vez más usuarios acceden desde pantallas grandes por un lado, y por otro mucho más creciente aún, lo usuarios ya tienen acceso a internet móvil y poseen smartphones, además necesitan acceder a la información bastante rápido.   Para eso sirven los media queries y hay algunas maneras de añadirlos, se pueden llamar por separado desde el archivo html respectivo o ser pueden ingresar en el mismo archivo, a continuación les expongo un ejemplo en el cual pensamos en 4 tipos de pantallas, acá se intuye que ya tenemos un código para el ancho completo y para especificar en el css los respectivos paquetes los delimitamos con el siguiente bloque de código: @media screen and (max-width: ?px)  {   Bloque de código del ancho respectivo }  en donde ? es el punto máximo en hasta el cual el código es aplicado, luego de rebasar ese ancho pasa al siguiente bloque de css y así sucesivamente, algunos recomiendo empezar con cómo se vé el ancho más pequeño e irlo cada vez agrandando, entre más específicos sean los detalles de cada sección, mejor será la adaptabilidad de los diversos componentes, en este ejemplo tenemos sólo dos elementos, pero con esta misma estructura podemos asignar más elementos, considerando que muchas páginas tienen un header (sección superior), un slider (banners cambiantes) y un footer (sección inferior), sin contar los menús, recuerde que el div respectivo debe nombrado, para realizarle el respectivo llamado desde CSS.  
 /* smaller than 980  */
 @media screen and (max-width: 980px) {
 /* content */
 #contenido {
 width: 60%;
 padding: 3% 4%;
 }
 /* sidebar */
 #barra-lateral {
 width: 30%;}
 }
 /* smaller than 650 */
 @media screen and (max-width: 650px) {
 /* content */
 #contenido {
 width: auto;
 max-width:450px;
 float: none;
 margin: 20px 0;
 }
 /* sidebar */
 #barra-lateral {
 width: 100%;
 max-width:650px;
 text-align:center;
 margin: 0;
 float: none;
 }
 #barra-lateral img {
 width: 100%;
 max-width:450px;
 margin: 0;
 float: none;
 } #barra-lateral .widget {
 padding: 3% 4%;
 margin: 0 0 10px;
 }
 /* smaller than 560 */
 @media screen and (max-width: 480px) {
 #contenido {
 width: auto;
 max-width:300px;
 text-align:center;
 float: none;
 margin: 20px 0;
 }
 /* sidebar */
 #barra-lateral {
 width: 100%;
 max-width:350px;
 text-align:center;
 margin: 0;
 float: none;
 }
 #barra-lateral img {
 width: 100%;
 max-width:350px;
 text-align:center;
 margin: 0;
 float: none;
 } 
  Es necesario algo de práctica para dominar la técnica y tener conocimientos en HTML y CSS previos para poder realizar la maqueta correctamente, la mejor versión para maquetar el archivo .html sería por supuesto HTML5 que ya viene optimizado para funcionar en dispositivos móviles y tablets, para tener una buena interactividad es necesario incorporar además Javascript en nuestro sitio, recuerde que para diseñar webs cada vez será más importante pensar en los usuarios, por lo cual el diseño es bueno enfocarlo hacia la experiencia que tendrán los usuarios con las páginas web.
0

Diseño Web
Para la comunidad de diseñadores web y bloggers en WordPress tenemos una noticia en el mundo del desarrollo web, una nueva versión de el actualmente más famoso CMS para blogging y sitios web: WordPress en su version 3.8 o también conocida como “Parker” como homenaje a el legendario maestro del jazz Charlie Parker, está versión de WordPress está en línea desde el 13 de diciembre de 2013, con un nuevo tema para blogs llama Twenty Fourteen y una interfaz de administrador rediseñada y bajo el concepto del diseño web adaptable que ofrece una mejor experiencia de lectura y publicación desde tablets y smartphones, esquemas de color varios para escoger y un diseño de interfaz fresco en las áreas de temas, widgets y escritorio. Y como siempre el formato opensource de WordPress nos permite disfrutarla de forma gratuita, ya ha tenido más de millón y medio de descargas en tan sólo 4 días luego de su lanzamiento. Bueno, y con ocasión del comienzo de las festividades de navidad y año nuevo, ha sido un excelente regalo. Hemos tenido un gran año 2013 con los lanzamientos de WordPress 3.6, 3.7 y 3.8, esperamos que para todos lo haya sido, que nos traerá WordPress para el 2014?   La versión 3.8 fué llamada Parker en honor a un maestro innovador del Jazz y el bebop, Charlie Parker y ya está disponible para descarga, una estética moderna y un diseño fresco que transmite claridad y simplicidad. Una tipografía limpia y de código abierto, como todo lo de WordPress. Un contraste refinado, que cambia el look de WordPress al que estábamos acostumbrados.   Wordpress en cada dispositivo: Debido a que todos accedemos a Internet de diversas maneras, como por ejemplo desde el smartphones, tablets, portátil o PC de escritorio, WordPress ahora se adapta a diversos tamaños de pantallas, lo cual nos hará sentir como en casa. Con alta definición y mejoras en la velocidad, podremos publicar más rápidamente nuestros artículos.   Los esquemas de color le darán a su interfaz una increíble capacidad de personalización, con los 8 nuevos esquemas de color que ahora se introducen en el diseño y desarrollo web de esta versión de WordPress.   188 personas contribuyeron para que este lanzamiento se hiciera posible y todos podamos acceder a él de manera gratuita.   Más información de la versión 3.8 “Parker” de WordPress en su sitio oficial: http://wordpress.org/news/2013/12/parker/
0

Diseño Web

Responsive Web Design, Diseño Web Adaptativo o Adaptable

  Todos los días la tecnología avanza de manera sorprendente con el fin de hacer más fácil la vida del hombre y con ella, surgen nuevos deseos y necesidades que demandan la innovación y la mejoría de los productos y servicios que se posicionan en el mercado.   Si hablamos de las tendencias en Internet, las nuevas estrategias que se están generando tienen que ver con los usuarios, de hecho su enfoque esta en ellos. Anteriormente existía una gran barrera que separaba al consumidores de los sitios, pues aunque se seguían desarrollando aparatos electrónicos con acceso a Internet, muchas de las paginas no estaban optimizadas para funcionar desde estos dispositivos.   Sin embargo ese obstáculo pudo derribarse gracias a las nuevas técnicas que permiten a las páginas adaptarse al contexto de los usuarios actuales y atraer a los usuarios potenciales, y que la muchos diseñadores, programadores y dueños de sitios están implementando.   keep reading
0

Diseño Web
Las infografías son útiles maneras de representar gráficamente estadísticas, textos, descripciones y narraciones, en las cuales representamos los datos de una manera icónica, figurativa, gráfica, e incluso sonora, animada e interactiva. Las infografías son medios para mostrar los datos e información gráficamente a través de infogramas, que pueden ser mapas, estadísticas, íconos, gráficos comparativos, viñetas, con los que la información se hace más completa y detallada y el elemento gráfico la hace más comprensible y amigable.   En esta ocasión hemos elaborado una selección de infografías útiles para la comunidad del diseño y desarrollo web y social media, las infografías permiten comprender rápidamente algunos aspectos ya que al ser mostradas de una manera gráfica la información se vuelve más clara, si desea un diseño específico de alguna infografía y mostrar la información de una manera distinta e impactante no dude en contactarnos.    

La Historia del Diseño Web

La historia del Diseño Web #infografia #disenoweb @Jorge Forero dweb3d.com #followback @dweb3d

El Proceso del Diseño Web Adaptable

Responsive Web Design Process | El proceso del diseño adaptable http://www.dweb3d.com/blog/blogs/diseno-web-y-posicionamiento-seo/159-diseno-web-infografias.html infografías de diseño web, visite nuestro artículo relacionado http://www.dweb3d.com/blog/blogs/diseno-web-y-posicionamiento-seo/159-diseno-web-infografias.html

Diseño Web Adaptable, un Cambio de Paradigma en la Industria

Infografia Diseño Web Adaptable #infographics #disenoweb #webdesign http://www.dweb3d.com/blog/blogs/diseno-web-y-posicionamiento-seo/145-diseno-web-adaptable.html

Las Mejores Horas para Postear en Las Redes Sociales

http://www.dweb3d.com/blog/diseno-web/infografias-sobre-diseno-web-y-redes-sociales.html Los mejores momentos para postear en las redes sociales - Best Times to Post on #SocialMedia good for businesses who operate on social media @Stephanie Close Close Tyler

Las Grandes Empresas y las Redes Sociales

Grandes empresas y Redes Sociales conozca más infografías relacionadas en: http://www.dweb3d.com/blog/diseno-web/infografias-sobre-diseno-web-y-redes-sociales.html

5 Pasos para Redes Sociales Sostenibles

5 pasos para un red social sostenible - 5 Steps To Sustainable Social Media [INFOGRAPHIC] visite el blog de dweb3d y conozca otras infografías relacionadas: http://www.dweb3d.com/blog/diseno-web/infografias-sobre-diseno-web-y-redes-sociales.html

El Contenido de Calidad es Rey

Content qualitiy is king - El contenido de calidad en el rey a la hora de posicionamiento web #Web
0

Diseño Web

El papel de los diseñadores de websites colombianos

En Colombia esta disciplina es una rama en constante aumento y desde el año 2012 se ha visto un gran avance, así como un aumento en la competitividad del sector. Las ventajas de emprendimiento que presenta nuestro país le dá a los diseñadores web gran ventaja a la hora de crear empresa, sin embargo, con el pasar de los años, el mercado se ha visto muy saturado y ya no es suficiente sólo tener un sitio web y esperar a que se posicione, las empresas deben competir brindando un valor agregado que las destaque.

Por otro lado el crecimiento de los últimos cinco años en cuanto a herramientas y redes de trabajo freelance en América Latina y el mundo, lo que ha hecho que el networking entre países de todos los continentes haya avanzando.   El creciente intercambio de Colombia con naciones como por ejemplo Estados Unidos, países centro americanos e incluso España y Europa, y la buena respuesta con trabajos de calidad y a precios competitivos, nos abre las puertas al mundo y se empieza a ver una tendencia como lo que pasa por ejemplo en India y China, que son países que, al tener un bajo costo en programación y alta competencia, le ofrecen a las “Grandes Potencias” trabajos de buena calidad a precios competitivos.  

Debido a que el mercado local colombiano de las páginas web tiende a la saturación, los diseñadores web colombianos debemos mirar cada vez a tener nexos y ofrecer servicios a empresas en el exterior y para poder seguir siendo competitivos en un entorno local hay que ofrecer un producto de mejor calidad y diferenciador frente a la competencia.   Es importante el aspecto del valor agregado que le imprimimos a nuestros productos, la posibilidad de ofrecer servicios integrativos también amplía las ventajas a la hora de poder integrar paquetes de servicios que puedan satisfacer las expectativas de los clientes.  

En Dweb3d estamos comprometidos con nuestra nación y con ofrecer siempre los servicios de la mejor calidad, servicios con valores agregados como la posibilidad de ofrecer páginas autoadministrables, incluir capacitación para que el usuario final actualice sus páginas web, incluir consejos de posicionamiento e integrar un blog corporativo a nuestras páginas, así como la integración de lo que se conoce como web 3d y diseño gráfico 3d, disciplinas que integran el diseño web y el diseño web.   Como parte de nuestra visión, está la posibilidad de formar redes, vínculos y alianzas estratégicas, con empresas nacionales e internacionales para dar a conocer la calidad e impacto de nuestros diseños dentro y fuera del país.   Con integración de los sitios diseñados con estrategias digitales que incluyen marketing online, publicidad en google adwords y social media, optimización en motores de búsqueda (posicionamiento seo), interconexión con redes sociales, blogging corporativo, y técnicas como el email marketing, hará que sus webs sean de alto impacto y aumenten su tráfico.

Sin duda no llegamos a estar a la altura de las superpotencias mundiales en el área del diseño web, pero un creciente avance a lo largo de los años en cuanto a modalidades de educación, incremento en las actividades económicas, migración de publicidad tradicional a publicidad y digital, nos han permitido como nación, avanzar hasta el punto de estar casi a la altura de países como Estados Unidos e Inglaterra, y muchas veces tendremos oportunidad de ofrecer nuestros servicios de desarrollo y diseño de páginas web a  naciones que por lo general ofrecen este tipo de servicios a un precio mucho más alto. Es notable además, que un adecuado uso de lenguas extranjeras nos podrá dar mayor competitividad para ofrecer nuestros servicios digitales al extranjero.

Como consejo a los diseñadores web en formación les diré que nunca pierdan ese ímpetu de renovación, tan importante en esta rama, año tras año las plataformas web evolucionan y se hace indispensable una constante actualización. Habrá lenguajes y software que pasen a ser obsoletos, los ciclos de vida de los productos de software cada vez se hace más corto y se renueva con una frecuencia superior. De igual manera lo hacen las tecnologías y hardware que los soportan.

Conozca nuestros planes de diseño web profesional que ofrecemos en Dweb3d para pequeñas, medianas y grandes empresas, lleve su negocio a un punto más alto explorando nuevos canales de difusión y venta, Diseñe su página web ahora.

0

Diseño Web

Historia de Internet y del Diseño Web

Una historia corta pero que crece a pasos agigantados

La historia del diseño de páginas web es corta, cambia a pasos agigantados, pues va de la mano con la historia de Internet. Cambia así mismo de manera radical incluso la forma en que vivimos nuestras vidas. Más importante aún, Internet ha creado miles de empleos y de nuevas profesiones que a pesar de que van cambiando de nombre, apareciendo y desapareciendo, hay muchas que se van consolidando y se vuelven una importante fuente de empleo de manera global en el sector servicio.

Entre las nuevas profesiones que han surgido están incluidas, el social media manager, el community manager, que luego evolucionan en la estrategia digital, así como el maketing online, posicionamiento en buscadores SEO, los bloggers y por supuesto, el diseño web.

keep reading
0

PREVIOUS POSTSPage 1 of 2NO NEW POSTS