SlideShare une entreprise Scribd logo
1  sur  10
INTRODUCCION Las fases de un desarrollo web, así como los lenguajes de programación usados, son muy extensas y variadas, y por ello necesitamos herramientas específicas para cada una de ellas. En el desarrollo web tenemos unas herramientas para el diseño para la maquetación, otras para la programación, y para la depuración. Todas las herramientas que usemos son muy importantes, desde el Sistema Operativo hasta el comando más insignificante, y por ello debemos elegir la más adecuada a nuestras necesidades y capacidades.
HERRAMIENTAS DE DISEÑO
Una herramienta es un objeto elaborado a fin de facilitar la realización de una tarea o actividad especifica. diseño se define como el proceso previo de configuración mental, "pre-figuración", en la búsqueda de una solución en cualquier campo. Diseño web el diseño consiste en crear esbozos de la web final mediante una herramienta gráfica.
ALGUNAS HERRAMIENTAS DE DISEÑO SON LAS SIGUIENTES
Adobe PhotoshopElements 3.0  El pequeño hermano de Photoshop ha crecido, y mucho. Con un precio atractivo y con una combinación impecable de herramientas.  Flash  Un programa para el diseño de animaciones vectoriales en páginas web.   Dreamweaver Probablemente el mejor editor de páginas web para diseñadores que busquen resultados profesionesles.    Photoshop Probablemente el mejor programa para trabajar con gráficos, para retoque fotográfico, etc.    Sothink DHTML Menu Un programa para crear menús DHTML fácilmente: a golpe de ratón y sin tener que escribir ni una sola línea de código.    Corel Ventura 10  Despues de 4 años se publica una nueva versión de este programa de publicación de contenidos digitales para impresión.     
Adobe Photoshop CS  Esta versión se centra especialmente en los ámbitos de video, fotografía, web y producción gráfica.  PhotoImpact Programa de retoque fotográfico y de creación de imágenes e interfaces para la web de bajo coste y alta calidad.    Xara X1  Xara es un software de dibujo e ilustración rápido y con interesantes funcionalidades. Puede sustituir a Corel o Ilustrator.    DeepPaint 3D  Proporciona a los artistas y creativos, que trabajan en 3D, una herramienta intuitiva y fácil de usar para pintar y texturizar modelos en 3 dimensiones.    Flax Un programa muy útil para crea animaciones de texto en Flash muy buenas y rápidamente.   
Adobe GoLive Editor de HTML profesional WYSIWYG. Con grandes capacidades.    Adobe PhotoshopAlbum Programa de Adobe para el almacenamiento, clasificación y retoque simplificado de fotografías digitales.    JustCursors crear cursores del ratón  Programa extremadamente simple para crear cursores de ratón que ocupa unas pocas Kb y podemos descargar gratuitamente.    GIMP Shop  El programa de diseño gráfico Gimp Shop, en realidad es un plugin para GIMP, que hace que su interfaz se parezca más a la de Photoshop.  Gimp Programa de edición gráfica y retoque fotográfico gratuito y de código libre con funcionalidades de un editor gráfico profesional.   
ColorPic ColorPic es un selector de color (Color Picker) de cualquier gráfico que haya en la pantalla del ordenador y un creador de paletas para sitios web.  Irfanview IrfanView es visor de imágenes muy popular, que nos permite realizar todo tipo de acciones sencillas con gráficos. La pequeña navaja suiza.    Canvas 8.0 Professional Edition Canvas es un editor gráfico que no ofrece la calidad que presentan los líderes del campo, como Photoshop, pero igualmente resulta excelente en varios aspectos.  MainTools Gestor y Editor Web  Software de edición web que permite crear y mantener todo el contenido de una página web. Se ofrece en dos versiones, online y offline.  Swish Es un programa para hacer animaciones Flash sin el Flash, muy sencillo y fácil de usar.  UleadGifAnimator Programa completo para la creación de GIFs animados. Ideal para usuarios avanzados que deseen grandes posibilidades de edición de las animaciones.
Paint Shop Pro  Edición de gráficos. Con la posibilidad de descargar una versión shareware muy interesante.   Cursor Workshop Programa avanzado para la creación y edición de cursores para el ratón sobre Windows, para crear archivos .cur o .ani.    ZonerDraw 4  Programa económico para la creación de gráficos vectoriales.    Thumb Plus  Programa que permite navegar fácilmente por los archivos gráficos y visualizar miniaturas.    Color Cop Programa que ofrece una interesante herramienta de selección de color con la que podemos obtener el código de cualquier color que aparezca en la pantalla.    PowerBullet, animaciones Flash gratis  Programa gratuito para realizar animaciones de Flash fácilmente y con bastantes opciones de configuración.
TopStyle Lite  Editor CSS. El programa permite crear nuestras hojas de estilo de forma sencilla.    WebDraw Programa, de la compañía Jasc, para el diseño con el formato de gráficos vectoriales SVG.    Herramientas para medir espacios en la pantalla  Vamos a ver unas herramientas útiles para diseñadores que nos permiten medir las dimensiones de cualquier elemento que aparezca en nuestra pantalla.    Ims Web Dwarf Programa para edición web que posiciona los elementos de manera absoluta. Tiene una opción para exportar a SVG.    MayuraDraw Es un programa de ilustración vectorial sencillo y directo, sin demasiadas aspiraciones, y apenas conocido fuera del mundo del trazado SVG.   

