{"id":14364,"date":"2025-04-09T17:21:31","date_gmt":"2025-04-09T10:21:31","guid":{"rendered":"https:\/\/binus.ac.id\/bandung\/?p=14364"},"modified":"2025-04-22T15:27:53","modified_gmt":"2025-04-22T08:27:53","slug":"sejarah-icon-design-dalam-graphic-user-inteface-gui","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/","title":{"rendered":"Sejarah Icon Design dalam Graphic User Inteface (GUI)"},"content":{"rendered":"<p style=\"text-align: center\">Adrianto, S.Ds., M.Ds.<\/p>\n<p style=\"text-align: center\">DKV BINUS @Bandung<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-14396 aligncenter\" src=\"http:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1-640x320.jpg\" alt=\"Sejarah Icon Design dalam Graphic User Inteface (GUI)\" width=\"640\" height=\"320\" srcset=\"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1-640x320.jpg 640w, https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1-480x240.jpg 480w, https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1-768x384.jpg 768w, https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg 1000w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<h1><b>Sejarah Icon Design dalam Graphic User Interface (GUI)<\/b><\/h1>\n<p><span style=\"font-weight: 400\">Dalam dunia komputasi modern, desain ikon memiliki peran krusial dalam menciptakan pengalaman pengguna yang intuitif dan efisien. Ikon dalam antarmuka pengguna grafis atau Graphic User Interface (GUI) berfungsi sebagai representasi visual dari fungsi atau perintah tertentu, yang memudahkan pengguna dalam berinteraksi dengan sistem. Seiring kemajuan teknologi dan meningkatnya ekspektasi terhadap desain yang user-friendly, ikon telah berevolusi menjadi lebih dari sekadar simbol\u2014mereka adalah bagian dari bahasa visual yang menyatukan pengguna dengan teknologi.<\/span><\/p>\n<h2><b>Peran Ikon dalam GUI<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Ikon berfungsi sebagai jembatan komunikasi antara pengguna dan perangkat lunak. Menurut Interaction Design Foundation, representasi visual seperti ikon memungkinkan pengguna untuk memahami dan menavigasi sistem dengan lebih intuitif, sekaligus mengurangi kebutuhan akan instruksi berbasis teks yang kompleks. Dengan menyederhanakan proses komunikasi, ikon membantu mempercepat pemahaman dan interaksi pengguna, terutama bagi mereka yang mungkin belum familiar dengan teknologi tertentu.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Lebih dari sekadar simbol, ikon juga berkontribusi terhadap estetika antarmuka dan menciptakan pengalaman visual yang konsisten. Desain ikon yang efektif memperhitungkan aspek kognitif manusia\u2014bagaimana pengguna mengenali dan menginterpretasi gambar secara cepat. Misalnya, simbol amplop secara universal diasosiasikan dengan email atau pesan, menjadikan ikon tersebut mudah dikenali tanpa perlu teks tambahan.<\/span><\/p>\n<h2><b>Awal Mula Desain Ikon dalam GUI<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Desain ikon modern bermula pada awal 1980-an, sebuah era ketika komputer pribadi mulai diperkenalkan ke pasar konsumen. Salah satu momen penting dalam sejarah desain ikon terjadi ketika Apple Computer mengembangkan Macintosh, salah satu komputer pertama yang menggunakan GUI secara luas. Untuk menciptakan antarmuka yang ramah pengguna, Apple merekrut <\/span><b>Susan Kare<\/b><span style=\"font-weight: 400\">, seorang desainer grafis dengan latar belakang seni murni.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Susan Kare memiliki pendekatan unik dalam mendesain ikon. Ia tidak hanya mempertimbangkan bentuk visual, tetapi juga semantik dan psikologi pengguna. Beberapa ikon ciptaannya yang paling terkenal antara lain \u201c<\/span><b>Happy Mac<\/b><span style=\"font-weight: 400\">\u201d yang muncul saat komputer menyala, ikon tempat sampah sebagai metafora untuk fungsi &#8220;hapus&#8221;, dan simbol perintah (\u2318) yang kini menjadi ikonik di perangkat Apple. Menariknya, simbol perintah tersebut diambil dari tanda yang digunakan di peta perkemahan Swedia untuk menunjukkan lokasi yang menarik atau bersejarah.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Desain Kare menggunakan resolusi rendah dan hanya hitam-putih, karena keterbatasan teknologi saat itu. Namun, justru dalam keterbatasan itu muncul kreativitas tinggi yang menghasilkan ikon yang sederhana namun kuat secara makna dan estetika.<\/span><\/p>\n<h2><b>Evolusi Desain Ikon dari Masa ke Masa<\/b><\/h2>\n<h3><b>1. Era Komputer Pribadi (1980\u20131990)<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Pada dekade ini, desain ikon sangat dipengaruhi oleh batasan teknis. Resolusi layar rendah dan kemampuan warna yang terbatas membuat ikon dibuat dalam bentuk piksel yang kasar dan monokromatik. Meskipun demikian, para desainer berhasil menciptakan ikon yang mudah dikenali dengan mengandalkan bentuk dasar dan metafora visual sederhana.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Apple Macintosh dan Microsoft Windows adalah dua platform utama yang mempopulerkan penggunaan ikon dalam GUI. Windows 3.0, yang dirilis pada 1990, memperkenalkan ikon berwarna yang sedikit lebih kompleks namun masih tetap mempertahankan prinsip dasar: kesederhanaan dan keterbacaan.<\/span><\/p>\n<h3><b>2. Transisi ke Desain Berwarna dan Detail Tinggi (1990\u20132000)<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Seiring meningkatnya kemampuan grafis komputer, ikon pun berevolusi menjadi lebih kompleks dan berwarna. Desain menjadi lebih realistis, mengikuti tren skeuomorfisme\u2014gaya desain yang meniru tampilan objek fisik. Ikon folder terlihat seperti map manila sungguhan, ikon tempat sampah terlihat seperti tong logam, dan sebagainya.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Gaya skeuomorfik membantu pengguna yang baru mengenal komputer untuk memahami fungsi ikon dengan cepat, karena mereka mengaitkannya dengan objek nyata yang sudah mereka kenal. Namun, tren ini juga menimbulkan tantangan: ikon yang terlalu detail atau realistis bisa membingungkan jika tidak konsisten atau berlebihan dalam penggunaan efek visual.<\/span><\/p>\n<h3><b>3. Munculnya Desain Flat dan Minimalis (2010\u2013sekarang)<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Tahun 2010-an menandai pergeseran besar dalam desain ikon dengan munculnya gaya <\/span><b>flat design<\/b><span style=\"font-weight: 400\">\u2014desain datar tanpa efek bayangan atau tekstur. Gaya ini dipopulerkan oleh sistem operasi seperti Windows 8, Android Material Design, dan Apple iOS 7.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Desain flat mengedepankan kesederhanaan, efisiensi, dan keterbacaan. Ikon dibuat dengan warna solid, bentuk geometri yang bersih, dan tanpa ornamen tambahan. Perubahan ini bukan hanya masalah estetika, tetapi juga respons terhadap kebutuhan perangkat seluler yang memiliki layar lebih kecil dan membutuhkan performa grafis lebih ringan.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Saat ini, desain ikon cenderung menggabungkan elemen flat dengan sedikit kedalaman\u2014dikenal sebagai <\/span><b>flat 2.0<\/b><span style=\"font-weight: 400\"> atau <\/span><b>semi-flat design<\/b><span style=\"font-weight: 400\">\u2014untuk memberikan nuansa visual tanpa mengorbankan kesederhanaan.<\/span><\/p>\n<h2><b>Prinsip Desain Ikon yang Efektif<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Terlepas dari evolusinya, beberapa prinsip dasar tetap relevan dalam desain ikon GUI:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><b>Kejelasan Visual:<\/b><span style=\"font-weight: 400\"> Ikon harus langsung dapat dikenali, bahkan dalam ukuran kecil.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Kesederhanaan:<\/b><span style=\"font-weight: 400\"> Terlalu banyak detail justru mengaburkan makna ikon.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Konsistensi:<\/b><span style=\"font-weight: 400\"> Gaya, ukuran, dan warna ikon dalam satu sistem harus konsisten.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Relevansi Kontekstual:<\/b><span style=\"font-weight: 400\"> Ikon harus memiliki keterkaitan logis dengan fungsi yang diwakilinya.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Skalabilitas:<\/b><span style=\"font-weight: 400\"> Desain harus tetap jelas ketika diperkecil atau diperbesar.<\/span>&nbsp;<\/li>\n<\/ol>\n<p><span style=\"font-weight: 400\">Susan Kare sendiri pernah mengatakan bahwa ikon yang baik adalah \u201ckata gambar\u201d\u2014mereka menyampaikan informasi layaknya teks, tapi secara visual.<\/span><\/p>\n<h2><b>Manfaat Ikon dalam Pengalaman Pengguna (UX)<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Penggunaan ikon yang tepat dalam GUI memiliki dampak signifikan terhadap pengalaman pengguna:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><b>Mempercepat Navigasi:<\/b><span style=\"font-weight: 400\"> Ikon memungkinkan pengguna mengenali fungsi dengan cepat tanpa membaca teks panjang.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Menghemat Ruang:<\/b><span style=\"font-weight: 400\"> Dalam tampilan antarmuka yang terbatas, ikon bisa menggantikan label teks dan membuat layout lebih efisien.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Meningkatkan Estetika:<\/b><span style=\"font-weight: 400\"> Ikon menambah elemen visual yang memperkaya tampilan antarmuka.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Mengurangi Beban Kognitif:<\/b><span style=\"font-weight: 400\"> Representasi visual seringkali lebih mudah diingat dan diproses oleh otak dibandingkan teks.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Meningkatkan Aksesibilitas Multibahasa:<\/b><span style=\"font-weight: 400\"> Ikon bersifat universal dan dapat mengatasi hambatan bahasa.<\/span>&nbsp;<\/li>\n<\/ol>\n<h2><b>Tantangan dalam Desain Ikon<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Meskipun ikon memiliki banyak keunggulan, mendesain ikon yang efektif tidaklah mudah. Beberapa tantangan yang sering dihadapi desainer antara lain:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><b>Ambiguitas:<\/b><span style=\"font-weight: 400\"> Simbol yang terlalu abstrak bisa membingungkan pengguna.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Keterbatasan Budaya:<\/b><span style=\"font-weight: 400\"> Interpretasi ikon bisa berbeda tergantung latar belakang budaya pengguna.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Ukuran Kecil:<\/b><span style=\"font-weight: 400\"> Desain harus tetap jelas dan terbaca dalam resolusi kecil, terutama pada perangkat seluler dan jam pintar.<\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400\"><b>Overload Visual:<\/b><span style=\"font-weight: 400\"> Terlalu banyak ikon dalam satu layar bisa menimbulkan kebingungan alih-alih memudahkan navigasi.<\/span>&nbsp;<\/li>\n<\/ol>\n<p><span style=\"font-weight: 400\">Oleh karena itu, proses desain ikon memerlukan uji coba dan validasi pengguna untuk memastikan efektivitasnya.<\/span><\/p>\n<h2><b>Masa Depan Desain Ikon dalam GUI<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Desain ikon akan terus berevolusi mengikuti perkembangan teknologi seperti <\/span><b>antarmuka berbasis suara<\/b><span style=\"font-weight: 400\">, <\/span><b>augmented reality (AR)<\/b><span style=\"font-weight: 400\">, dan <\/span><b>virtual reality (VR)<\/b><span style=\"font-weight: 400\">. Dalam konteks ini, ikon akan mengalami pergeseran dari dua dimensi ke bentuk tiga dimensi atau bahkan interaktif. Misalnya, dalam AR\/VR, ikon mungkin muncul sebagai objek virtual yang bisa disentuh atau dilihat dari berbagai sudut.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Selain itu, tren personalisasi dan aksesibilitas juga akan memengaruhi desain ikon. Sistem yang dapat menyesuaikan ikon berdasarkan preferensi pengguna, tingkat keterampilan, atau kebutuhan khusus (misalnya tunanetra) akan menjadi penting dalam menciptakan pengalaman pengguna yang inklusif.<\/span><\/p>\n<h2><b>Kesimpulan<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Dari masa ke masa, desain ikon telah mengalami transformasi besar\u2014baik dari segi teknis maupun filosofis. Dari ikon monokrom sederhana karya Susan Kare di era Macintosh pertama, hingga ikon datar dan interaktif yang kita temui di perangkat modern, ikon tetap menjadi elemen kunci dalam desain GUI.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Dengan prinsip dasar seperti kesederhanaan, kejelasan, dan konsistensi, ikon membantu menjembatani kesenjangan antara pengguna dan teknologi. Mereka bukan hanya gambar kecil di layar, tetapi medium komunikasi visual yang membawa efisiensi, keindahan, dan kemudahan dalam setiap klik.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adrianto, S.Ds., M.Ds. DKV BINUS @Bandung Sejarah Icon Design dalam Graphic User Interface (GUI) Dalam dunia komputasi modern, desain ikon memiliki peran krusial dalam menciptakan pengalaman pengguna yang intuitif dan efisien. Ikon dalam antarmuka pengguna grafis atau Graphic User Interface (GUI) berfungsi sebagai representasi visual dari fungsi atau perintah tertentu, yang memudahkan pengguna dalam berinteraksi [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":14396,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[119],"tags":[],"class_list":["post-14364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-communication-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sejarah Icon Design dalam Graphic User Inteface (GUI)<\/title>\n<meta name=\"description\" content=\"Pelajari sejarah perkembangan desain ikon dalam antarmuka grafis (GUI) \u2014 dari awal kemunculannya hingga evolusi modern yang membentuk pengalaman pengguna digital saat ini.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sejarah Icon Design dalam Graphic User Inteface (GUI)\" \/>\n<meta property=\"og:description\" content=\"Pelajari sejarah perkembangan desain ikon dalam antarmuka grafis (GUI) \u2014 dari awal kemunculannya hingga evolusi modern yang membentuk pengalaman pengguna digital saat ini.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/\" \/>\n<meta property=\"og:site_name\" content=\"BINUS UNIVERSITY BANDUNG - Kampus Teknologi Kreatif\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-09T10:21:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T08:27:53+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cmcbinus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cmcbinus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/\"},\"author\":{\"name\":\"cmcbinus\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/#\/schema\/person\/f3d91be938f8fd4c72e0531c11adf26c\"},\"headline\":\"Sejarah Icon Design dalam Graphic User Inteface (GUI)\",\"datePublished\":\"2025-04-09T10:21:31+00:00\",\"dateModified\":\"2025-04-22T08:27:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/\"},\"wordCount\":1126,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/#organization\"},\"image\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg\",\"articleSection\":[\"Visual Communication Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/\",\"url\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/\",\"name\":\"Sejarah Icon Design dalam Graphic User Inteface (GUI)\",\"isPartOf\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg\",\"datePublished\":\"2025-04-09T10:21:31+00:00\",\"dateModified\":\"2025-04-22T08:27:53+00:00\",\"description\":\"Pelajari sejarah perkembangan desain ikon dalam antarmuka grafis (GUI) \u2014 dari awal kemunculannya hingga evolusi modern yang membentuk pengalaman pengguna digital saat ini.\",\"breadcrumb\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage\",\"url\":\"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg\",\"contentUrl\":\"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg\",\"width\":1000,\"height\":500,\"caption\":\"Sejarah Icon Design dalam Graphic User Inteface (GUI)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/binus.ac.id\/bandung\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sejarah Icon Design dalam Graphic User Inteface (GUI)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/#website\",\"url\":\"https:\/\/binus.ac.id\/bandung\/\",\"name\":\"BINUS UNIVERSITY BANDUNG - Kampus Teknologi Kreatif\",\"description\":\"Binus kampus komunitas kreatif Bandung dengan visi membangun universitas yang berkelas dunia di tahun 2020 mendatang, sebagai langkah menuju visi tersebut, BINA NUSANTARA kampus komunitas kreatif mengambil suatu langkah mantap untuk membuka jaringan pendidikan di Kota Bandung.\",\"publisher\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/binus.ac.id\/bandung\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/#organization\",\"name\":\"BINUS UNIVERSITY\",\"url\":\"https:\/\/binus.ac.id\/bandung\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2017\/11\/site-logo.png\",\"contentUrl\":\"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2017\/11\/site-logo.png\",\"width\":140,\"height\":84,\"caption\":\"BINUS UNIVERSITY\"},\"image\":{\"@id\":\"https:\/\/binus.ac.id\/bandung\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/#\/schema\/person\/f3d91be938f8fd4c72e0531c11adf26c\",\"name\":\"cmcbinus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/binus.ac.id\/bandung\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d55450a51e075980932005cd0987c4324255b634bc10f6ee56068b92bba05b81?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d55450a51e075980932005cd0987c4324255b634bc10f6ee56068b92bba05b81?s=96&d=mm&r=g\",\"caption\":\"cmcbinus\"},\"url\":\"https:\/\/binus.ac.id\/bandung\/author\/cmcbinus\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sejarah Icon Design dalam Graphic User Inteface (GUI)","description":"Pelajari sejarah perkembangan desain ikon dalam antarmuka grafis (GUI) \u2014 dari awal kemunculannya hingga evolusi modern yang membentuk pengalaman pengguna digital saat ini.","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:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/","og_locale":"en_US","og_type":"article","og_title":"Sejarah Icon Design dalam Graphic User Inteface (GUI)","og_description":"Pelajari sejarah perkembangan desain ikon dalam antarmuka grafis (GUI) \u2014 dari awal kemunculannya hingga evolusi modern yang membentuk pengalaman pengguna digital saat ini.","og_url":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/","og_site_name":"BINUS UNIVERSITY BANDUNG - Kampus Teknologi Kreatif","article_published_time":"2025-04-09T10:21:31+00:00","article_modified_time":"2025-04-22T08:27:53+00:00","og_image":[{"width":1000,"height":500,"url":"http:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg","type":"image\/jpeg"}],"author":"cmcbinus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cmcbinus","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#article","isPartOf":{"@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/"},"author":{"name":"cmcbinus","@id":"https:\/\/binus.ac.id\/bandung\/#\/schema\/person\/f3d91be938f8fd4c72e0531c11adf26c"},"headline":"Sejarah Icon Design dalam Graphic User Inteface (GUI)","datePublished":"2025-04-09T10:21:31+00:00","dateModified":"2025-04-22T08:27:53+00:00","mainEntityOfPage":{"@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/"},"wordCount":1126,"commentCount":0,"publisher":{"@id":"https:\/\/binus.ac.id\/bandung\/#organization"},"image":{"@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage"},"thumbnailUrl":"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg","articleSection":["Visual Communication Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/","url":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/","name":"Sejarah Icon Design dalam Graphic User Inteface (GUI)","isPartOf":{"@id":"https:\/\/binus.ac.id\/bandung\/#website"},"primaryImageOfPage":{"@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage"},"image":{"@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage"},"thumbnailUrl":"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg","datePublished":"2025-04-09T10:21:31+00:00","dateModified":"2025-04-22T08:27:53+00:00","description":"Pelajari sejarah perkembangan desain ikon dalam antarmuka grafis (GUI) \u2014 dari awal kemunculannya hingga evolusi modern yang membentuk pengalaman pengguna digital saat ini.","breadcrumb":{"@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#primaryimage","url":"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg","contentUrl":"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2025\/04\/Screen-Shot-2025-04-22-at-3.07.07-PM-1000x500-1.jpg","width":1000,"height":500,"caption":"Sejarah Icon Design dalam Graphic User Inteface (GUI)"},{"@type":"BreadcrumbList","@id":"https:\/\/binus.ac.id\/bandung\/2025\/04\/sejarah-icon-design-dalam-graphic-user-inteface-gui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/binus.ac.id\/bandung\/"},{"@type":"ListItem","position":2,"name":"Sejarah Icon Design dalam Graphic User Inteface (GUI)"}]},{"@type":"WebSite","@id":"https:\/\/binus.ac.id\/bandung\/#website","url":"https:\/\/binus.ac.id\/bandung\/","name":"BINUS UNIVERSITY BANDUNG - Kampus Teknologi Kreatif","description":"Binus kampus komunitas kreatif Bandung dengan visi membangun universitas yang berkelas dunia di tahun 2020 mendatang, sebagai langkah menuju visi tersebut, BINA NUSANTARA kampus komunitas kreatif mengambil suatu langkah mantap untuk membuka jaringan pendidikan di Kota Bandung.","publisher":{"@id":"https:\/\/binus.ac.id\/bandung\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/binus.ac.id\/bandung\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/binus.ac.id\/bandung\/#organization","name":"BINUS UNIVERSITY","url":"https:\/\/binus.ac.id\/bandung\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/binus.ac.id\/bandung\/#\/schema\/logo\/image\/","url":"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2017\/11\/site-logo.png","contentUrl":"https:\/\/binus.ac.id\/bandung\/wp-content\/uploads\/2017\/11\/site-logo.png","width":140,"height":84,"caption":"BINUS UNIVERSITY"},"image":{"@id":"https:\/\/binus.ac.id\/bandung\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/binus.ac.id\/bandung\/#\/schema\/person\/f3d91be938f8fd4c72e0531c11adf26c","name":"cmcbinus","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/binus.ac.id\/bandung\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d55450a51e075980932005cd0987c4324255b634bc10f6ee56068b92bba05b81?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d55450a51e075980932005cd0987c4324255b634bc10f6ee56068b92bba05b81?s=96&d=mm&r=g","caption":"cmcbinus"},"url":"https:\/\/binus.ac.id\/bandung\/author\/cmcbinus\/"}]}},"_links":{"self":[{"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/posts\/14364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/comments?post=14364"}],"version-history":[{"count":4,"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/posts\/14364\/revisions"}],"predecessor-version":[{"id":14395,"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/posts\/14364\/revisions\/14395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/media\/14396"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/media?parent=14364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/categories?post=14364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/bandung\/wp-json\/wp\/v2\/tags?post=14364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}