{"id":3210,"date":"2021-01-22T11:23:31","date_gmt":"2021-01-22T11:23:31","guid":{"rendered":"https:\/\/hispaprint.com\/blog\/?p=3210"},"modified":"2025-07-01T11:07:30","modified_gmt":"2025-07-01T11:07:30","slug":"ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico","status":"publish","type":"post","link":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/","title":{"rendered":"Sketchpad: el primer editor gr\u00e1fico de la historia creado por Ivan Sutherland"},"content":{"rendered":"\n<p>Pocas veces en la historia de la tecnolog\u00eda una sola herramienta ha marcado un antes y un despu\u00e9s tan claro como lo hizo <strong>Sketchpad<\/strong> en 1963. Concebido como una tesis doctoral en el MIT por un joven <strong>Ivan Sutherland<\/strong>, Sketchpad no solo fue el primer editor gr\u00e1fico de la historia, sino que introdujo ideas que hoy damos por sentadas en el dise\u00f1o digital: interfaces gr\u00e1ficas, manipulaci\u00f3n directa con el rat\u00f3n, edici\u00f3n de figuras geom\u00e9tricas y mucho m\u00e1s.<\/p>\n\n\n\n<p>Pero Sketchpad fue mucho m\u00e1s que un experimento acad\u00e9mico. Supuso el nacimiento de la <strong>interacci\u00f3n gr\u00e1fica entre humanos y computadoras<\/strong>, inaugurando el camino hacia el <strong>dise\u00f1o asistido por ordenador (CAD)<\/strong>, el dise\u00f1o gr\u00e1fico digital, la animaci\u00f3n por ordenador y, en \u00faltima instancia, las interfaces gr\u00e1ficas de usuario (GUI) que usamos a diario.<\/p>\n\n\n\n<p>Este art\u00edculo analiza el origen y funcionamiento de Sketchpad, el innovador sistema creado por Ivan Sutherland, as\u00ed como las razones por las que supuso una aut\u00e9ntica revoluci\u00f3n en la historia del dise\u00f1o gr\u00e1fico digital y su influencia duradera hasta nuestros d\u00edas.<\/p>\n\n\n<div class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-ba73b2d3-4267-47d2-a29b-9c24b5c7fab3\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\"><strong>\u00cdndice de contenidos<\/strong><\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column \">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#0-%C2%BFqu%C3%A9-es-sketchpad-y-por-qu%C3%A9-fue-revolucionario\" style=\"\">\u00bfQu\u00e9 es Sketchpad y por qu\u00e9 fue revolucionario?<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#1-ivan-sutherland-el-pionero-que-cambi%C3%B3-la-historia-del-dise%C3%B1o-gr%C3%A1fico-digital\" style=\"\">Ivan Sutherland: el pionero que cambi\u00f3 la historia del dise\u00f1o gr\u00e1fico digital<\/a><ul><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#2-%C2%BFqu%C3%A9-aport%C3%B3-ivan-sutherland-al-mundo-del-dise%C3%B1o-digital\" style=\"\">\u00bfQu\u00e9 aport\u00f3 Ivan Sutherland al mundo del dise\u00f1o digital?<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#3-%C2%BFc%C3%B3mo-funcionaba-sketchpad-y-qu%C3%A9-lo-hac%C3%ADa-tan-revolucionario\" style=\"\">\u00bfC\u00f3mo funcionaba Sketchpad y qu\u00e9 lo hac\u00eda tan revolucionario?<\/a><ul><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#4-principales-caracter%C3%ADsticas-t%C3%A9cnicas-de-sketchpad\" style=\"\">Principales caracter\u00edsticas t\u00e9cnicas de Sketchpad:<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#5-%C2%BFqu%C3%A9-lo-hac%C3%ADa-tan-revolucionario\" style=\"\">\u00bfQu\u00e9 lo hac\u00eda tan revolucionario?<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#6-el-impacto-de-sketchpad-en-la-historia-del-dise%C3%B1o-gr%C3%A1fico-y-los-programas-de-edici%C3%B3n\" style=\"\">El impacto de Sketchpad en la historia del dise\u00f1o gr\u00e1fico y los programas de edici\u00f3n<\/a><ul><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#7-el-inicio-de-la-era-del-dise%C3%B1o-asistido-por-ordenador-cad\" style=\"\">El inicio de la era del dise\u00f1o asistido por ordenador (CAD)<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#8-influencia-en-la-interfaz-gr%C3%A1fica-de-usuario-gui\" style=\"\">Influencia en la interfaz gr\u00e1fica de usuario (GUI)<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#9-de-sketchpad-a-los-programas-de-dise%C3%B1o-gr%C3%A1fico-modernos\" style=\"\">De Sketchpad a los programas de dise\u00f1o gr\u00e1fico modernos<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#10-su-legado-en-la-cultura-visual\" style=\"\">Su legado en la cultura visual<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#11-preguntas-frecuentes-sobre-sketchpad-y-su-papel-en-el-dise%C3%B1o-gr%C3%A1fico\" style=\"\">Preguntas frecuentes sobre Sketchpad y su papel en el dise\u00f1o gr\u00e1fico<\/a><ul><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#12-%C2%BFqu%C3%A9-es-sketchpad\" style=\"\">\u00bfQu\u00e9 es Sketchpad?<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#13-%C2%BFqui%C3%A9n-cre%C3%B3-sketchpad-y-en-qu%C3%A9-a%C3%B1o\" style=\"\">\u00bfQui\u00e9n cre\u00f3 Sketchpad y en qu\u00e9 a\u00f1o?<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#14-%C2%BFpara-qu%C3%A9-serv%C3%ADa-sketchpad\" style=\"\">\u00bfPara qu\u00e9 serv\u00eda Sketchpad?<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#15-%C2%BFpor-qu%C3%A9-se-considera-a-sketchpad-el-primer-editor-gr%C3%A1fico\" style=\"\">\u00bfPor qu\u00e9 se considera a Sketchpad el primer editor gr\u00e1fico?<\/a><\/li><li style=\"\"><a href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#16-%C2%BFqu%C3%A9-relaci%C3%B3n-hay-entre-sketchpad-y-el-dise%C3%B1o-gr%C3%A1fico-moderno\" style=\"\">\u00bfQu\u00e9 relaci\u00f3n hay entre Sketchpad y el dise\u00f1o gr\u00e1fico moderno?<\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-%C2%BFqu%C3%A9-es-sketchpad-y-por-qu%C3%A9-fue-revolucionario\">\u00bfQu\u00e9 es Sketchpad y por qu\u00e9 fue revolucionario?<\/h2>\n\n\n\n<p><strong>Sketchpad<\/strong> fue el primer sistema de software interactivo de dise\u00f1o gr\u00e1fico, desarrollado en 1963 por <strong>Ivan Sutherland<\/strong> en el MIT como parte de su tesis doctoral. Aunque en apariencia se trataba de un programa para dibujar en pantalla, su impacto fue mucho mayor: sent\u00f3 las bases de toda la industria del dise\u00f1o asistido por ordenador (CAD), las interfaces gr\u00e1ficas y los editores visuales modernos.<\/p>\n\n\n\n<p>Por primera vez, una persona pod\u00eda usar un l\u00e1piz \u00f3ptico para interactuar directamente con un ordenador, dibujando formas geom\u00e9tricas, modific\u00e1ndolas visualmente y estableciendo relaciones matem\u00e1ticas entre ellas. Sketchpad permit\u00eda, por ejemplo, que una l\u00ednea se mantuviera perpendicular a otra incluso al moverlas: una funcionalidad que hoy asumimos como b\u00e1sica, pero que en ese momento era revolucionaria.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Sketchpad, by Dr. Ivan Sutherland with comments by Alan Kay\" width=\"1170\" height=\"878\" src=\"https:\/\/www.youtube.com\/embed\/495nCzxM9PI?start=23&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Adem\u00e1s, introdujo conceptos como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Jerarqu\u00eda de objetos<\/strong> (una figura pod\u00eda contener otras figuras).<\/li>\n\n\n\n<li><strong>Restricciones geom\u00e9tricas<\/strong> autom\u00e1ticas.<\/li>\n\n\n\n<li><strong>Pantalla gr\u00e1fica interactiva<\/strong> con cursor y l\u00e1piz \u00f3ptico.<\/li>\n\n\n\n<li><strong>Reutilizaci\u00f3n de elementos gr\u00e1ficos<\/strong>, anticipando el dise\u00f1o por componentes.<\/li>\n<\/ul>\n\n\n\n<p>Sketchpad no solo fue el <strong>primer editor gr\u00e1fico<\/strong>, sino que fue tambi\u00e9n el germen del dise\u00f1o por ordenador tal como lo entendemos hoy. Desde AutoCAD hasta Photoshop, pasando por cualquier herramienta de dise\u00f1o vectorial o de interfaz, todas beben directa o indirectamente de las ideas que Sutherland implement\u00f3 en este pionero sistema. Su legado es tan importante que a\u00fan hoy se estudia como uno de los hitos tecnol\u00f3gicos m\u00e1s influyentes del siglo XX.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-ivan-sutherland-el-pionero-que-cambi%C3%B3-la-historia-del-dise%C3%B1o-gr%C3%A1fico-digital\">Ivan Sutherland: el pionero que cambi\u00f3 la historia del dise\u00f1o gr\u00e1fico digital<\/h2>\n\n\n\n<p>Cuando hablamos de la historia de la inform\u00e1tica o del dise\u00f1o digital, <strong>Ivan Sutherland<\/strong> es una de esas figuras fundamentales que, a pesar de su importancia, no siempre recibe el reconocimiento que merece fuera del \u00e1mbito acad\u00e9mico. Nacido en 1938, este ingeniero y visionario fue el creador de <strong>Sketchpad<\/strong>, considerado el primer editor gr\u00e1fico interactivo de la historia.<\/p>\n\n\n\n<p>En 1963, mientras realizaba su tesis doctoral en el MIT bajo la direcci\u00f3n de Claude Shannon (el padre de la teor\u00eda de la informaci\u00f3n), Sutherland ide\u00f3 un sistema que permit\u00eda <strong>dibujar directamente en una pantalla de ordenador<\/strong> utilizando un l\u00e1piz \u00f3ptico. Este enfoque romp\u00eda por completo con la l\u00f3gica de entrada de datos basada en tarjetas perforadas o comandos escritos, dominantes en aquella \u00e9poca.<\/p>\n\n\n\n<p>Lo m\u00e1s impresionante es que lo hizo <strong>cuando apenas exist\u00edan pantallas gr\u00e1ficas tal y como las conocemos hoy<\/strong>. La m\u00e1quina que utiliz\u00f3, un TX-2, ocupaba una sala entera y contaba con una pantalla CRT sobre la que se pod\u00eda interactuar en tiempo real. El sistema permit\u00eda crear l\u00edneas, c\u00edrculos, copiar elementos, aplicar simetr\u00edas o definir relaciones matem\u00e1ticas entre formas: algo absolutamente in\u00e9dito para la \u00e9poca.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-%C2%BFqu%C3%A9-aport%C3%B3-ivan-sutherland-al-mundo-del-dise%C3%B1o-digital\">\u00bfQu\u00e9 aport\u00f3 Ivan Sutherland al mundo del dise\u00f1o digital?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Introdujo la <strong>interacci\u00f3n directa con la computadora<\/strong>, allanando el camino hacia las interfaces gr\u00e1ficas.<\/li>\n\n\n\n<li>Fue el precursor de los programas <strong>CAD (Computer-Aided Design)<\/strong>, hoy esenciales en arquitectura, ingenier\u00eda y dise\u00f1o industrial.<\/li>\n\n\n\n<li>Demostr\u00f3 que los ordenadores pod\u00edan servir para algo m\u00e1s que c\u00e1lculos num\u00e9ricos: pod\u00edan ser herramientas visuales, creativas y expresivas.<\/li>\n\n\n\n<li>Inspir\u00f3 generaciones de investigadores en campos como la <strong>realidad virtual<\/strong>, los entornos gr\u00e1ficos 3D y el dise\u00f1o computacional.<\/li>\n<\/ul>\n\n\n\n<p>No es casualidad que muchos lo consideren el &#8220;Leonardo Da Vinci de la inform\u00e1tica&#8221;. Su trabajo fue tan adelantado a su tiempo que muchos de los conceptos que propuso con Sketchpad tardaron d\u00e9cadas en implementarse de forma comercial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-%C2%BFc%C3%B3mo-funcionaba-sketchpad-y-qu%C3%A9-lo-hac%C3%ADa-tan-revolucionario\">\u00bfC\u00f3mo funcionaba Sketchpad y qu\u00e9 lo hac\u00eda tan revolucionario?<\/h2>\n\n\n\n<p>Para entender la importancia de <strong>Sketchpad<\/strong> no basta con saber que fue \u201cel primer editor gr\u00e1fico\u201d. Hay que ver <strong>c\u00f3mo funcionaba<\/strong> y por qu\u00e9 supuso un salto tecnol\u00f3gico y conceptual que transform\u00f3 por completo nuestra relaci\u00f3n con las computadoras.<\/p>\n\n\n\n<p>A diferencia de los ordenadores de su \u00e9poca, que funcionaban exclusivamente mediante comandos de texto o tarjetas perforadas, Sketchpad ofrec\u00eda algo inaudito: <strong>una interfaz visual interactiva<\/strong>. Gracias a un <strong>l\u00e1piz \u00f3ptico<\/strong> \u2014una especie de stylus que se utilizaba directamente sobre la pantalla\u2014, los usuarios pod\u00edan <strong>dibujar figuras geom\u00e9tricas directamente en el monitor<\/strong>, desplazarlas, escalarlas, copiar elementos, establecer relaciones entre ellos y manipularlos visualmente, en tiempo real.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-principales-caracter%C3%ADsticas-t%C3%A9cnicas-de-sketchpad\">Principales caracter\u00edsticas t\u00e9cnicas de Sketchpad:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Interfaz gr\u00e1fica<\/strong>: Fue la primera aplicaci\u00f3n inform\u00e1tica con una interfaz visual real. No hab\u00eda comandos complejos, sino un entorno que permit\u00eda \u201cver lo que haces\u201d directamente sobre la pantalla.<\/li>\n\n\n\n<li><strong>L\u00e1piz \u00f3ptico<\/strong>: Permit\u00eda interactuar directamente con la imagen. Seleccionar, mover o editar un objeto era tan simple como tocarlo.<\/li>\n\n\n\n<li><strong>Geometr\u00eda param\u00e9trica<\/strong>: Sketchpad permit\u00eda definir restricciones entre objetos. Por ejemplo, si se defin\u00eda que dos l\u00edneas deb\u00edan ser paralelas, seguir\u00edan si\u00e9ndolo aunque se moviera una de ellas. Este comportamiento anticip\u00f3 d\u00e9cadas antes los principios de los programas CAD modernos.<\/li>\n\n\n\n<li><strong>Jerarqu\u00edas y reutilizaci\u00f3n<\/strong>: Los objetos creados pod\u00edan agruparse y reutilizarse como componentes (lo que hoy llamar\u00edamos \u201cs\u00edmbolos\u201d o \u201cinstancias\u201d), una funci\u00f3n b\u00e1sica en el dise\u00f1o gr\u00e1fico y digital actual.<\/li>\n\n\n\n<li><strong>Representaci\u00f3n vectorial<\/strong>: No se dibujaban p\u00edxeles, sino que las formas estaban definidas mediante vectores matem\u00e1ticos, lo que permit\u00eda escalado sin p\u00e9rdida de calidad.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-%C2%BFqu%C3%A9-lo-hac%C3%ADa-tan-revolucionario\">\u00bfQu\u00e9 lo hac\u00eda tan revolucionario?<\/h3>\n\n\n\n<p>En palabras sencillas: <strong>Sketchpad transform\u00f3 el ordenador en una herramienta de creaci\u00f3n visual<\/strong>, no solo de c\u00e1lculo. Fue la primera vez que una persona pudo \u201cdibujar con un ordenador\u201d, y no simplemente introducir datos o c\u00e1lculos abstractos. Es m\u00e1s: muchas de las funciones que hoy damos por sentadas en programas como Illustrator, AutoCAD o Figma, estaban ya presentes \u2014en esencia\u2014 en Sketchpad.<\/p>\n\n\n\n<p>Fue el germen de toda una revoluci\u00f3n en el dise\u00f1o gr\u00e1fico, la arquitectura, la ingenier\u00eda y la interacci\u00f3n persona-ordenador. Ivan Sutherland no solo cre\u00f3 un software: <strong>cre\u00f3 un nuevo paradigma<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6-el-impacto-de-sketchpad-en-la-historia-del-dise%C3%B1o-gr%C3%A1fico-y-los-programas-de-edici%C3%B3n\">El impacto de Sketchpad en la historia del dise\u00f1o gr\u00e1fico y los programas de edici\u00f3n<\/h2>\n\n\n\n<p>La historia del dise\u00f1o gr\u00e1fico digital comienza, en gran medida, con <strong>Sketchpad<\/strong>. Su aparici\u00f3n en 1963 no solo represent\u00f3 un hito tecnol\u00f3gico, sino que <strong>sembr\u00f3 las bases del software de dise\u00f1o<\/strong> tal como lo conocemos hoy. Desde programas de ilustraci\u00f3n vectorial hasta herramientas CAD, Sketchpad es el antepasado conceptual de todos ellos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-el-inicio-de-la-era-del-dise%C3%B1o-asistido-por-ordenador-cad\">El inicio de la era del dise\u00f1o asistido por ordenador (CAD)<\/h3>\n\n\n\n<p>Sketchpad fue el precursor directo de los programas de <strong>Dise\u00f1o Asistido por Ordenador (CAD)<\/strong>. Gracias a sus capacidades para gestionar geometr\u00eda, relaciones entre objetos y edici\u00f3n precisa, fue adoptado inicialmente por ingenieros y arquitectos. De hecho, muchos de los comandos b\u00e1sicos de los programas CAD actuales \u2014como copiar, escalar, rotar o establecer restricciones\u2014 tienen su origen directo en Sketchpad.<\/p>\n\n\n\n<p>Este enfoque revolucionario permiti\u00f3 que las tareas de dise\u00f1o t\u00e9cnico, antes hechas a mano sobre papel milimetrado, pudieran trasladarse al entorno digital con <strong>mayor precisi\u00f3n, velocidad y flexibilidad<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-influencia-en-la-interfaz-gr%C3%A1fica-de-usuario-gui\">Influencia en la interfaz gr\u00e1fica de usuario (GUI)<\/h3>\n\n\n\n<p>Pero el impacto de Sketchpad no se limita al dise\u00f1o t\u00e9cnico. La forma en que interactuamos con los ordenadores tambi\u00e9n cambi\u00f3 gracias a este sistema. El concepto de <strong>ventanas gr\u00e1ficas, men\u00fas visuales, cursores, selecci\u00f3n directa con el mouse o stylus<\/strong>, todo parte de una visi\u00f3n inaugurada por Ivan Sutherland. Muchos de estos conceptos fueron retomados m\u00e1s adelante por Xerox PARC, Apple y Microsoft en el desarrollo de sus entornos gr\u00e1ficos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-de-sketchpad-a-los-programas-de-dise%C3%B1o-gr%C3%A1fico-modernos\">De Sketchpad a los programas de dise\u00f1o gr\u00e1fico modernos<\/h3>\n\n\n\n<p>A nivel gr\u00e1fico, Sketchpad marc\u00f3 el paso de la computaci\u00f3n abstracta a la <strong>computaci\u00f3n visual<\/strong>. Sent\u00f3 las bases para herramientas como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Adobe Illustrator<\/strong> y <strong>CorelDRAW<\/strong>: herederos de la edici\u00f3n vectorial directa.<\/li>\n\n\n\n<li><strong>AutoCAD<\/strong>: descendiente directo en arquitectura e ingenier\u00eda.<\/li>\n\n\n\n<li><strong>Photoshop<\/strong>, <strong>InDesign<\/strong>, <strong>Figma<\/strong> o <strong>Canva<\/strong>: aunque m\u00e1s complejos y modernos, siguen bas\u00e1ndose en el principio fundamental de interacci\u00f3n visual e intuitiva con objetos gr\u00e1ficos.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-su-legado-en-la-cultura-visual\">Su legado en la cultura visual<\/h3>\n\n\n\n<p>Adem\u00e1s de su influencia t\u00e9cnica, Sketchpad cambi\u00f3 el <strong>modo de pensar el dise\u00f1o<\/strong>: permiti\u00f3 entender el ordenador no como un simple n\u00famero-cruncher, sino como una <strong>herramienta creativa<\/strong>. Hoy en d\u00eda, cuando hablamos de dise\u00f1o gr\u00e1fico digital, UX\/UI o incluso inteligencia artificial creativa, seguimos caminando por el sendero que Ivan Sutherland abri\u00f3 con su innovador programa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"11-preguntas-frecuentes-sobre-sketchpad-y-su-papel-en-el-dise%C3%B1o-gr%C3%A1fico\">Preguntas frecuentes sobre Sketchpad y su papel en el dise\u00f1o gr\u00e1fico<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"12-%C2%BFqu%C3%A9-es-sketchpad\">\u00bfQu\u00e9 es Sketchpad?<\/h3>\n\n\n\n<p><strong>Sketchpad<\/strong> fue el primer programa de la historia que permiti\u00f3 <strong>dibujar directamente en la pantalla de un ordenador<\/strong> mediante un l\u00e1piz \u00f3ptico. Desarrollado en 1963 por Ivan Sutherland como parte de su tesis doctoral en el MIT, revolucion\u00f3 el concepto de interacci\u00f3n humano-computadora y marc\u00f3 el inicio del dise\u00f1o gr\u00e1fico digital.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"13-%C2%BFqui%C3%A9n-cre%C3%B3-sketchpad-y-en-qu%C3%A9-a%C3%B1o\">\u00bfQui\u00e9n cre\u00f3 Sketchpad y en qu\u00e9 a\u00f1o?<\/h3>\n\n\n\n<p>El creador de Sketchpad fue <strong>Ivan Sutherland<\/strong>, un ingeniero e inform\u00e1tico visionario. El software fue presentado en <strong>1963<\/strong>, y aunque naci\u00f3 como una herramienta de experimentaci\u00f3n acad\u00e9mica, sus innovaciones han influido en todas las interfaces gr\u00e1ficas y programas de dise\u00f1o posteriores.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"14-%C2%BFpara-qu%C3%A9-serv%C3%ADa-sketchpad\">\u00bfPara qu\u00e9 serv\u00eda Sketchpad?<\/h3>\n\n\n\n<p>Sketchpad permit\u00eda a los usuarios <strong>dibujar, mover, escalar, copiar y modificar<\/strong> figuras geom\u00e9tricas directamente sobre una pantalla. Adem\u00e1s, introdujo conceptos pioneros como la edici\u00f3n basada en objetos, el modelado vectorial y el uso de restricciones geom\u00e9tricas entre elementos. Aunque su uso original era t\u00e9cnico, su impacto fue profundo en el dise\u00f1o gr\u00e1fico, la animaci\u00f3n y el desarrollo del software CAD.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"15-%C2%BFpor-qu%C3%A9-se-considera-a-sketchpad-el-primer-editor-gr%C3%A1fico\">\u00bfPor qu\u00e9 se considera a Sketchpad el primer editor gr\u00e1fico?<\/h3>\n\n\n\n<p>Porque fue la primera herramienta que combin\u00f3 elementos como <strong>entrada directa por l\u00e1piz \u00f3ptico<\/strong>, <strong>representaci\u00f3n gr\u00e1fica en pantalla<\/strong>, <strong>manipulaci\u00f3n de objetos gr\u00e1ficos<\/strong> y <strong>almacenamiento visual en memoria<\/strong>. Estos elementos constituyen la esencia de lo que hoy entendemos como un editor gr\u00e1fico, desde programas vectoriales hasta aplicaciones de dise\u00f1o interactivo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"16-%C2%BFqu%C3%A9-relaci%C3%B3n-hay-entre-sketchpad-y-el-dise%C3%B1o-gr%C3%A1fico-moderno\">\u00bfQu\u00e9 relaci\u00f3n hay entre Sketchpad y el dise\u00f1o gr\u00e1fico moderno?<\/h3>\n\n\n\n<p>Sketchpad es el <strong>antecesor directo<\/strong> de todos los programas de dise\u00f1o digital actuales. Introdujo principios que hoy son fundamentales en herramientas como Adobe Illustrator, AutoCAD, Figma o InDesign. Gracias a Sketchpad, el dise\u00f1o pas\u00f3 del papel al ordenador, permitiendo una nueva era de precisi\u00f3n, experimentaci\u00f3n visual e interacci\u00f3n creativa.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pocas veces en la historia de la tecnolog\u00eda una sola herramienta ha marcado un antes y un despu\u00e9s tan claro como lo hizo Sketchpad en 1963. Concebido como una tesis doctoral en el MIT por un joven Ivan Sutherland, Sketchpad no solo fue el primer editor gr\u00e1fico de la historia, sino que introdujo ideas que hoy damos por sentadas en el dise\u00f1o&hellip;<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3210","post","type-post","status-publish","format-standard","hentry","category-disenografico"],"featured_image_src":null,"author_info":{"display_name":"Hispaprint","author_link":"https:\/\/hispaprint.com\/blog\/author\/fema\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sketchpad: El Origen del Dise\u00f1o Gr\u00e1fico Digital y el CAD<\/title>\n<meta name=\"description\" content=\"Sketchpad revolucion\u00f3 el dise\u00f1o en 1963: fue el primer editor gr\u00e1fico y sent\u00f3 las bases del dise\u00f1o asistido por ordenador y las interfaces visuales.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sketchpad: El Origen del Dise\u00f1o Gr\u00e1fico Digital y el CAD\" \/>\n<meta property=\"og:description\" content=\"Sketchpad revolucion\u00f3 el dise\u00f1o en 1963: fue el primer editor gr\u00e1fico y sent\u00f3 las bases del dise\u00f1o asistido por ordenador y las interfaces visuales.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Hispaprint.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hispaprint\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-22T11:23:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-01T11:07:30+00:00\" \/>\n<meta name=\"author\" content=\"Hispaprint\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hispaprint\" \/>\n<meta name=\"twitter:site\" content=\"@hispaprint\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hispaprint\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sketchpad: El Origen del Dise\u00f1o Gr\u00e1fico Digital y el CAD","description":"Sketchpad revolucion\u00f3 el dise\u00f1o en 1963: fue el primer editor gr\u00e1fico y sent\u00f3 las bases del dise\u00f1o asistido por ordenador y las interfaces visuales.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/","og_locale":"es_ES","og_type":"article","og_title":"Sketchpad: El Origen del Dise\u00f1o Gr\u00e1fico Digital y el CAD","og_description":"Sketchpad revolucion\u00f3 el dise\u00f1o en 1963: fue el primer editor gr\u00e1fico y sent\u00f3 las bases del dise\u00f1o asistido por ordenador y las interfaces visuales.","og_url":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/","og_site_name":"Blog de Hispaprint.com","article_publisher":"https:\/\/www.facebook.com\/hispaprint\/","article_published_time":"2021-01-22T11:23:31+00:00","article_modified_time":"2025-07-01T11:07:30+00:00","author":"Hispaprint","twitter_card":"summary_large_image","twitter_creator":"@hispaprint","twitter_site":"@hispaprint","twitter_misc":{"Escrito por":"Hispaprint","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#article","isPartOf":{"@id":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/"},"author":{"name":"Hispaprint","@id":"https:\/\/hispaprint.com\/blog\/#\/schema\/person\/adc805464c471306a9a37cbd21da6b7c"},"headline":"Sketchpad: el primer editor gr\u00e1fico de la historia creado por Ivan Sutherland","datePublished":"2021-01-22T11:23:31+00:00","dateModified":"2025-07-01T11:07:30+00:00","mainEntityOfPage":{"@id":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/"},"wordCount":1989,"publisher":{"@id":"https:\/\/hispaprint.com\/blog\/#organization"},"articleSection":["Dise\u00f1o gr\u00e1fico"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/","url":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/","name":"Sketchpad: El Origen del Dise\u00f1o Gr\u00e1fico Digital y el CAD","isPartOf":{"@id":"https:\/\/hispaprint.com\/blog\/#website"},"datePublished":"2021-01-22T11:23:31+00:00","dateModified":"2025-07-01T11:07:30+00:00","description":"Sketchpad revolucion\u00f3 el dise\u00f1o en 1963: fue el primer editor gr\u00e1fico y sent\u00f3 las bases del dise\u00f1o asistido por ordenador y las interfaces visuales.","breadcrumb":{"@id":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hispaprint.com\/blog\/disenografico\/ha-del-diseno-grafico-sketchpad-el-primer-editor-grafico\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u00b7 Blog","item":"https:\/\/hispaprint.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o gr\u00e1fico","item":"https:\/\/hispaprint.com\/blog\/categoria\/disenografico\/"},{"@type":"ListItem","position":3,"name":"Sketchpad: el primer editor gr\u00e1fico de la historia creado por Ivan Sutherland"}]},{"@type":"WebSite","@id":"https:\/\/hispaprint.com\/blog\/#website","url":"https:\/\/hispaprint.com\/blog\/","name":"Blog de Hispaprint.com","description":"","publisher":{"@id":"https:\/\/hispaprint.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hispaprint.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/hispaprint.com\/blog\/#organization","name":"Hispaprint","url":"https:\/\/hispaprint.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hispaprint.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hispaprint.com\/blog\/wp-content\/uploads\/LOGO-.jpg","contentUrl":"https:\/\/hispaprint.com\/blog\/wp-content\/uploads\/LOGO-.jpg","width":654,"height":167,"caption":"Hispaprint"},"image":{"@id":"https:\/\/hispaprint.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hispaprint\/","https:\/\/x.com\/hispaprint"]},{"@type":"Person","@id":"https:\/\/hispaprint.com\/blog\/#\/schema\/person\/adc805464c471306a9a37cbd21da6b7c","name":"Hispaprint","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hispaprint.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/619cbed525ca8ab67985c44772bfcf96482aa55e72e8dbd679e97503d71f9139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/619cbed525ca8ab67985c44772bfcf96482aa55e72e8dbd679e97503d71f9139?s=96&d=mm&r=g","caption":"Hispaprint"},"url":"https:\/\/hispaprint.com\/blog\/author\/fema\/"}]}},"_links":{"self":[{"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/posts\/3210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/comments?post=3210"}],"version-history":[{"count":3,"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/posts\/3210\/revisions"}],"predecessor-version":[{"id":4856,"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/posts\/3210\/revisions\/4856"}],"wp:attachment":[{"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/media?parent=3210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/categories?post=3210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hispaprint.com\/blog\/wp-json\/wp\/v2\/tags?post=3210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}