Contenu connexe

Tendances

Contenido de la unidad #1
Contenido de la unidad #1Contenido de la unidad #1
Contenido de la unidad #1mike_2617
 
Sofware
SofwareSofware
Sofwarefrazes
 
Animación vectorial 2D con Software Libre
Animación vectorial 2D con Software LibreAnimación vectorial 2D con Software Libre
Animación vectorial 2D con Software LibreLeonardo J. Caballero G.
 
Diferentes software para realizar manipulación de imágenes
Diferentes software para realizar manipulación de imágenesDiferentes software para realizar manipulación de imágenes
Diferentes software para realizar manipulación de imágenesGabii Chelita
 
Photoshop definicion versiones - rgb - cymk - utilidad -
Photoshop definicion   versiones - rgb - cymk - utilidad -Photoshop definicion   versiones - rgb - cymk - utilidad -
Photoshop definicion versiones - rgb - cymk - utilidad -Robando corazones
 
Bienvenido seas al mundo de la informática
Bienvenido seas al mundo de la informáticaBienvenido seas al mundo de la informática
Bienvenido seas al mundo de la informáticaAriadna Zamora
 
Comparativa Photoshop/GIMP
Comparativa Photoshop/GIMPComparativa Photoshop/GIMP
Comparativa Photoshop/GIMPdisseny2d1
 
Programas de dibujo libre
Programas de dibujo libreProgramas de dibujo libre
Programas de dibujo libreAnyeni Garay
 

Tendances (17)

Pixlr
PixlrPixlr
Pixlr
 
Contenido de la unidad #1
Contenido de la unidad #1Contenido de la unidad #1
Contenido de la unidad #1
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Sofware
SofwareSofware
Sofware
 
Practica 01
Practica  01Practica  01
Practica 01
 
Animación vectorial 2D con Software Libre
Animación vectorial 2D con Software LibreAnimación vectorial 2D con Software Libre
Animación vectorial 2D con Software Libre
 
Corel paint shop
Corel paint shop Corel paint shop
Corel paint shop
 
Herramientas digitales para el diseño
Herramientas digitales para el diseñoHerramientas digitales para el diseño
Herramientas digitales para el diseño
 
photoshop vs illustrator
photoshop vs illustratorphotoshop vs illustrator
photoshop vs illustrator
 
Acumulativa gaby
Acumulativa gabyAcumulativa gaby
Acumulativa gaby
 
Herramientas de diseño
Herramientas de diseñoHerramientas de diseño
Herramientas de diseño
 
Diferentes software para realizar manipulación de imágenes
Diferentes software para realizar manipulación de imágenesDiferentes software para realizar manipulación de imágenes
Diferentes software para realizar manipulación de imágenes
 
Photoshop definicion versiones - rgb - cymk - utilidad -
Photoshop definicion   versiones - rgb - cymk - utilidad -Photoshop definicion   versiones - rgb - cymk - utilidad -
Photoshop definicion versiones - rgb - cymk - utilidad -
 
T1 e1 roda.ppt
T1 e1 roda.pptT1 e1 roda.ppt
T1 e1 roda.ppt
 
Bienvenido seas al mundo de la informática
Bienvenido seas al mundo de la informáticaBienvenido seas al mundo de la informática
Bienvenido seas al mundo de la informática
 
Comparativa Photoshop/GIMP
Comparativa Photoshop/GIMPComparativa Photoshop/GIMP
Comparativa Photoshop/GIMP
 
Programas de dibujo libre
Programas de dibujo libreProgramas de dibujo libre
Programas de dibujo libre
 

