Close Menu
  • Inicio
  • Pasos Para Crear Una Web
  • Herramientas
    • WordPress
      • Los Mejores Temas WordPress
      • Mejores Plugins Para WordPress
    • Alojamiento Web Barato
    • Ebooks
    • Tutoriales
    • Miembros
  • EBOOKS CATEGORIAS
    • Libros Gratis
    • Libros En Inglés
    • Crear Empresas
    • Ecología
    • Herramientas Para Emprendedores
    • Ingresos Online
    • Marketing
    • Motivación
    • Tutoriales
  • Contacto
Facebook X (Twitter) Instagram
RSS Facebook X (Twitter) LinkedIn
Servicios Para Negocio Por Internet | WORDPRESS
  • Inicio
  • Pasos Para Crear Una Web
  • Herramientas
    • WordPress
      • Los Mejores Temas WordPress
      • Mejores Plugins Para WordPress
    • Alojamiento Web Barato
    • Ebooks
    • Tutoriales
    • Miembros
  • EBOOKS CATEGORIAS
    • Libros Gratis
    • Libros En Inglés
    • Crear Empresas
    • Ecología
    • Herramientas Para Emprendedores
    • Ingresos Online
    • Marketing
    • Motivación
    • Tutoriales
  • Contacto
Facebook X (Twitter) Instagram
Servicios Para Negocio Por Internet | WORDPRESS
Portada » Diseño Web Profesional » Introducción Al Diseño Web Utilizando Sketch
Diseño Web Profesional

Introducción Al Diseño Web Utilizando Sketch

Wilmer MedinaBy Wilmer Medinafebrero 22, 2017Updated:septiembre 3, 2018No hay comentarios4 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email

Bienvenidos a nuestra sección de tutoriales.  Aquí  vamos a empezar con una serie de instrucciones las cuales puedes ver en el video adjunto, para aprender a usar Sketch. Bueno Sketch es una de las herramientas de más populares en la actualidad los diseñadores hemos estado usando esta herramienta para todo tipo de diseño gráfico digital. Desde interfaces para aplicaciones móviles hasta logos , diseño de iconos,  identidad de marca gráficos para llevar a cabo el proceso de UX y bueno mucho más. Sketch es relativamente nueva, sólo tiene versión para Mac y es una aplicación basada en vectores.

para crear blogs de diseño gráficoEs muy poderosa, fácil de aprender y sobre todo muy liviana y bueno esto fue lo que hizo que me decidiera a usarla por completo y les puedo asegurar que ya poco uso PhotoShop he Illustrator, que por cierto son mucho más caros que Sketch que podemos ver aquí que sale $99 dólares. No tengo ninguna afiliación con Sketch ni con BohemianCoding simplemente me encanta esta herramienta y creo que tendría que haber más recursos, especialmente en español, para aprender a usarla y también mi objetivo es aprender con ustedes de sus comentarios, ideas y bueno lo que vaya surgiendo. Entonces para empezar, podes descargar la aplicación desde aqui o podés comprarla directamente. Luego, vamos a ver las características más importantes Bueno algo muy importante es que Sketch se basa en vectores. y por lo tanto los vectores tienen una gran escalabilidad, entonces podemos tener un diseño muy preciso También tiene la opción de poder agrupar los objetos en diferentes capas y también tiene la opción de poder buscar los objetos, que eso también es muy práctico El inspector es, bueno muy conocido a lo que ya conocemos de PhotoShop he Illustrator y algo para destacar aquí es la opción de exportación que tiene varias opciones que son muy prácticas a la hora de diseñar interfaces web y tiene otras herramientas como por ejemplo los elementos reutilizables que podemos crear por ejemplo símbolos, que tienen dentro de los símbolos elementos y podemos luego reutilizarlos emm en otras áreas, modificarlos y que se modifiquen todos al mismo tiempo.

En el siguiente video podrás ver una descripción detallada de las diversas opciones de diseño que tiene Sketch. Sketch proporciona el poder, flexibilidad y velocidad que se necesita para crear diseños web profesionales, a través de una interfaz liviana y facil de usar.

