{"id":26268,"date":"2024-06-14T11:27:56","date_gmt":"2024-06-14T02:27:56","guid":{"rendered":"https:\/\/designcompass.org\/?p=26268"},"modified":"2024-06-14T11:27:58","modified_gmt":"2024-06-14T02:27:58","slug":"hig-hangul","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2024\/06\/14\/hig-hangul\/","title":{"rendered":"Human Interface Guidelines: The Essence of Apple Design in Korean"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Apple&#039;s Human Interface Guidelines have been translated into Korean. This is a web document with beautiful thumbnails and icons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HIG Korean translation was the first series of the Design Compass blog, and it brought back memories. The Apple Human Interface Guidelines, which were the light and salt when I first studied UI design, are web pages that can be seen as textbooks of digital environment design along with Google&#039;s Material Design. It started out as a way to get more people to create apps for their platform.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-1024x1024.png\" alt=\"\" class=\"wp-image-26269\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-03.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I&#039;ve always tried to express &#039;UX Writing&#039; as &#039;writing&#039;, and I&#039;m glad to find it in the guidelines. It is also impressive that the first item in the document is \u2018ease of use\u2019 and that components are expressed as \u2018components\u2019.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It contains a wealth of information on how to design software for Apple devices, including iOS, iPadOS, and macOS. Rather than guidelines for creating specific UI for individual apps, it is closer to guidelines regarding various UI tools provided by the OS.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-1024x1024.png\" alt=\"\" class=\"wp-image-26270\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-04.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The documentation explains concepts with text and images, and also provides helpful development documentation and video guides. It primarily consists of an introduction, best practices, resources, and change history, and the list on the right also shows you which devices this knowledge is available for.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The menu consists of Getting Started, Basics, Patterns, Components, Inputs, and Techniques. It is a bit difficult to understand by what criteria the classes were divided.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>get started<\/strong> This guide focuses on Apple devices, which is the purpose of the document.<\/li>\n\n\n\n<li><strong>The Basics<\/strong> It contains content that can be applied to the entire software, such as app icons, colors, and privacy protection. <\/li>\n\n\n\n<li><strong>pattern<\/strong> It was divided into user actions, such as drag and drop, multitasking, and account management. <\/li>\n\n\n\n<li><strong>Component<\/strong> It is organized into small components used within the screen. <\/li>\n\n\n\n<li><strong>input<\/strong> We&#039;ve summarized ways to input information with Apple devices, including physical buttons, touch, digital crown, and gestures. <\/li>\n\n\n\n<li><strong>technology<\/strong> It contains information related to complex technologies that are difficult to apply, such as augmented reality, CarPlay, and Health Kit.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-1024x1024.png\" alt=\"\" class=\"wp-image-26271\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-05.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-1024x1024.png\" alt=\"\" class=\"wp-image-26272\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-06.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-1024x1024.png\" alt=\"\" class=\"wp-image-26273\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-08.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-1024x1024.png\" alt=\"\" class=\"wp-image-26274\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-09.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-1024x1024.png\" alt=\"\" class=\"wp-image-26275\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-10.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-1024x1024.png\" alt=\"\" class=\"wp-image-26276\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-11.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Apple<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\uc560\ud50c\uc758 \ud734\uba3c \uc778\ud130\ud398\uc774\uc2a4 \uac00\uc774\ub4dc\ub77c\uc778(Human Interface Guideline)\uc774 \ud55c\uae00\ud654\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc12c\ub124\uc77c\uacfc \uc544\uc774\ucf58\uc774 \uc544\ub984\ub2e4\uc6b4 \uc6f9 \ubb38\uc11c\uc785\ub2c8\ub2e4. HIG \ud55c\uae00 \ubc88\uc5ed\uc774 \ub514\uc790\uc778 \ub098\uce68\ubc18 \ube14\ub85c\uadf8\uc758 \uccab \uc2dc\ub9ac\uc988\uc600\ub294\ub370 \ucd94\uc5b5\uc774 \uc0c8\ub85d\uc0c8\ub85d \ub5a0\uc624\ub985\ub2c8\ub2e4. \ucc98\uc74c UI \ub514\uc790\uc778\uc744 \uacf5\ubd80\ud560 \ub54c \ube5b\uacfc \uc18c\uae08\uc774\uc5c8\ub358 \uc560\ud50c \ud734\uba3c \uc778\ud130\ud398\uc774\uc2a4 \uac00\uc774\ub4dc\ub77c\uc778\uc740 \uad6c\uae00\uc758 \uba38\ud2f0\ub9ac\uc5bc \ub514\uc790\uc778\uacfc \ud568\uaed8 \ub514\uc9c0\ud138 \ud658\uacbd \ub514\uc790\uc778\uc758 \uad50\uacfc\uc11c\ub77c\uace0 \ubcfc \uc218 \uc788\ub294 \uc6f9\ud398\uc774\uc9c0\uc785\ub2c8\ub2e4. \ub354 \ub9ce\uc740 \uc0ac\ub78c\ub4e4\uc774 \uc790\uc0ac\uc758 \ud50c\ub7ab\ud3fc\uc5d0 \uc801\ud569\ud55c \uc571\uc744 \ub9cc\ub4e4\uac8c \ud558\uae30 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":26278,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[4,621],"tags":[69,260],"class_list":["post-26268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service","tag-69","tag-260"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/06\/hig-hangul-01.png","publishpress_future_action":{"enabled":false,"date":"2026-08-15 16:35:50","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/26268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=26268"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/26268\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/26278"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=26268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=26268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=26268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}