En vedette

толерантность 2011-2015-на-сайт
толерантность 2011-2015-на-сайттолерантность 2011-2015-на-сайт
толерантность 2011-2015-на-сайтFintfin
 
интерактивная доска
интерактивная доскаинтерактивная доска
интерактивная доскаPrimNMC
 
презентация доклада ипуран_1октября2012
презентация доклада ипуран_1октября2012презентация доклада ипуран_1октября2012
презентация доклада ипуран_1октября2012Oleg Sukharev
 
колесо жизни. определение начальных координат
колесо жизни. определение начальных координатколесо жизни. определение начальных координат
колесо жизни. определение начальных координатЕвгений Литвиненко
 
Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...
Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...
Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...it-people
 
Качехина Б.О. Продвижение галереи современного искусства «Sol`»
Качехина Б.О. Продвижение галереи современного искусства «Sol`»Качехина Б.О. Продвижение галереи современного искусства «Sol`»
Качехина Б.О. Продвижение галереи современного искусства «Sol`»prasu1995
 
Atameken Startup Astana 5-7 sep 2014 "планер"
Atameken Startup Astana 5-7 sep 2014 "планер"Atameken Startup Astana 5-7 sep 2014 "планер"
Atameken Startup Astana 5-7 sep 2014 "планер"Bolat Sultangazin
 
Dmitriy Kovalenko: Minimization of manual QA
Dmitriy Kovalenko: Minimization of manual QADmitriy Kovalenko: Minimization of manual QA
Dmitriy Kovalenko: Minimization of manual QAAndriy Krayniy
 
Cossa. С какими проблемами мы сталкивались и как мы их решали
Cossa. С какими проблемами мы сталкивались и как мы их решалиCossa. С какими проблемами мы сталкивались и как мы их решали
Cossa. С какими проблемами мы сталкивались и как мы их решалиAlexandr Blohin
 
Виховна робота ІІ семестр, 1-Б
Виховна робота ІІ семестр, 1-БВиховна робота ІІ семестр, 1-Б
Виховна робота ІІ семестр, 1-Бkalishnatalka
 

En vedette (13)

толерантность 2011-2015-на-сайт
толерантность 2011-2015-на-сайттолерантность 2011-2015-на-сайт
толерантность 2011-2015-на-сайт
 
интерактивная доска
интерактивная доскаинтерактивная доска
интерактивная доска
 
презентация доклада ипуран_1октября2012
презентация доклада ипуран_1октября2012презентация доклада ипуран_1октября2012
презентация доклада ипуран_1октября2012
 
7 9
7 97 9
7 9
 
Qbaka
QbakaQbaka
Qbaka
 
колесо жизни. определение начальных координат
колесо жизни. определение начальных координатколесо жизни. определение начальных координат
колесо жизни. определение начальных координат
 
Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...
Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...
Cветлана Ковалева "История проекта «Каталоги на Е1»: как мы качали нефть и жи...
 
Качехина Б.О. Продвижение галереи современного искусства «Sol`»
Качехина Б.О. Продвижение галереи современного искусства «Sol`»Качехина Б.О. Продвижение галереи современного искусства «Sol`»
Качехина Б.О. Продвижение галереи современного искусства «Sol`»
 
Atameken Startup Astana 5-7 sep 2014 "планер"
Atameken Startup Astana 5-7 sep 2014 "планер"Atameken Startup Astana 5-7 sep 2014 "планер"
Atameken Startup Astana 5-7 sep 2014 "планер"
 
Dmitriy Kovalenko: Minimization of manual QA
Dmitriy Kovalenko: Minimization of manual QADmitriy Kovalenko: Minimization of manual QA
Dmitriy Kovalenko: Minimization of manual QA
 
Cossa. С какими проблемами мы сталкивались и как мы их решали
Cossa. С какими проблемами мы сталкивались и как мы их решалиCossa. С какими проблемами мы сталкивались и как мы их решали
Cossa. С какими проблемами мы сталкивались и как мы их решали
 
5 20
5 205 20
5 20
 
Виховна робота ІІ семестр, 1-Б
Виховна робота ІІ семестр, 1-БВиховна робота ІІ семестр, 1-Б
Виховна робота ІІ семестр, 1-Б
 

Similaire à Herramientas de diseño

Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño web
Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño webHerramientas Marketing Digital = Prototipado, Programación, Edición y diseño web
Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño webJesús Crespo Fernández
 
exposicion del parcial
exposicion del parcialexposicion del parcial
exposicion del parcialdianacardenas
 
