diseño WebSocial Media
Mostrando entradas con la etiqueta diseño Web. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño Web. Mostrar todas las entradas

jueves, 20 de julio de 2017

Cómo Crear un Portafolio de Diseño Web

Así que puede diseñar fuera de un sitio web. Incluso podría decir que puede codificar y diseñar uno con los ojos vendados y con las manos atadas a la espalda. Ha probado una y otra vez al ayudar a los clientes a aumentar sus ventas simplemente mediante la entrega de un impresionante sitio donde se puede mostrar sus habilidades. Pero ¿qué pasa con el suyo? Podría ser el momento de considerar un portafolio de diseño web.

¿Por qué no poner las habilidades de diseño para utilizar para su propio negocio y construir un portafolio de diseñadores de sitios web para atraer a más clientes y aumentar sus propias ventas.

¿Por qué exactamente necesita un portafolio de diseño web?


¡Bueno!, ¿por qué sus clientes necesitan sitios web? Un portafolio de diseño web, al igual que cualquier otro sitio web, es un anuncio personal para sus habilidades. Piense cuando desea solicitar un trabajo - tiene que armar un curriculum vitae integral para demostrar su talento. Un portafolio de diseño web es mucho tal como eso, pero en lugar de arrastrar su curriculum vitae de oficina en oficina, los clientes o potenciales empleadores pueden encontrar y contratar simplemente escribiendo con las palabras clave mágicas.
Si desea atraer clientes o empleadores, se debe utilizar un portafolio en línea para mostrar su trabajo, sus habilidades y establecerse como un experto en diseño web.
Después de todo, puede hablar de sus habilidades hasta que se le ponga azul su cara, pero demostrarlo en una lista de los diseñadores del sitio Web es de lejos más eficaz.

Su portafolio de diseño web en sí es parte del portafolio


Lo sé, así que ¿cuál será su meta?. Piénselo de esta manera: sus clientes quieren saber que hará un trabajo excelente construyendo su sitio.

Si su propio sitio no es llamativo o fácil de navegar, y no logra lo que se ha establecido para lograrlo, a continuación, envíe el mensaje de que va a hacer igualmente su trabajo para sus clientes.

Tiene sentido, ¿verdad? Lo mejor que puede hacer para impresionar a los clientes potenciales es construir un portafolio que inspire asombro en el momento en que se carga la página. Para lograr esto, hay una serie de cosas que debe centrarse en la creación de su portafolio de diseño web.

1. Centrarse en las imágenes.


Lo más importante acerca del portafolio de un diseñador web es el aspecto visual. Su trabajo podría incluir una gran cantidad ppor detrás de la escena de codificación, pero eso no es de lo que más se preocupan los clientes. Lo que quieren saber es que todo ese código crea algo llamativo y funcional para mostrar su propio trabajo, los productos o las causas.

2. No abrume a los clientes potenciales.


Como diseñador web, sabe que la simplicidad es la clave. No olvide esto al diseñar su propio sitio. Aunque es importante mostrar su trabajo anterior, recuerde que no es necesario listar cada sitio web que haya construido. Es innecesario y es abrumador.

Elija sus proyectos favoritos y llévelos en su sitio en un espacio que no requiera desplazamiento extenso.

Si sus clientes potenciales desean ver más muestras, proporcione un botón en la barra de navegación en la que enumere más trabajo o informes al cliente para que pueda ponerse en contacto y solicitar más trabajos anteriores.

3. Mantener las descripciones simples.


Como todo lo demás en su portafolio, las descripciones de su proyecto deben ser simples y concisas. Es posible que tenga mucho que decir sobre cada proyecto o sobre su proceso, pero es importante tener en cuenta que demasiada información, al igual que demasiados puestos en la lista, podría abrumar a clientes potenciales o empleadores.

Puede correr el riesgo de perder su interés y atención.

Aunque debe discutir absolutamente su proceso y su trabajo, lo mejor que puede hacer es dejar que su trabajo hable por sí mismo.

4. Concentrarse en la navegación.


Una de las características de un excelente sitio Web es su fácil navegación, y es fácil entender por qué. Si alguna vez ha estado en un sitio web y no se podía encontrar lo que estaba buscando debido a la navegación de estilo laberíntico, entonces sabe por qué es tan importante.

Asegúrese de que todas las páginas del portafolio sean fáciles de encontrar y navegar.

Si tiene una gran cantidad de muestras de trabajo para mostrar, también es útil hacer una lista por categorías. De esta manera, los clientes potenciales pueden ver fácilmente lo que ha hecho en el diseño web para su industria.