Eso es muy práctico. Nos puede ahorrar horas de trabajo. Y bueno acá también podemos tener capas con estilos, es decir una capa que podemos modificar los bordes, las sombras, etc.. También podemos tener texto que sea reutilizable Artboards, Gris, que son muy importantes a la hora de diseñar interfaces y editar Bitmaps Bueno como les comenté, la parte de exportación.. y también podemos tener otras funcionalidades que quizás bueno, para algunos sean prácticas, para otros no, como por ejemplo exportar CSS pero bueno, lo ideal sería hacer nuestro CSS personalizado, no? pero tiene algunas funcionalidades que son prácticas para algunos diseñadores que no tienen conocimientos de maquetación por ejemplo Y bueno es nativa de Mac por lo tanto va a usar las propiedades del Framework de Apple de manera muy productiva Y una de ellas es que por ejemplo podemos visualizar nuestro proyecto en diferentes dispositivos al mismo tiempo que esto no lo he probado, asi que bueno, vamos a probarlo en algunos de estos videos que se van a ir publicando periódicamente así que bueno, los espero y si les gustó este pequeño tutorial , dejen comentarios y suscríbanse para los nuevos tutoriales que vienen.

Siempre se publica artículos y tutoriales sobre diseño web, wordpress, temas de diseño, herramientas, noticias y muchas cosas más del mundo del diseño web y herramientas de Internet.

Hasta luego!

 

Save

Envíalo a tus Amigos y Contactos

  • Haz clic para enviar un enlace por correo electrónico a un amigo (Se abre en una ventana nueva) Correo electrónico
  • Haz clic para compartir en WhatsApp (Se abre en una ventana nueva) WhatsApp
  • Haz clic para compartir en Pinterest (Se abre en una ventana nueva) Pinterest
  • Haz clic para compartir en Facebook (Se abre en una ventana nueva) Facebook
  • Haz clic para compartir en Telegram (Se abre en una ventana nueva) Telegram
  • Haz clic para compartir en X (Se abre en una ventana nueva) X
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Previous ArticleCuál Será El Tema WordPress Perfecto Para Tu Negocio?
Next Article Tema WordPress Gratis Energy – Gimnasios y Fitness
Wilmer Medina
  • Facebook
  • X (Twitter)
  • LinkedIn

Escrito por Wilmer Medina , emprendedor y master en tecnologías por Internet.

Related Posts

La ventaja de la IA: Cómo las empresas utilizan la inteligencia artificial para mantenerse a la vanguardia

julio 1, 2025

Invertir en IA: La próxima gran revolución tecnológica

junio 16, 2025

IA para empresas: Cómo el aprendizaje automático puede mejorar sus resultados

junio 12, 2025

Coméntanos Sobre Lo Que Leíste !Cancelar respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

Lo Reciente

La ventaja de la IA: Cómo las empresas utilizan la inteligencia artificial para mantenerse a la vanguardia

julio 1, 2025

Invertir en IA: La próxima gran revolución tecnológica

junio 16, 2025

IA para empresas: Cómo el aprendizaje automático puede mejorar sus resultados

junio 12, 2025

De la ciencia ficción a la realidad: El asombroso mundo de la inteligencia artificial

junio 9, 2025

La Revolución de la IA: Cómo las máquinas están aprendiendo a pensar y actuar como humanos

junio 6, 2025

La IA cobra protagonismo: Los últimos avances en tecnología de inteligencia artificial

junio 4, 2025

Máquinas Inteligentes: El auge de la inteligencia artificial y su impacto en la sociedad

junio 2, 2025

Últimos Titulares Sobre El Desarrollo de la IA en el Mundo

mayo 31, 2025
Nuevos Ebooks & Cursos
  • Cómo Crear Una APP y Ganar Dinero Con Ella | Android/iOS Cómo Crear Una APP y Ganar Dinero Con Ella | Android/iOS $0.00
  • Felicidad Para La Mujer Madura Felicidad Para La Mujer Madura $5.00
  • Cómo Crear Un Ebook Para Vender Cómo Crear Un Ebook Para Vender $13.00
  • curso de inversions y finanzas inteligentes Cómo Hacer Dinero Con Inversiones Inteligentes $0.00
  • Crear Páginas Web Con Inteligencia Artificial Crear Páginas Web Con Inteligencia Artificial $37.00
Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

  • SiteMap
  • SiteMap Tienda
  • Contacto
  • Términos De Servicio
  • Tutoriales Gratis PDF
  • SiteMap Etiquetas

Type above and press Enter to search. Press Esc to cancel.

 

Cargando comentarios...