Sofware
SofwareSofware
Sofwarevirey
 
Sofware
SofwareSofware
Sofwarefrazes
 
Herramientas Multimedia
Herramientas MultimediaHerramientas Multimedia
Herramientas Multimediastiven60
 
Herramientas Digitales para el Diseño Gráfico
Herramientas Digitales para el Diseño GráficoHerramientas Digitales para el Diseño Gráfico
Herramientas Digitales para el Diseño GráficoCADI F1, C.A
 
Trabajo de investigacion nury varas 1 c4
Trabajo de investigacion nury varas 1 c4Trabajo de investigacion nury varas 1 c4
Trabajo de investigacion nury varas 1 c4NURY03
 
diapositivas
diapositivasdiapositivas
diapositivassamary95
 
Trabajo colaborativo Herramientas Telemáticas 2
Trabajo colaborativo Herramientas Telemáticas 2Trabajo colaborativo Herramientas Telemáticas 2
Trabajo colaborativo Herramientas Telemáticas 2MSilva29
 
investigacion de MANEJO DE IMAGEN
investigacion de MANEJO DE IMAGENinvestigacion de MANEJO DE IMAGEN
investigacion de MANEJO DE IMAGENvanepluas
 

Similaire à Herramientas de diseño (20)

Software
SoftwareSoftware
Software
 
HERRAMIENTAS DE MASTER COLLECTION
HERRAMIENTAS DE MASTER COLLECTION HERRAMIENTAS DE MASTER COLLECTION
HERRAMIENTAS DE MASTER COLLECTION
 
Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño web
Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño webHerramientas Marketing Digital = Prototipado, Programación, Edición y diseño web
Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño web
 
MIS PROGRAMAS DE MASTER COLLECTION
MIS PROGRAMAS DE MASTER COLLECTIONMIS PROGRAMAS DE MASTER COLLECTION
MIS PROGRAMAS DE MASTER COLLECTION
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
exposicion del parcial
exposicion del parcialexposicion del parcial
exposicion del parcial
 
Sofware
SofwareSofware
Sofware
 
Sofware
SofwareSofware
Sofware
 
Herramientas Multimedia
Herramientas MultimediaHerramientas Multimedia
Herramientas Multimedia
 
Herramientas Digitales para el Diseño Gráfico
Herramientas Digitales para el Diseño GráficoHerramientas Digitales para el Diseño Gráfico
Herramientas Digitales para el Diseño Gráfico
 
Dennis
DennisDennis
Dennis
 
Fabi
FabiFabi
Fabi
 
Fabian
FabianFabian
Fabian
 
Software libre
Software libreSoftware libre
Software libre
 
Trabajo de investigacion nury varas 1 c4
Trabajo de investigacion nury varas 1 c4Trabajo de investigacion nury varas 1 c4
Trabajo de investigacion nury varas 1 c4
 
diapositivas
diapositivasdiapositivas
diapositivas
 
Trabajo colaborativo Herramientas Telemáticas 2
Trabajo colaborativo Herramientas Telemáticas 2Trabajo colaborativo Herramientas Telemáticas 2
Trabajo colaborativo Herramientas Telemáticas 2
 
investigacion de MANEJO DE IMAGEN
investigacion de MANEJO DE IMAGENinvestigacion de MANEJO DE IMAGEN
investigacion de MANEJO DE IMAGEN
 
InformáTica 4º Eso
InformáTica 4º EsoInformáTica 4º Eso
InformáTica 4º Eso
 
Programas
ProgramasProgramas
Programas
 