5. Hacer espacio para presumir.


Incluya una página o sección en su portafolio que enumere sus credenciales. Las credenciales pueden incluir marcas de renombre para las que ha diseñado, empleadores anteriores, premios o escuelas prestigiosas a las que hayas podido asistir.

Mostrar sus credenciales crean confianza en los clientes potenciales y los empleadores.

Otra forma efectiva de inspirar confianza es presentar testimonios y estudios de casos de clientes felices. Leer críticas delirantes de personas que han tenido grandes experiencias con su trabajo es una de las mejores maneras de ganar los corazones y las mentes de los clientes potenciales.

6. No se olvide del SEO.


Después de poner tanto cuidado en su portafolio, sería una vergüenza si nadie lo vio. Tómese su tiempo para investigar las palabras clave y utilizarlas a través de su sitio. Incluirlas en sus etiquetas y descripciones de sus imágenes y diseños ya que ayudan a los clientes potenciales que usted y sus habilidades de diseño web ponen en circulación para encontrarle.

Tómelo de algunos ejemplos


Daniel Spatzek

Algunos de los mejores diseñadores web saben que es esencial para llamar la atención de clientes potenciales de inmediato. Por ejemplo, la web del Australiano y diseñador gráfico Daniel Spatzek cautiva a los espectadores desde el primer momento usando trucos WebGL y CSS que llaman la atención en su página de inicio.

Aunque utiliza código sofisticado bajo el diseño, la belleza está también en la simplicidad que logra. Spatzek que utiliza conceptos de diseño de animación y arte en el centro de la página, pero no abruma al espectador. En su lugar, hace uso de un fondo blanco simple y texto mínimo, mientras que también proporciona una navegación fácil. De esta manera, el trabajo de Spatzek habla por sí mismo.

Arturo Wibawa


Otra forma de mostrar con eficacia su trabajo es mediante el uso de su página de inicio como un curriculum vitae visual. Un buen ejemplo de esto es el portafolio de diseño web de Arturo Wibawa.

En el momento en el que la página se carga, tienen la oportunidad de ver su pasado trabajo de diseño en las miniaturas donde se puede hacer clic. Al hacer clic en la miniatura, le llevan a otra página que se dedica a ese proyecto en detalle más fino.

Wibawa describe lo que el cliente quería lograr con su sitio, detalla el proceso y algunos de los elementos más finos, y sirve el resultado para que los clientes potenciales puedan ver. Además de su excelente uso de los antiguos ejemplos de trabajo, el portafolio de Wibawa por sí solo es un espectáculo para la vista, con un diseño audaz y un uso sencillo de la animación. En su conjunto, el resultado muestra su estilo y su gama de habilidades.

Moni Yael Garcia


Un tercer ejemplo digno de comprobar es el de Moni Yael Garcia. Sus opciones de diseño se acercan a lo que podría encontrar en una publicación impresa experimental: texto en colisión, medios estratificados y colocación creativa de elementos. A pesar de todo eso, García conserva una navegación clara y una estructura de página fácil de seguir que permite a los espectadores fluir de una interacción a la siguiente..

Es su turno.

 

Ahora que ya sabe el porqué y el qué para la creación de un portafolio de diseño web, es el momento de empezar. Recuerde que para que sea visualmente deslumbrante e informativo sin abrumar al cliente con demasiado ruido y detalles técnicos. Por encima de todo, vamos a su estilo y a su trabajo para brillar a través con el esfuerzo que pone en el diseño de su propio diseño web de portafolio.


http://bit.ly/2t85A5U