Herramientas de diseño

  • 1. INTRODUCCION Las fases de un desarrollo web, así como los lenguajes de programación usados, son muy extensas y variadas, y por ello necesitamos herramientas específicas para cada una de ellas. En el desarrollo web tenemos unas herramientas para el diseño para la maquetación, otras para la programación, y para la depuración. Todas las herramientas que usemos son muy importantes, desde el Sistema Operativo hasta el comando más insignificante, y por ello debemos elegir la más adecuada a nuestras necesidades y capacidades.
  • 3. Una herramienta es un objeto elaborado a fin de facilitar la realización de una tarea o actividad especifica. diseño se define como el proceso previo de configuración mental, "pre-figuración", en la búsqueda de una solución en cualquier campo. Diseño web el diseño consiste en crear esbozos de la web final mediante una herramienta gráfica.
  • 4. ALGUNAS HERRAMIENTAS DE DISEÑO SON LAS SIGUIENTES
  • 5. Adobe PhotoshopElements 3.0 El pequeño hermano de Photoshop ha crecido, y mucho. Con un precio atractivo y con una combinación impecable de herramientas. Flash Un programa para el diseño de animaciones vectoriales en páginas web.   Dreamweaver Probablemente el mejor editor de páginas web para diseñadores que busquen resultados profesionesles.   Photoshop Probablemente el mejor programa para trabajar con gráficos, para retoque fotográfico, etc.   Sothink DHTML Menu Un programa para crear menús DHTML fácilmente: a golpe de ratón y sin tener que escribir ni una sola línea de código.   Corel Ventura 10 Despues de 4 años se publica una nueva versión de este programa de publicación de contenidos digitales para impresión.    
  • 6. Adobe Photoshop CS Esta versión se centra especialmente en los ámbitos de video, fotografía, web y producción gráfica. PhotoImpact Programa de retoque fotográfico y de creación de imágenes e interfaces para la web de bajo coste y alta calidad.   Xara X1 Xara es un software de dibujo e ilustración rápido y con interesantes funcionalidades. Puede sustituir a Corel o Ilustrator.   DeepPaint 3D Proporciona a los artistas y creativos, que trabajan en 3D, una herramienta intuitiva y fácil de usar para pintar y texturizar modelos en 3 dimensiones.   Flax Un programa muy útil para crea animaciones de texto en Flash muy buenas y rápidamente.  
  • 7. Adobe GoLive Editor de HTML profesional WYSIWYG. Con grandes capacidades.   Adobe PhotoshopAlbum Programa de Adobe para el almacenamiento, clasificación y retoque simplificado de fotografías digitales.   JustCursors crear cursores del ratón Programa extremadamente simple para crear cursores de ratón que ocupa unas pocas Kb y podemos descargar gratuitamente.   GIMP Shop El programa de diseño gráfico Gimp Shop, en realidad es un plugin para GIMP, que hace que su interfaz se parezca más a la de Photoshop. Gimp Programa de edición gráfica y retoque fotográfico gratuito y de código libre con funcionalidades de un editor gráfico profesional.  
  • 8. ColorPic ColorPic es un selector de color (Color Picker) de cualquier gráfico que haya en la pantalla del ordenador y un creador de paletas para sitios web. Irfanview IrfanView es visor de imágenes muy popular, que nos permite realizar todo tipo de acciones sencillas con gráficos. La pequeña navaja suiza.   Canvas 8.0 Professional Edition Canvas es un editor gráfico que no ofrece la calidad que presentan los líderes del campo, como Photoshop, pero igualmente resulta excelente en varios aspectos. MainTools Gestor y Editor Web Software de edición web que permite crear y mantener todo el contenido de una página web. Se ofrece en dos versiones, online y offline. Swish Es un programa para hacer animaciones Flash sin el Flash, muy sencillo y fácil de usar. UleadGifAnimator Programa completo para la creación de GIFs animados. Ideal para usuarios avanzados que deseen grandes posibilidades de edición de las animaciones.
  • 9. Paint Shop Pro Edición de gráficos. Con la posibilidad de descargar una versión shareware muy interesante.   Cursor Workshop Programa avanzado para la creación y edición de cursores para el ratón sobre Windows, para crear archivos .cur o .ani.   ZonerDraw 4 Programa económico para la creación de gráficos vectoriales.   Thumb Plus Programa que permite navegar fácilmente por los archivos gráficos y visualizar miniaturas.   Color Cop Programa que ofrece una interesante herramienta de selección de color con la que podemos obtener el código de cualquier color que aparezca en la pantalla.   PowerBullet, animaciones Flash gratis Programa gratuito para realizar animaciones de Flash fácilmente y con bastantes opciones de configuración.
  • 10. TopStyle Lite Editor CSS. El programa permite crear nuestras hojas de estilo de forma sencilla.   WebDraw Programa, de la compañía Jasc, para el diseño con el formato de gráficos vectoriales SVG.   Herramientas para medir espacios en la pantalla Vamos a ver unas herramientas útiles para diseñadores que nos permiten medir las dimensiones de cualquier elemento que aparezca en nuestra pantalla.   Ims Web Dwarf Programa para edición web que posiciona los elementos de manera absoluta. Tiene una opción para exportar a SVG.   MayuraDraw Es un programa de ilustración vectorial sencillo y directo, sin demasiadas aspiraciones, y apenas conocido fuera del mundo del trazado SVG.