2.992 plantillas de sitio Web Portafolio desde $ 3. Todas creadas por nuestra comunidad global de independientes diseñadores y desarrolladores web (Plantillas para una Web Portafolio de #ThemeForest)


X-Cart PHP e-Commerce Software


Artículos relacionados:
https://help.market.envato.com/hc/en-us?ref=Eduarea 
 


lunes, 9 de marzo de 2015

Tutoriales en Español en Tuts+

Más de 5 millones de personas utilizan Tuts+ cada mes para aprender habilidades incluyendo el código, ilustración, fotografía, diseño web, y más. Creado por envato.com.

Aquí hay un montón de tutoriales en toda la red Tuts+ que han traducido al español. Enorme agradecimiento a los traductores Ibrahim Rodríguez, Álvaro León, Roberto Meijide, Rafael Chavarría, Gustavo Valdez Santiago, Héctor Fernández Gutiérrez, Carlos Alberto Cessa, Juan Flores, Rafael Chavarría, Carlos Ballena, Jesús Yepes, Antonio Escudero, Lourdes López Jiménez, Alberto Bolado Castillo, John F Cataño, Jean Carlo León, Ricardo Vega y María Carda.

Diseño Web

      Gráficos 3D & Movimiento

      Diseño & Ilustración

      Craft & DIY

      Fotografía

      Traducciones Tuts+

      Pronto estarán lanzando un proyecto para traducir tutoriales Tuts+ a todos los idiomas imaginables. ¿Cómo será esto posible? En pocas palabras, todo gracias a la comunidad increíble de Tuts+.

      Si desea saber más, póngase en contacto.


    • Psdtuts+: Psdtuts+ es un sitio web educativo que publica algunos de los mejores tutoriales de Photoshop en Internet. Sus tutoriales explican cómo se producen impresionantes gráficos y efectos en una manera amistosa y accesible.



    • Nettuts+: Nettuts+ es un sitio muy popular dirigido a desarrolladores y diseñadores web que ofrecen tutoriales y artículos sobre tecnologías, habilidades, y técnicas para mejorar la forma de diseñar y construir los sitios web. El sitio cubre HTML, CSS, Javascript, los CMS, PHP y Ruby on Rails.



    • Vectortuts+: Vectortuts+ es un blog de tutoriales, artículos, regalos y mucho más en todo lo vectorial. Publican tutoriales sobre técnicas y efectos para crear gráficos vectoriales impresionantes en programas como Adobe Illustrator, por autores y escritores.



    • Audiotuts+: Audiotuts+ es un blog para los músicos, productores y adictos al audio. Cuentan con tutoriales sobre las herramientas y técnicas para grabar, producir, mezclar y pistas master. También cuentan con artículos semanales para el trastorno obsesivo musical.



    • Aetuts+: Aetuts+ es un sitio hecho para albergar y mostrar algunos de los mejores tutoriales de After Effects. Publican tutoriales que no sólo producen grandes efectos, sino que los explican de una manera amistosa y accesible.



    • Activetuts+: Activetuts+ es un sitio dirigido a diseñadores y desarrolladores, que ofrece tutoriales, consejos y artículos para mejorar sus habilidades en la creación de juegos basados ​​en navegador y aplicaciones. Publican tutoriales que no sólo producen grandes gráficos y efectos, sino que los explican de una manera amable y atenta, cubriendo Flash, Unity, Silverlight y HTML5.



    • Cgtuts+: Cgtuts+ es una fuente de aprendizaje en todos los aspectos de los gráficos por ordenador. Les bombean con tutoriales regulares en Maya, 3ds Max, Cinema 4D, ZBrush, Blender, Mudbox y mucho más. Les atienden a principiantes, intermedios y avanzados artistas CG. Ya sea que su sueño (o la realidad) es la construcción de modelos CG, texturas y animaciones para juegos, películas, comerciales, arquitectura o en otro lugar, usted aprenderá las técnicas que se pueden aplicar a sus proyectos en la actualidad.



    • Phototuts+: Phototuts+ es una fuente de aprendizaje en todos los aspectos de la fotografía. Les bombean tutoriales regulares en la fotografía de composición, configuración de equipos, post-procesamiento, el cine, retoque y mucho más. Si le gusta la fotografía, se encuentra un tesoro de consejos útiles en Phototuts+. Sus tutoriales son los mejores en la web, las manos hacia abajo - es por eso que más de 4 millones de personas visitan su red de sitios de tutoriales cada mes. Tanto si eres un principiante aprendiendo a utilizar el enfoque manual, un fotógrafo intermedio lidiando con el post-procesamiento y el perfeccionamiento de sus imágenes, o un fotógrafo avanzado en el trabajo con equipos de iluminación y aparatos, encontrará un montón de consejos fascinantes de comercio aquí.



    • Mobiletuts+: Mobiletuts+ trata de tutoriales de calidad para los desarrolladores móviles - todos los desarrolladores móviles. Los temas incluyen el desarrollo nativo con el iPhone, Android, Windows y plataformas de Blackberry, multi-plataforma de desarrollo con herramientas como Appcelerator y Gap Phone, y las técnicas para la creación de sitios web móviles accesibles con HTML 5. Además de publicar tutoriales de alta calidad, artículos y consejos rápidos, Mobiletuts+ será el primer sitio Tuts + para ofrecer actualizaciones regulares multimedia de las noticias más calientes en la industria móvil. También van a publicar entrevistas con éxito de los desarrolladores móviles para ofrecerle las técnicas más eficaces de desarrollo en el mundo real y sus estrategias.



    • Webdesigntuts+: Webdesigntuts+ es un blog hecho para albergar y mostrar algunos de los mejores tutoriales de diseño web y artículos de todo. Publican tutoriales que no sólo producen grandes resultados e interfaces, sino que explican las técnicas detrás de ellos en una manera amistosa y accesible.El diseño web es una industria en auge con mucha competencia. Esperan que la lectura de Webdesigntuts + ayudará a sus lectores a aprender algunos trucos, técnicas y consejos que tal vez no han visto antes y ayudarles a maximizar su potencial creativo.



    • Wptuts+: Wptuts+ tiene que ver con el desarrollo de WordPress, la creación de temas fantásticos, y construir un negocio alrededor de la plataforma. Si usted es completamente nuevo para WordPress o eres un profesional con experiencia, tienen todo cubierto.




    • Artículos relacionados:


      Los Mercados Envato: ¿Cómo convertirse en un Autor de Mercado?
       
      Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y Apps

      jueves, 29 de enero de 2015

      16 Mejores Herramientas de Diseño Web

      Motivation poster at the textile factory
      En el proceso de diseño de páginas web, un gran diseño de páginas web, o un nuevo diseño de la interfaz no es sino ayudar al visitante a completar una tarea sencilla y eficaz tanto como sea posible, en el menor tiempo posible y con el menor esfuerzo posible. Mientras que la apariencia del sitio, y la sensación es sin duda vital, en el núcleo de una gran interfaz de usuario es función: en términos de navegación, debe ser intuitiva hasta el punto de ser invisible. Tan pronto como el usuario se pierde en el interfaz de usuario compleja en su sitio web o aplicación, o no puede trabajar a dónde ir, la interfaz de usuario ha fallado terriblemente. Así que ya sabe cómo es de importante para el diseño de un maravilloso y de fácil acceso. Una buena interfaz de usuario es plana y tiene buena pinta, la navegación es rápida y fácil, y no hay lagunas para que los usuarios puedan encontrar lo que desean, en el sitio o la aplicación.

      http://themetrust.com/?ref=1919

      El trabajo de los diseñadores web es muy complejo. Que tienen que tener cuidado en el código, se encarga de la concepción, y cuidar de todo lo que les conviene, así como al visitante, para producir los mejores resultados, y ser más productivos en el último tiempo. Un buen diseño del sitio web es muy consciente de todo esto, y utiliza muchas herramientas para mejorar el proceso de diseño, y hay muchas herramientas de este tipo disponibles. Proporcionan un maravilloso entorno de trabajo directo con las vistas previas, y que le hace hacerlo fácilmente.

      Hemos preparado una lista de algunas de las mejores herramientas para diseñadores de páginas web para el 2015, que le ayudará a obtener a través de su proceso de diseño. La lista de las herramientas es como sigue:

      1) Lining.js


      Lining.js es la nueva herramienta para los diseñadores de páginas web que ayudará a los diseñadores a hacer sus sitios web más atractivos y bellos.

      2) WebFlow


      Webflow es la recopilación de las mejores responsables y profesionales plantillas de sitio web con increíbles diseños de IU. Webflow genera automáticamente código depara un bello diseño. No tiene que escribir su propio código o de confiar en un desarrollador para que lo haga por usted.

      3) MarvelApp


      Marvel es el lugar perfecto para los diseñadores. Marvel es la manera más fácil de convertir sus bocetos, maquetas e imágenes realistas en prototipos móviles y web .

      4) Zeplin


      Proporciona una app que ayudn a colaborar con los diseñadores de la interfaz y Frontend de los desarrolladores en todo el mundo.

      5) UXpin


      UXPin es una herramienta moderna construida para los desarrolladores, lo que significa control de la versión, las iteraciones y la colaboración para ayudarle, a su equipo y a sus clientes en el diseñopara  una gran experiencia de usuario, juntos, sin perder nada.

      6) Amazium


      Amzium es un limpio y sencillo marco responsive que ayuda a crear un mínimo y colorido diseño de sitios web.

      7) Am I Responsive Design


      Esta herramienta le permite obtener lo que necesita de una forma rápida, y es de esperar que pueda ser útil para mostrar su más visual a los clientes, lo que quiere decir por tener un diseño cuando un conjunto de productos no están listos. Esta no es una herramienta para la realización de pruebas, la verdad es que es importante que se haga en los dispositivos reales. 

      8) Animate


      Esta es otra de las mejores herramientas CSS para los usuarios.

      9) Macaw


      Macaw ofrece la misma flexibilidad que su editor de imágenes favorito, sino que también escribe HTML semántico y CSS muy sucintamente. Es el momento de esperar más de una herramienta de diseño web.

      10) Weebly


      Esta es la tienda en línea donde puede crear únicos sitios web, blogs y sitios web de comercio electrónico.

      11) Square Space


      La más hermosa manera de crear un sitio web y más.

      12) Wirefy


      Wirefy fue creado como una herramienta para ayudar a los diseñadores y desarrolladores web a crear rápidas y manejables wireframes. Ayuda a acelerar el viaje entre los bocetos y los resultados finales.

      13) Invisionapp


      El más potente del mundo del diseño de prototipos. Transformar rápidamente sus diseños en el más hermoso y totalmente interactivo prototipo con los gestos, las transiciones y las animaciones para la web, iOS y Android.

      14) Proto


      Crear prototipos totalmente interactivos de alta fidelidad que se ven y funcionan exactamente igual que su aplicación. No se requiere codificación.

      15) Framerjs


      Framer es una nueva herramienta creativa para construir prototipos de interacción y animación. Conecta píxeles con el comportamiento y descubra nuevas y emocionantes formas de diseño de interacción.

      16) Behave.js


      Behave.js es una biblioteca ligera para añadir comportamientos estilo IDE a las áreas de texto plano, lo que es mucho más agradable para escribir código.

                             
                             
                             

                          

      Artículos relacionados:

      miércoles, 24 de abril de 2013

      Webdesigntuts + forma parte del la red Tuts +, la enseñanza de habilidades creativas a millones alrededor del mundo.

      En Webdesigntuts + utilizan numerosas herramientas y servicios, así como enseñan a usar a través de material educativo publicado periódicamente en este sitio. Aquí está algunos de los recursos recomendados para los profesionales de diseño Web, que es elaborado por su equipo editorial.  Tenga en cuenta que algunos de los enlaces de abajo son enlaces de afiliados. Esto simplemente significa que vamos a ganar una pequeña comisión si compra esa herramienta o servicio en particular. Si lo hace, le damos las gracias por el apoyo a Webdesigntuts +.


      Divider

      Fin de semana de Presentación: ¿Así que quiere aprender las letras de propia mano?

      Cuando la semana de trabajo se hace siempre agradable para relajarse y absorber la inspiración de otros. Este último fin de semana, aprender de Sean McCabe cuando habla de su pasado, el flujo de trabajo, los métodos y la pasión por las letras a mano.
      Divider

      Divider

      La mejor manera de aprender CSS

      CSS trabaja mano a mano con el HTML; tipo HTML a la estructura de la página, el CSS hace que se vea bonito y agrega los niveles sutiles de interacción. Como diseñador de páginas web que realmente debe llegar a enfrentarse con estos dos idiomas. Incluso si no hace la codificación de ti mismo, la comprensión de cómo funcionan le ayudará a diseñar para la web. 
      Divider

      Divider

      Consejo rápido: Use "x-default hreflang" para las páginas internacionales de aterrizaje

      Google ha presentado recientemente la nueva anotación  x-default hreflang. Gracias a este marcado, los webmasters pueden especificar las páginas de destino internacionales. Google usará esta información para mostrar la página más relevante en los resultados de búsqueda.
      Divider
      Divider

      Diseño de una página de contacto

      Una buena página de contacto es esencial para el mantenimiento de las relaciones con sus visitantes. Ya sea que estemos hablando de comercio electrónico, revistas, páginas web personales, los servicios en línea, los usuarios suelen buscar una página de contacto como su primer medio de comunicación con usted. Por extraño que parezca, muchos diseñadores web descuidan la página de contacto, incluso teniendo en cuenta que uno de los aspectos menos importantes de un sitio web. Vamos a poner esto derecho.



      Divider

      Divider

      Creative Block 101

      En un artículo anterior, se describe el proceso de pensamiento creativo. A veces, este proceso no es tan fácil como podría pensar, pueden surgir problemas durante cualquiera de las distintas fases. Por ejemplo, podría ser difícil formular los deseos exactos del cliente, o tal vez simplemente no puede alcanzar ese momento. Su inspiración se detiene y no sabe qué hacer. Afortunadamente, es perfectamente posible entender por qué está sufriendo el bloqueo creativo y afrontar de frente. 
      Divider
      Ahorra un 50% en su primer mes en una suscripción mensual en Tuts + Premium. Use el cupón F86095D207 para registrarse (oferta sólo es válida para los nuevos miembros). 

      Envato (ABN 11 119 159 741) PO Box 21177, Little Lonsdale Street, Victoria 8011 Australia
      http://envato.com
      separator


      Artículos relacionados:



      Enhanced by Zemanta