<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>scribbled notes</title>
    <link>https://becribbled.tistory.com/</link>
    <description>노트정리함</description>
    <language>ko</language>
    <pubDate>Tue, 14 Jul 2026 10:43:36 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>필기자</managingEditor>
    <image>
      <title>scribbled notes</title>
      <url>https://tistory1.daumcdn.net/tistory/7608812/attach/a5ed1541e8dd46109d5dfb1da672f005</url>
      <link>https://becribbled.tistory.com</link>
    </image>
    <item>
      <title>[필기] 디자인의 요소와 원리</title>
      <link>https://becribbled.tistory.com/4</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디자인의 요소&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;개념적 요소&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;지각되지 않는 이론상의 요소&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;점 : 형태를 지각하는 최소 단위. 위치만을 나타내며, 방향은 존재하지 않음.
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;positive : 명확히 지각되는 점&lt;/li&gt;
&lt;li&gt;negative : 선의 한계, 교차, 꼭지점 등의 점&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;선(line) : 점이 이동한 흔적이나 자취. 두께와 폭은 없다. 길이와 방향을 나타낸다.
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;종류
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;직선 : 일정한 방향으로 진행될 때 생기는 선. 직선, 사선.&lt;/li&gt;
&lt;li&gt;곡선 : 진행 방향의 변화로 생기는 선. 곡선, 원, 원호 등.&lt;/li&gt;
&lt;li&gt;무기적인 선 : 직선과 사선 등으로 구성. 기계적이고 기하학적인 선.&lt;/li&gt;
&lt;li&gt;유기적인 선 : 물체 전체나 외부 모양을 나타내는 자유로운 선.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;느낌
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;직선 : 경직, 단순, 확실, 명료&lt;/li&gt;
&lt;li&gt;곡선 : 부드러움, 우아함, 자유로움 (레이스)&lt;/li&gt;
&lt;li&gt;가는 선 : 우아함&lt;/li&gt;
&lt;li&gt;굵은 선 : 힘 있는 느낌&lt;/li&gt;
&lt;li&gt;수평선 : 평온, 평화, 무한, 정적, 정지, 안정감&lt;/li&gt;
&lt;li&gt;수직선 : 희망, 상승, 권위, 숭고, 엄숙, 고결, 강직, 긴장&lt;/li&gt;
&lt;li&gt;사선 : 동적, 운동감, 활동감, 속도감, 불안감, 강한 표현&lt;/li&gt;
&lt;li&gt;기하학적인 선 : 기계적, 긴장감&lt;/li&gt;
&lt;li&gt;자유 곡선 : 아름다움, 매력적, 자유분방, 무질서&lt;/li&gt;
&lt;li&gt;유기적인 선 : 부드러움, 자유로움&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/br5KR6/btsL48ETxiA/sNAiXyTTdKkJ7y6ckJG7Vk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/br5KR6/btsL48ETxiA/sNAiXyTTdKkJ7y6ckJG7Vk/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;2000&quot; data-filename=&quot;9005893_4067891.jpg&quot; style=&quot;width: 59.3023%; margin-right: 10px;&quot; data-widthpercent=&quot;60&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/br5KR6/btsL48ETxiA/sNAiXyTTdKkJ7y6ckJG7Vk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbr5KR6%2FbtsL48ETxiA%2FsNAiXyTTdKkJ7y6ckJG7Vk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;2000&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bDhfvd/btsL6H66V62/SsVtIEnOxmznIvSTSwoNr0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bDhfvd/btsL6H66V62/SsVtIEnOxmznIvSTSwoNr0/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;3334&quot; data-origin-height=&quot;5001&quot; data-filename=&quot;19085942_v1017-58.jpg&quot; style=&quot;width: 39.5349%;&quot; data-widthpercent=&quot;40&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bDhfvd/btsL6H66V62/SsVtIEnOxmznIvSTSwoNr0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbDhfvd%2FbtsL6H66V62%2FSsVtIEnOxmznIvSTSwoNr0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3334&quot; height=&quot;5001&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/pmKSF/btsL500EZqN/piKE6K7cFrpCvp9Qi52OT1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/pmKSF/btsL500EZqN/piKE6K7cFrpCvp9Qi52OT1/img.jpg&quot; data-origin-width=&quot;3333&quot; data-origin-height=&quot;5000&quot; data-is-animation=&quot;false&quot; data-filename=&quot;18717379_v827-aew-01.jpg&quot; style=&quot;width: 39.5325%; margin-right: 10px; margin-top: 10px;&quot; data-widthpercent=&quot;40&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/pmKSF/btsL500EZqN/piKE6K7cFrpCvp9Qi52OT1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpmKSF%2FbtsL500EZqN%2FpiKE6K7cFrpCvp9Qi52OT1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3333&quot; height=&quot;5000&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bZOEId/btsL6TzvcF5/0ji8tKb4W2E55cldcFosBK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bZOEId/btsL6TzvcF5/0ji8tKb4W2E55cldcFosBK/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;2000&quot; data-filename=&quot;hand-drawn-abstract-shapes-pack_23-2149107344.jpg&quot; style=&quot;width: 59.3047%; margin-top: 10px;&quot; data-widthpercent=&quot;60&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bZOEId/btsL6TzvcF5/0ji8tKb4W2E55cldcFosBK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbZOEId%2FbtsL6TzvcF5%2F0ji8tKb4W2E55cldcFosBK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;2000&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;[Freepik] 1. 무기적인 선 / 2. 유기적인 선 / 3. 기하학적인 선 / 4. 유기적인 선&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;면(Plane) : 2차원적 요소. 점의 확대. 선이 이동한 자취. 길이와 폭(넓이)이 존재. 두께는 없다. 입체를 생성하는 기본 요소. 질감, 원근감, 색 등을 표현 가능. 적극적인 면은 점의 확대에서 이뤄진다.
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;느낌
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;직선적인 면 : 신뢰감, 안정감, 명료, 직접적&lt;/li&gt;
&lt;li&gt;기하학적인 면 : 불안정, 기계적, 추상적&lt;/li&gt;
&lt;li&gt;유기적인 면 : 자유로움, 활발함&lt;/li&gt;
&lt;li&gt;평면 : 기본이 되는 단순한 면. 간결한, 곧은, 평활한&lt;/li&gt;
&lt;li&gt;곡면 : 부드러움, 동적&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;입체 및 공간 : 3차원적 요소. 면이 이동한 자취 공간의 위치/길이 표현 가능. 옵아트 같은 평면 조형에서도 착시에 의해 입체감을 느낄 수 있다.
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;기본 입체 : 구, 육면체, 원통&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/coxYLe/btsL6TGgFiq/iARM7GvB2i8MzAQDJSmx41/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/coxYLe/btsL6TGgFiq/iARM7GvB2i8MzAQDJSmx41/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;1333&quot; data-filename=&quot;gradient-abstract-wireframe-background_23-2148995806.jpg&quot; style=&quot;width: 36.6302%; margin-right: 10px;&quot; data-widthpercent=&quot;37.5&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/coxYLe/btsL6TGgFiq/iARM7GvB2i8MzAQDJSmx41/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcoxYLe%2FbtsL6TGgFiq%2FiARM7GvB2i8MzAQDJSmx41%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;1333&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/brfS2g/btsL45IdHvi/gxJw5LEbGf7UyJwcL405w0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/brfS2g/btsL45IdHvi/gxJw5LEbGf7UyJwcL405w0/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;2000&quot; data-filename=&quot;funny-illustration-man-wearing-tree-leaves-as-hair_53876-35260.jpg&quot; style=&quot;width: 24.414%; margin-right: 10px;&quot; data-widthpercent=&quot;25&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/brfS2g/btsL45IdHvi/gxJw5LEbGf7UyJwcL405w0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbrfS2g%2FbtsL45IdHvi%2FgxJw5LEbGf7UyJwcL405w0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;2000&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bHbPtE/btsL6pr6C0i/NyKkJaGfBxCN74nSZpNYjk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bHbPtE/btsL6pr6C0i/NyKkJaGfBxCN74nSZpNYjk/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;1333&quot; data-filename=&quot;hand-drawn-before-after-wallpaper-template_23-2149203701.jpg&quot; style=&quot;width: 36.6302%;&quot; data-widthpercent=&quot;37.5&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bHbPtE/btsL6pr6C0i/NyKkJaGfBxCN74nSZpNYjk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbHbPtE%2FbtsL6pr6C0i%2FNyKkJaGfBxCN74nSZpNYjk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;1333&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;[Freepik] 1. 기하학적인 면 / 2. 유기적인 면 / 3. 곡면&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;시각적 요소 (Visual Element)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;실제로 눈을 통해 전달되는 요소. 인간이 시각적으로 물체를 인식하는 데 필요한 요소.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;형태, 크기, 색채, 질감, 음영, 빛 공간 등. 상호관계에 따라 이 요소들이 다르게 전달된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;형(shape)과 형태(form) : 디자인의 조형적(개념적) 요소인 점, 선, 면 등이 연장되거나 확장, 발전, 변화되어 서로 간에 밀접한 관계를 유지하며 형성된다.
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;형(Shape) : 어떤 형체의 윤곽이나 경계선. &lt;span style=&quot;color: #ee2323;&quot;&gt;2차원적&lt;/span&gt; 의미로 표현된 형체.&lt;/li&gt;
&lt;li&gt;형태(Form) : 형으로 구성된 윤곽, 내부 구조 등을 모두 포함한 &lt;span style=&quot;color: #ee2323;&quot;&gt;3차원적&lt;/span&gt; 모습. 물체가 입체로 보이는 부분. 색채와 함께 &lt;u&gt;가장 중요한 시각적 요소 중 하나&lt;/u&gt;. 구형은 가장 동적이고 연속적인 변화를 느끼게 하는 형태이다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;크기 : 기준이 되는 척도에 의해 측정되는 양적인 비교 개념&lt;/li&gt;
&lt;li&gt;색채(Color) : 빛 중에서 가시광선의 파장에 의해 식별할 수 있는 시감각. 빛이 물체를 비춘 뒤 반사, 투과, 굴절되어 망막을 자극하면 얻어지는 감각 현상. 색을 느끼는 감각을 색감, 색 지각이라고 한다.
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;구분
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;유채색(Chromatic color) : 각각 구별되는 색상을 갖는 모든 색. 색의 3속성인 색상/명도/채도를 모두 갖고 있다.&lt;/li&gt;
&lt;li&gt;무채색(Achromatic color) : 명도만 있는 색. 흰색, 검정색, 회색으로 이뤄짐.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;색의 3속성 ★&lt;/b&gt;&lt;/span&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;색상(Hue) : 색을 구별할 수 있는 성질 (ex. 빨강, 파랑&amp;hellip;)&lt;/li&gt;
&lt;li&gt;명도(Lightness) : 색의 밝고 어두운 정도&lt;/li&gt;
&lt;li&gt;채도(Chroma) : 색의 맑고 탁한 정도. 강함, 약함, 순도, 포화도를 포함. (원색의 반대색 개념)&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;unnamed.jpg&quot; data-origin-width=&quot;180&quot; data-origin-height=&quot;250&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bT9vx5/btsL6Kirw5d/lND7WMOXDidKoMqU3T4ty1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bT9vx5/btsL6Kirw5d/lND7WMOXDidKoMqU3T4ty1/img.jpg&quot; data-alt=&quot;https://url.kr/l1sfng&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bT9vx5/btsL6Kirw5d/lND7WMOXDidKoMqU3T4ty1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbT9vx5%2FbtsL6Kirw5d%2FlND7WMOXDidKoMqU3T4ty1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;180&quot; height=&quot;250&quot; data-filename=&quot;unnamed.jpg&quot; data-origin-width=&quot;180&quot; data-origin-height=&quot;250&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;https://url.kr/l1sfng&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;질감(Texture) : 물체가 가지는 표면적 성격이나 특징. 촉각적 표면 효과와 시각적 표면 효과로 나눌 수 있다.&lt;/li&gt;
&lt;li&gt;명암(Light &amp;amp; Shade) : 밝고 어두움을 나타내는 것. 물체의 원근감, 중량감, 실제감이 강하게 느껴지게 하는 표현 요소.&lt;/li&gt;
&lt;li&gt;빛(Light) : 전자파의 일종. 사물을 볼 수 있게 하는 근원. 자외선, 적외선, 감마선, X선, 가시광선으로 구분. 반사, 흡수, 굴절 등의 표현으로 사물의 표현을 드러나게 한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;상관 요소&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;일정한 목적에 의해 여러 요소들이 결합됐을 때 서로 연관되어 나타나거나 느껴지는 요소.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;방향&lt;/li&gt;
&lt;li&gt;위치&lt;/li&gt;
&lt;li&gt;공간감&lt;/li&gt;
&lt;li&gt;중량감&lt;/li&gt;
&lt;li&gt;시간&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;실제적 요소&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;어떤 형태의 내면에 포함된 의미성. 어떤 디자인을 통해 메시지를 전달했다면, 그 디자인은 내적인 의미를 갖고 있는 것이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;실제 요소는 디자인이 계획한 목적을 충족시켰을 때 비로소 기능을 발휘한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;디자인 요소별 분류&lt;/b&gt;&lt;/p&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;table style=&quot;border-collapse: collapse; width: 48.0232%; height: 213px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignCenter&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 25%; text-align: center; background-color: #f1f1f1;&quot;&gt;&lt;b&gt;개념&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center; background-color: #f1f1f1;&quot;&gt;&lt;b&gt;시각&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center; background-color: #f1f1f1;&quot;&gt;&lt;b&gt;상관&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center; background-color: #f1f1f1;&quot;&gt;&lt;b&gt;실제&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;점&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;형/형태&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;위치&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;소재&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;선&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;크기&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;방향&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;기능성&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;면&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;색채&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;공간&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;의미&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;입체&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;질감&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;중량&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;빛/명암&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 25%; text-align: center;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디자인의 원리&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;디자인 요소들 간의 질서와 규칙을 이뤄 시각적 부분을 미적으로 만드는 원리.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;조화, 통일, 변화 균형, 강조, 대비, 율동&lt;/b&gt;&lt;/span&gt; 등이 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;조화 (Harmony)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;두 개 이상의 디자인 요소들이 상호관계 분리 없이 잘 어울려 나타나는 미적 형식.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;균형감을 잃지 않은 상태에서의 변화와 통일을 포함한 전체적 결합 상태.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;유사 조화 / 대비 조화로 구분한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;유사 조화 : 서로 &lt;b&gt;공통성&lt;/b&gt;을 가진 요소들의 조화. 동일감, 친근감, 부드러움을 줄 수 있다. 단조로워질 수 있으므로 적절한 통일과 변화를 주어야 한다.&lt;/li&gt;
&lt;li&gt;대비 조화 : 유사 조화의 반대. 전혀 다른 요소들이 대립되며 나타나는 조화. 극적, 강함, 강조 등을 나타낼 수 있다. 너무 대비가 강하면 조화가 깨질 수 있으므로 적절한 통일감을 줘야 한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;통일(Unity)과 변화(Variety)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사진, 이미지, 디자인을 구성하는 기본적 원리.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;통일&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;화면 안에서 일정한 형식과 질서를 갖는 것. 하나의 규칙에 해당.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;다양한 디자인 요소들을 하나로 묶어준다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;통일성을 주는 방법 : 근접, 반복, 연속 등&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;변화&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;화면 안의 구성요소들을 서로 다르게 구성하는 것.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;통일성에서 오는 지루함을 없앨 수 있는 원리.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;시각적으로 자극을 주어 흥미와 재미를 유발할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;균형(Balance)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;시각적 무게감을 동등한 분배로 구성하여 안정감을 창조하는 것.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여러 요소들 간의 보충적인 관계로 긴장감과 안정감을 유지하는 상태.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대칭, 비대칭, 비례 등.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;비례(Proportion)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;비율이라고도 한다. 요소들 간의 상대적인 크기.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;부분과 부분 / 부분과 전체 같은 수량적 관계와, 면적과 길이의 대비 관계.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대표적으로 인체비례, 황금비례, 모듈러의 개념 등이 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;인체비례 : 인체 각부의 비례 관계&lt;/li&gt;
&lt;li&gt;황금비례(Golden Section) : 황금분할. 황금비. 그리스 시대부터 미적인 비례의 전형으로 사용. 르네상스 시대에는 &amp;lsquo;신의 비례&amp;rsquo;라 불림. 사각형으로 볼 때 가로세로 비율이 &lt;b&gt;1:1.6184&lt;/b&gt;일 때를 말한다. 여전히 기본적 조형 원리로서 디자인이나 회화의 구도를 결정하는 데 많이 쓰인다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/NYOqg/btsL6hgMPn0/J9Dh7PS8L2VRk4gmdkScSK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/NYOqg/btsL6hgMPn0/J9Dh7PS8L2VRk4gmdkScSK/img.png&quot; width=&quot;600&quot; height=&quot;408&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;680&quot; data-filename=&quot;img.png&quot; data-is-animation=&quot;false&quot; style=&quot;width: 49.4186%; margin-right: 10px;&quot; data-widthpercent=&quot;50&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/NYOqg/btsL6hgMPn0/J9Dh7PS8L2VRk4gmdkScSK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNYOqg%2FbtsL6hgMPn0%2FJ9Dh7PS8L2VRk4gmdkScSK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1000&quot; height=&quot;680&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bquCcd/btsL4JlfTkb/mTmXdkMpib6yLy83rcEs0k/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bquCcd/btsL4JlfTkb/mTmXdkMpib6yLy83rcEs0k/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;680&quot; data-filename=&quot;yorikoito_08_a2.jpg&quot; style=&quot;width: 49.4186%;&quot; data-widthpercent=&quot;50&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bquCcd/btsL4JlfTkb/mTmXdkMpib6yLy83rcEs0k/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbquCcd%2FbtsL4JlfTkb%2FmTmXdkMpib6yLy83rcEs0k%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1000&quot; height=&quot;680&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;출처 : https://cgworld.jp/regular/yorikoito-08.html&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;div style=&quot;display: block; margin: 10px 5px; padding: 15px; background-color: #f1f1f1; border-radius: 5px;&quot;&gt; &amp;nbsp;&lt;span&gt;&lt;b&gt;황금비율&lt;/b&gt;&lt;/span&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;display: block; padding-top: 15px;&quot;&gt;위 그림에서 &lt;span style=&quot;color: #006dd7;&quot;&gt;&lt;b&gt;사각형 abfd&lt;/b&gt;&lt;/span&gt;가 정사각형일 때, &lt;span style=&quot;color: #006dd7;&quot;&gt;&lt;b&gt;hd = hc&lt;/b&gt;&lt;/span&gt;이다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이때 &lt;span style=&quot;color: #006dd7;&quot;&gt;&lt;b&gt;bf (n) : bc (m)&lt;/b&gt;&lt;/span&gt;의 비율을 &lt;span style=&quot;color: #f89009;&quot;&gt;&lt;b&gt;황금비례&lt;/b&gt;&lt;/span&gt;라고 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #006dd7;&quot;&gt;작은 부분(n) : 큰 부분(&lt;/span&gt;&lt;span style=&quot;color: #006dd7;&quot;&gt;m)&lt;/span&gt;&amp;nbsp; =&amp;nbsp; &lt;span style=&quot;color: #8a3db6;&quot;&gt;큰 부분(m) : 전체(n+m)&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;강조와 대비(Contrast)&lt;/b&gt;&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;강조&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;화면에서 분명하게 드러나는 것. 한 요소가 다른 요소들과 다를 때 나타남.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대비, 분리, 배치, 색채에 의해 표현됨. 시선 집중시킬 때 효과적.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;대비&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;질적, 양적으로 서로 다른 요소들이 대립되는 현상.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대비는 강조와 변화를 가져온다. 유동적, 강렬한 느낌. (ex. 음영대비가 심한 사진)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;funny-graphic-designer-business-card-template_23-2148387620.jpg&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;2000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b9OjEL/btsL46799oV/KLNuqDkxbvBnfYiKXdkkpK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b9OjEL/btsL46799oV/KLNuqDkxbvBnfYiKXdkkpK/img.jpg&quot; data-alt=&quot;[Freepik] 강조와 대비&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b9OjEL/btsL46799oV/KLNuqDkxbvBnfYiKXdkkpK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb9OjEL%2FbtsL46799oV%2FKLNuqDkxbvBnfYiKXdkkpK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;600&quot; height=&quot;600&quot; data-filename=&quot;funny-graphic-designer-business-card-template_23-2148387620.jpg&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;2000&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;[Freepik] 강조와 대비&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;율동(Rhythm)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;유사한 형들이 일정한 규칙과 질서를 유지할 때 나타나는 느낌.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;정적인 대상이 가지는 시각적 운동감.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;반복, 교차, 방사, 점이(점등) 등을 통해 얻어진다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;반복 : 일정한 도형이나 구성에 &lt;b&gt;주기적인 규칙이나 질서&lt;/b&gt;를 줬을 때 생기는 느낌. 대상의 의미/내용을 강조하는 수단으로도 사용.&lt;/li&gt;
&lt;li&gt;교차 : 반복의 종류. 두 개 이상의 요소를 &lt;b&gt;서로 교체&lt;/b&gt;. 이런 반복과 교차는 일정한 형식의 시각적 패턴을 만든다. 반복을 통한 율동감은 형태, 색채, 방향에 따라 다르게 나타난다.&lt;/li&gt;
&lt;li&gt;방사 : 중심에서 방사되는 형태에서 느껴지는 율동감&lt;/li&gt;
&lt;li&gt;점이(Gradation) : 두 개 이상의 요소 사이에 형태/색의 &lt;b&gt;단계적 변화&lt;/b&gt;를 줬을 때 나타나는 현상. 반복보다 강한 동적 느낌, 경쾌한 율동감. (ex. 노을, 초승달의 변화)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/tLceC/btsL5uOvxVg/53MhRRqVMy1FjLxCZL4KxK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/tLceC/btsL5uOvxVg/53MhRRqVMy1FjLxCZL4KxK/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;1333&quot; data-filename=&quot;gradient-before-after-wallpaper-template_23-2149200676.jpg&quot; style=&quot;width: 59.3083%; margin-right: 10px;&quot; data-widthpercent=&quot;60.01&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tLceC/btsL5uOvxVg/53MhRRqVMy1FjLxCZL4KxK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtLceC%2FbtsL5uOvxVg%2F53MhRRqVMy1FjLxCZL4KxK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;1333&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cGnn3O/btsL6ozYbnG/TVsjDoejrrnxFdAt2OPAbk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cGnn3O/btsL6ozYbnG/TVsjDoejrrnxFdAt2OPAbk/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;2000&quot; data-filename=&quot;modern-company-business-brochure-cover-book-cover-design-template_1142-14317.jpg&quot; style=&quot;width: 39.529%;&quot; data-widthpercent=&quot;39.99&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cGnn3O/btsL6ozYbnG/TVsjDoejrrnxFdAt2OPAbk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcGnn3O%2FbtsL6ozYbnG%2FTVsjDoejrrnxFdAt2OPAbk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;2000&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/4UHHI/btsL5zCd2oq/AZFTLKJfaDFj5g3P6H2dDK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/4UHHI/btsL5zCd2oq/AZFTLKJfaDFj5g3P6H2dDK/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;1333&quot; data-filename=&quot;audio-spectrum-waves-circle_78370-3352.jpg&quot; style=&quot;width: 59.3083%; margin-right: 10px; margin-top: 10px;&quot; data-widthpercent=&quot;60.01&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/4UHHI/btsL5zCd2oq/AZFTLKJfaDFj5g3P6H2dDK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F4UHHI%2FbtsL5zCd2oq%2FAZFTLKJfaDFj5g3P6H2dDK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;1333&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ZoJUh/btsL452tMk4/Sqj9ogANiwBt6Nj2anzDek/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ZoJUh/btsL452tMk4/Sqj9ogANiwBt6Nj2anzDek/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;2000&quot; data-filename=&quot;color-year-2022-poster-template_23-2149230139.jpg&quot; style=&quot;width: 39.529%; margin-top: 10px;&quot; data-widthpercent=&quot;39.99&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ZoJUh/btsL452tMk4/Sqj9ogANiwBt6Nj2anzDek/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZoJUh%2FbtsL452tMk4%2FSqj9ogANiwBt6Nj2anzDek%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;2000&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;[Freepik] 1. 반복 / 2. 교차 / 3. 방사 / 4. 점이&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;형태의 분류&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;이념적 형태&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;실제적인 지각으로 얻을 수 없는 것. (순수 형태, 기하학 형태, 추상 형태)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;점, 선, 면, 입체의 기본 형식으로 구성됨.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;현실적 형태&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;실제적인 지각으로 얻을 수 있는 형태.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;자연 형태 / 인위 형태로 나뉜다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;형태의 심리&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;형태는 심리적 원인에 의해 지각된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;display: block; margin: 10px 5px; padding: 15px; background-color: #f1f1f1; border-radius: 5px;&quot;&gt; &amp;nbsp;&lt;span&gt;&lt;b&gt;게슈탈트(Gestalt)&lt;/b&gt;&lt;/span&gt;
  &lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;display: block; padding-top: 15px;&quot;&gt;형태, 형상을 뜻하는 독일어.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;게슈탈트 시지각 인지 이론은 &lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;&amp;lsquo;형태심리학&amp;rsquo;&lt;/b&gt;&lt;/span&gt;이라고도 불린다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단순히 선이 선에서 그치는 것이 아니라, 어떤 상징을 넘어 마음에 깊은 인식 작용을 하는 것을 뜻한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;예를 들어 일반 텍스트 형식의 데이터를 그래픽 요소로 시각화하는 경우, 사용자는 정보를 시각적으로 인지하기 위해서 무의식적으로 이를 분류하고 연관되게 하려 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #9d9d9d;&quot;&gt;&lt;i&gt;&amp;ldquo;우리의 뇌는 구성 요소들을 개별적으로 보기에 앞서, &lt;u&gt;그 윤곽이나 패턴, 형태적 차이를 먼저 파악하려고 하는 습성&lt;/u&gt;을 지녔다.&amp;rdquo;&lt;/i&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;게슈탈트의 시각 법칙&lt;/b&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;유사성의 원리 : 색, 모양, 크기가 동일한 요소들을 하나의 관계로 묶으려는 경향이 있다.&lt;/li&gt;
&lt;li&gt;근접성의 원리 : 서로 근접한 요소들과 그렇지 않은 요소들을 구분하려는 경향이 있다.&lt;/li&gt;
&lt;li&gt;연속성의 원리 : 어떤 선이나 운동 방향을 인식하면 그것을 하나로 인식하려는 경향이 있다.&lt;/li&gt;
&lt;li&gt;공통 운명의 원리 : 개별 요소들이 동일한 방향으로 움직이면 하나로 인식하려는 경향이 있다.&lt;/li&gt;
&lt;li&gt;폐쇄성의 원리 : 여러 요소들이 단일한 패턴을 보일 경우 하나로 인식하려는 경향이 있다.&lt;/li&gt;
&lt;li&gt;전경/배경의 원리 : 전면에 드러난 개체와 후면에 깔린 배경에 동시에 주목하려는 경향이 있다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>Web Design/웹디자인기능사</category>
      <category>게슈탈트 법칙</category>
      <category>디자인의 요소</category>
      <category>웹디자인</category>
      <category>웹디자인기능사</category>
      <category>필기</category>
      <category>형태심리학</category>
      <category>황금비례</category>
      <author>필기자</author>
      <guid isPermaLink="true">https://becribbled.tistory.com/4</guid>
      <comments>https://becribbled.tistory.com/4#entry4comment</comments>
      <pubDate>Tue, 4 Feb 2025 02:59:33 +0900</pubDate>
    </item>
    <item>
      <title>블로그 안내</title>
      <link>https://becribbled.tistory.com/notice/2</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 블로그는 주인장이 공부하며 필기한 노트를 저장하기 위한 공간입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;광고 극혐합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;할 말 있으면 방명록으로 해주세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <author>필기자</author>
      <guid isPermaLink="true">https://becribbled.tistory.com/notice/2</guid>
      <pubDate>Mon, 3 Feb 2025 23:31:38 +0900</pubDate>
    </item>
    <item>
      <title>[필기] 디자인 기초</title>
      <link>https://becribbled.tistory.com/1</link>
      <description>&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디자인의 의미&lt;/b&gt;&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;불어 데셍(Dessein)과 연결.
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;구상하다. 기획하다. 계획하다. 설계. 도안. 의장. 그리다. 표현하다. 만들다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;산업혁명 이후 본격화. 수공업이 없어지며 욕구&amp;gt;조형&amp;gt;재료&amp;gt;기술 과정을 거쳐 성립됨&lt;/li&gt;
&lt;li&gt;정의
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;도안, 장식, 계획, 설계, 의장&lt;/li&gt;
&lt;li&gt;모든 조형 활동에 대한 조합적인 계획과 작업&lt;/li&gt;
&lt;li&gt;기능과 아름다움을 조화시키는 일체의 행위&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;목적
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;기능성과 심미성의 조화를 극대화한다.&lt;/li&gt;
&lt;li&gt;윤택하고 편리한 아름다움을 창조한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디자인의 조건&lt;/b&gt;&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;디자인의 4대 조건 ★&lt;/b&gt;&lt;/span&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;합목적성&lt;/b&gt;&amp;nbsp;: (=목표성) 목적에 맞게 만들어졌는가? (용도, 기능성, 실용성) 가장 중요한 조건.&lt;/li&gt;
&lt;li&gt;경제성 : 최소 비용으로 최대 효과를 내야 한다.&lt;/li&gt;
&lt;li&gt;심미성 : 조형성&lt;/li&gt;
&lt;li&gt;독창성 : 차별화&lt;/li&gt;
&lt;li&gt;질서성 : 4대 조건을 조화롭게 갖추고 있는가?&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;좋은 디자인이란? (굿 디자인 = GD)
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;4대 조건+질서성을 다 가지고 있어, 외적인 독창성과 편리함을 갖춘 디자인을 의미.&lt;/li&gt;
&lt;li&gt;굿디자인 상품으로 선정되면&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;GD마크&lt;/b&gt;&lt;/span&gt;를 부여받는다.&lt;/li&gt;
&lt;li&gt;굿디자인 상은 한국 디자인 진흥원(KIDP)에서 분야별로 &amp;lsquo;우수산업디자인상품&amp;rsquo;을 선정해 시상.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;121499278043_20080703.webp&quot; data-origin-width=&quot;180&quot; data-origin-height=&quot;254&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bdvfwm/btsL6ahHbwO/wGzPCk0bXLKKPIrfOKT4KK/img.webp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bdvfwm/btsL6ahHbwO/wGzPCk0bXLKKPIrfOKT4KK/img.webp&quot; data-alt=&quot;GD마크&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bdvfwm/btsL6ahHbwO/wGzPCk0bXLKKPIrfOKT4KK/img.webp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbdvfwm%2FbtsL6ahHbwO%2FwGzPCk0bXLKKPIrfOKT4KK%2Fimg.webp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;100&quot; height=&quot;141&quot; data-filename=&quot;121499278043_20080703.webp&quot; data-origin-width=&quot;180&quot; data-origin-height=&quot;254&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;GD마크&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디자인 과정&lt;/b&gt;&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;발상 단계 : 모방 &amp;gt; 수정 &amp;gt; 적응 &amp;gt; 혁신&lt;/li&gt;
&lt;li&gt;디자인 단계 : 발의 &amp;gt; 확인 &amp;gt; 조사 &amp;gt; 분석 &amp;gt; 종합 &amp;gt; 평가 &amp;gt; 개발 &amp;gt; 전달&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디자인의 역사&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;근대 디자인&lt;/b&gt;&lt;/h3&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;미술공예운동
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1850~1900년 공예 개량 운동&lt;/li&gt;
&lt;li&gt;산업화(기계화, 대량생산화)에 저항&lt;/li&gt;
&lt;li&gt;순수한 인간 노동력의 예술을 중시&lt;/li&gt;
&lt;li&gt;파괴된 인간미의 회복을 주장&lt;/li&gt;
&lt;li&gt;아르누보 운동의 기반이 됨&lt;/li&gt;
&lt;li&gt;&lt;b&gt;윌리엄 모리스&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;아르누보
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1890년 프랑스, 벨기에를 중심으로 일어난 범유럽적인 신 장식미술 운동&lt;/li&gt;
&lt;li&gt;&amp;lsquo;새로운 예술&amp;rsquo;이라는 뜻&lt;/li&gt;
&lt;li&gt;식물을 모티브로 한 추상 형식과 화려한 색채&lt;/li&gt;
&lt;li&gt;관련 작가 : 빅토르 오르타 (Victor Horta, 벨기에, 1861~1947), 앙리 반 데 벨데 (프랑스), 헥토르 기마르, 알퐁소 뮈샤, 안토니오 가우디&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/ol&gt;
&lt;div style=&quot;display: block; margin: 10px 5px; padding: 15px; background-color: #f1f1f1; border-radius: 5px;&quot;&gt; &amp;nbsp;&lt;b&gt;&lt;span&gt;관련 운동&lt;/span&gt;&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
  &lt;li&gt;&lt;span style=&quot;display: block; padding-top: 15px;&quot;&gt;독일 : 유겐트스틸&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;프랑스 : 기마르&lt;/li&gt;
&lt;li&gt;이탈리아 : 리버티&lt;/li&gt;
&lt;li&gt;오스트리아 : 시세션&lt;/li&gt;
&lt;li&gt;영국 : 모던스타일&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Untitled.png&quot; data-origin-width=&quot;528&quot; data-origin-height=&quot;342&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bwXOY0/btsL1ejuuYq/5KnG4FTb6uMqS4sEN2eatK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bwXOY0/btsL1ejuuYq/5KnG4FTb6uMqS4sEN2eatK/img.png&quot; data-alt=&quot;빅토르 오르타가 1893년에 설계한 &amp;amp;lsquo;타셀 저택(Hotel Tassel)&amp;amp;rsquo;의 내부&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bwXOY0/btsL1ejuuYq/5KnG4FTb6uMqS4sEN2eatK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbwXOY0%2FbtsL1ejuuYq%2F5KnG4FTb6uMqS4sEN2eatK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;528&quot; height=&quot;342&quot; data-filename=&quot;Untitled.png&quot; data-origin-width=&quot;528&quot; data-origin-height=&quot;342&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;빅토르 오르타가 1893년에 설계한 &amp;lsquo;타셀 저택(Hotel Tassel)&amp;rsquo;의 내부&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; start=&quot;3&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;독일공작연맹
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1907년 기능주의 운동&lt;/li&gt;
&lt;li&gt;제품의 질적 향상과 규격화가 목표&lt;/li&gt;
&lt;li&gt;미술과 근대 공업을 결합 시도&lt;/li&gt;
&lt;li&gt;실제 기능 위주의 디자인 추구&lt;/li&gt;
&lt;li&gt;모더니즘 운동의 바탕을 마련&lt;/li&gt;
&lt;li&gt;관련 작가 : 헤르만 무테지우스, 피터 베렌스&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;큐비즘 (입체주의)
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1907~1914년 입체주의&lt;/li&gt;
&lt;li&gt;자연 해석과 아프리카 원시 조각의 행태감이 모티브(동기)&lt;/li&gt;
&lt;li&gt;실물을 입방체적으로 표현&lt;/li&gt;
&lt;li&gt;절대주의, 구성주의에 영향을 줌&lt;/li&gt;
&lt;li&gt;1910년 이후 다양한 추상 미술로 발전&lt;/li&gt;
&lt;li&gt;관련 작가 : 주르주 브라크, 파블로 피카소&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;구성주의
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1913년&amp;nbsp;&lt;b&gt;러시아&lt;/b&gt;의 추상주의 예술 운동&lt;/li&gt;
&lt;li&gt;큐비즘에서 영향을 받음&lt;/li&gt;
&lt;li&gt;공간의 조형을 중시, 대량 생산 목적&lt;/li&gt;
&lt;li&gt;데 스틸, 바우하우스 운동에 영향을 줌&lt;/li&gt;
&lt;li&gt;과학적, 실천적인 예술 표현&lt;/li&gt;
&lt;li&gt;포스트모더니즘 디자인의 근원을 제시&lt;/li&gt;
&lt;li&gt;금속, 유리 등의 공업 재료와 기하학적이고 기계적인 형태를 이용&lt;/li&gt;
&lt;li&gt;관련 작가 : 블라디미르 타틀린, 알렉산더 로드첸코, 엘 리시츠키&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;데 스틸 (신조형주의)
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;네덜란드어로 &amp;lsquo;양식&amp;rsquo;을 의미&lt;/li&gt;
&lt;li&gt;1917~1931년&amp;nbsp;&lt;b&gt;네덜란드&lt;/b&gt;&amp;nbsp;예술 운동&lt;/li&gt;
&lt;li&gt;바우하우스 운동에 많은 영향을 받음&lt;/li&gt;
&lt;li&gt;기하학적이고 단순화된 평면 구성&lt;/li&gt;
&lt;li&gt;공예, 건축 영역에 영향을 줌&lt;/li&gt;
&lt;li&gt;관련 작가 : 테오 만 도스부르크, 게리트 리트벨트,&amp;nbsp;&lt;b&gt;피에트 몬드리안&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;바우하우스
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1919~1933년 예술 창작과 공학 기술의 통합 (실용성 강조)&lt;/li&gt;
&lt;li&gt;독일공작연맹의 이념을 계승&lt;/li&gt;
&lt;li&gt;기하학적으로 단순화된 평면 구성&lt;/li&gt;
&lt;li&gt;공예, 건축 영역에 영향을 줌&lt;/li&gt;
&lt;li&gt;데 스틸 운동의 영향을 받음&lt;/li&gt;
&lt;li&gt;관련 작가 :&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;윌터(발터) 그로피우스&lt;/b&gt;&lt;/span&gt;, 라즐로 모흘리나기&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;모더니즘
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1920년대, 19세기 사실주의(리얼리즘)에 대한 반발로 시작됨&lt;/li&gt;
&lt;li&gt;현대적, 전위적이고 실험적인 예술 경향을 의미&lt;/li&gt;
&lt;li&gt;형식주의(포멀리즘), 초현실주의, 상징주의, 다다이즘, 미래주의 등을 총칭&lt;/li&gt;
&lt;li&gt;전위예술 (아방가르드) 운동의 한 형태&lt;/li&gt;
&lt;li&gt;획일성, 기계로 인한 파괴성, 비인간적인 환경에 대비하지 못함&lt;/li&gt;
&lt;li&gt;관련 작가 : 르 코르뷔지에, 바우하우스 관련 작가들&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;아르데코
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1925년 파리 작식 예술 박람회 포스터 &amp;lsquo;Arts Decoratifs&amp;rsquo;에서 시작&lt;/li&gt;
&lt;li&gt;반아르누보, 과도기적인 모더니즘&lt;/li&gt;
&lt;li&gt;반복되는 패턴&lt;/li&gt;
&lt;li&gt;기하학적 문양, 생활 디자인에 영향을 줌&lt;/li&gt;
&lt;li&gt;관련 작가 : J.E. 룰만, 장 퓨이포르카&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;현대 디자인&lt;/b&gt;&lt;/h3&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;다다이즘&lt;/b&gt;&lt;/span&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1917년 1차 세계대전이 끝날 무렵 스위스, 독일, 프랑스 등을 중심으로 일어난 예술운동&lt;/li&gt;
&lt;li&gt;목마(木馬)를 의미하는 다다(dada)에서 나온 것. 충동, 욕망 등을 의미.&lt;/li&gt;
&lt;li&gt;현존하는 예술 형식&lt;b&gt;(관습)을 부정함&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;초현실주의에 영향을 줌&lt;/li&gt;
&lt;li&gt;관련 작가 : 마르셀 뒤샹, 만 레이, 페르낭 레제&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;초현실주의
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1924년 무의식의 발현을 목표하는 운동 (쉬르레알리즘)&lt;/li&gt;
&lt;li&gt;잠재의식에 의한 상상의 세계를 표현&lt;/li&gt;
&lt;li&gt;다다이즘의 영향을 받음&lt;/li&gt;
&lt;li&gt;자동주의기법, 프로타주, 데칼코마니, 콜라주 등을 만듦&lt;/li&gt;
&lt;li&gt;관련 작가 : 막스 에른스트, 호앙 미로, 살바도르 달리, 르네 마그리트&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;display: block; margin: 10px 5px; padding: 15px; background-color: #f1f1f1; border-radius: 5px;&quot;&gt; &amp;nbsp;&lt;span&gt;&lt;b&gt;프로타주 (Frottage)&lt;/b&gt;&lt;/span&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;display: block; padding-top: 15px;&quot;&gt;프랑스어 &amp;lsquo;문지르기(frotter)&amp;rsquo;에서 유래. 문지르기 기법, 탁본이라고도 부른다. 막스 에른스트가 발전시킨 창작물의 초현실적이고 &amp;lsquo;자동적&amp;rsquo;인 기법.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;display: block; margin: 10px 5px; padding: 15px; background-color: #f1f1f1; border-radius: 5px;&quot;&gt; &amp;nbsp;&lt;b&gt;&lt;span&gt;데칼코마니 (Decalcomanie)&lt;/span&gt;&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;display: block; padding-top: 15px;&quot;&gt;프랑스어 &amp;lsquo;전사하다(decalquer)&amp;rsquo;와 &amp;lsquo;편집(manie)&amp;rsquo;의 합성어. &amp;rsquo;전사법&amp;rsquo;이라고 번역됨. 원래는 도기/유리 등의 그림 붙이기에 쓰였지만, 근대에 들어 회화 제작 방법으로 사용. 일반적으로는 종이에 물감을 발라 마주치게 접는 방법. 대칭적 무늬를 얻는다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://blog.naver.com/jinable129/221023288298&quot;&gt;https://blog.naver.com/jinable129/221023288298&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;display: block; margin: 10px 5px; padding: 15px; background-color: #f1f1f1; border-radius: 5px;&quot;&gt; &amp;nbsp;&lt;b&gt;&lt;span&gt;콜라주 (Collage)&lt;/span&gt;&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;display: block; padding-top: 15px;&quot;&gt;&amp;nbsp;프랑스어 &amp;lsquo;접착하다(coller)&amp;rsquo;에서 파생. 시각예술에서 주로 쓰이며, 질이 다른 여러 가지 헝겊, 말린 꽃잎, 종이, 비닐, 타일 등을 붙여 화면을 구성하는 추상 미술 기법이다.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; start=&quot;3&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;추상표현주의
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1950년대&amp;nbsp;&lt;b&gt;미국&lt;/b&gt;을 중심으로 일어난 국제적 회화 양식&lt;/li&gt;
&lt;li&gt;지적인 질서, 내면의 철학적 성찰을 나타냄&lt;/li&gt;
&lt;li&gt;큐비즘, 초현실주의, 팝아트, 신표현주의에 영향을 받음&lt;/li&gt;
&lt;li&gt;선, 형, 색체 등을 이용해 느낌을 자유롭게 표현&lt;/li&gt;
&lt;li&gt;자발적이고 즉흥적인 뜨거운 추상 / 색이 채워진 면을 이용하는 차가운 추상&lt;/li&gt;
&lt;li&gt;관련 작가 : 바넷 뉴먼, 잭슨 폴락&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;포스트 모더니즘 (후기 모더니즘)
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1960년대부터 모더니즘에 반발하여 시작됨&lt;/li&gt;
&lt;li&gt;인간의 감정, 개별성 회복이 목적&lt;/li&gt;
&lt;li&gt;사용과 이해가 용이하고, 감성적 측면의 디자인을 중시&lt;/li&gt;
&lt;li&gt;팝아트, 미니멀아트, 패러디 등&lt;/li&gt;
&lt;li&gt;역사적 모티브를 응용해 전통적인 요소를 재창조&lt;/li&gt;
&lt;li&gt;관련 작가 : 마르셀 뒤샹, 요셉 보이스&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;팝아트
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1960년대&amp;nbsp;&lt;b&gt;뉴욕&lt;/b&gt;&amp;nbsp;중심으로 전개&lt;/li&gt;
&lt;li&gt;리처드 해밀턴이 최초의 팝 아트 작품을 발표함&lt;/li&gt;
&lt;li&gt;같은 대상을 반복하는 기법&lt;/li&gt;
&lt;li&gt;매스미디어(대중문화)를 회화의 소재와 정보로 활용&lt;/li&gt;
&lt;li&gt;네오 다다이즘(네오다다)이라고도 부른다.&lt;/li&gt;
&lt;li&gt;관련 작가 : 리처드 해밀턴, 로버트 라우션버그, 앤디 워홀, 로이 리히텐슈타인&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;옵 아트
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;팝 아트의 상업성에 맞서 일어남&lt;/li&gt;
&lt;li&gt;색채의 장력, 배치, 기하학 형태의 조직적 배열로 다이나믹한 시각 효과를 주는 예술&lt;/li&gt;
&lt;li&gt;관련 작가 : 빅토르 비자렐리&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;미니멀아트
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1960년대 후반&amp;nbsp;&lt;b&gt;미국&lt;/b&gt;에서 전개&lt;/li&gt;
&lt;li&gt;ABC아트, 환원주의, 미니멀리즘, 최소주의라고도 불림&lt;/li&gt;
&lt;li&gt;추상표현주의와 팝아트에 반발해 시작됨&lt;/li&gt;
&lt;li&gt;자기표현을 최소화&lt;/li&gt;
&lt;li&gt;관련 작가 : 도널드 저드, 댄 플레빈&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;반 디자인 운동 (Anti-design)
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;1960년대 후반부터 일어난 디자인의 표준화, 기능화에 반발한 디자인 운동&lt;/li&gt;
&lt;li&gt;디자인 그 자체를 무시하는 예술 경향&lt;/li&gt;
&lt;li&gt;포스트 모더니즘에 영향을 받음&lt;/li&gt;
&lt;li&gt;문제 해결을 위한 대안적 디자인, 기능까지 위배한 급진적 디자인으로 전개됨&lt;/li&gt;
&lt;li&gt;관련 작가 : 빅터 파파넥, 알렉산드로 구에리에로, 알렉산드로 멘디니, 에토리 소트사스&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디자인의 분류 및 특징&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;시각 디자인 (Visual Design)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;시각 전달 디자인. 그래픽 디자인.&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;광고 디자인 : 상업적 수단. 구매를 유발시키기 위한 광고. 티저 광고, 신문 광고 등&lt;/li&gt;
&lt;li&gt;편집디자인 : 텍스트, 일러스트 사진을 페이지에 배치하는 인쇄물 디자인&lt;/li&gt;
&lt;li&gt;아이덴티티 : 기업을 위한 통합 전략
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;CI (Corporate Identity) : 기업의 이념과 활동을 시각적으로 통합시켜 표현한 기업의 정체성과 가치 (로고!)&lt;/li&gt;
&lt;li&gt;CIP (Corporate Identity Program) : 디자인을 통해 기업 이미지를 높이기 위한 작업. 베이직 시스템 / 어플리케이션 시스템으로 분류됨&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;unnamed (1).jpg&quot; data-origin-width=&quot;512&quot; data-origin-height=&quot;208&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ddM9gZ/btsL6bHGpL4/Xdg6ceG4AWkdatxe3plV8k/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ddM9gZ/btsL6bHGpL4/Xdg6ceG4AWkdatxe3plV8k/img.jpg&quot; data-alt=&quot;대표적인 CI들 (출처: https://url.kr/mmu1cj)&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ddM9gZ/btsL6bHGpL4/Xdg6ceG4AWkdatxe3plV8k/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FddM9gZ%2FbtsL6bHGpL4%2FXdg6ceG4AWkdatxe3plV8k%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;512&quot; height=&quot;208&quot; data-filename=&quot;unnamed (1).jpg&quot; data-origin-width=&quot;512&quot; data-origin-height=&quot;208&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;대표적인 CI들 (출처: https://url.kr/mmu1cj)&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;타이포그래피 (Typography) : 활판 인쇄술을 포함해 문자, 활자를 활용하는 디자인 분야. 서체를 새롭게 구성해 작품을 디자인.&lt;/li&gt;
&lt;/ul&gt;
&lt;/ol&gt;
&lt;div style=&quot;display: block; margin: 10px 5px; padding: 15px; background-color: #f1f1f1; border-radius: 5px;&quot;&gt; &amp;nbsp;&lt;b&gt;&lt;span&gt;캘리그라피 (Callipraphy)&lt;/span&gt;&lt;/b&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;display: block; padding-top: 15px;&quot;&gt;그리스어 &amp;lsquo;아름다움(&amp;kappa;ά&amp;lambda;&amp;lambda;&amp;omicron;, kallos)&amp;rsquo;과 &amp;lsquo;쓰기/멋진 글씨(&amp;gamma;&amp;rho;&amp;alpha;&amp;phi;ή, graphẽ)&amp;rsquo;의 합성어. 손으로 그린 그림 문자라는 뜻. 글씨를 아름답게 쓰는 기술.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;레터링 디자인 : 문자의 형태, 크기, 배치, 색채 등을 고안해서 문자를 시각 전달 목적에 맞게 디자인하는 것. 좁은 의미에서는 손으로 제작한 문자를 의미.&lt;/li&gt;
&lt;li&gt;일러스트레이션 : 카툰, 캐릭터, 캐리커처 등을 말함
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;표현 방법 : 사실적, 만화적, 도표/도화적, 추상적, 패션 일러스트&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dEcw1i/btsL4KkbFFT/kC76KWZqG9t7uGapzjUbr1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dEcw1i/btsL4KkbFFT/kC76KWZqG9t7uGapzjUbr1/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;1416&quot; data-filename=&quot;reserved-lettering-with-ornament_1262-7402.jpg&quot; style=&quot;width: 47.9265%; margin-right: 10px;&quot; data-widthpercent=&quot;48.49&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dEcw1i/btsL4KkbFFT/kC76KWZqG9t7uGapzjUbr1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdEcw1i%2FbtsL4KkbFFT%2FkC76KWZqG9t7uGapzjUbr1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;1416&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dkbOmc/btsL6H0mD14/4vVBBLRBxwvRAF5Rqdufvk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dkbOmc/btsL6H0mD14/4vVBBLRBxwvRAF5Rqdufvk/img.jpg&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;2000&quot; data-origin-height=&quot;1333&quot; data-filename=&quot;winter-party-photocall-template_23-2149732439.jpg&quot; style=&quot;width: 50.9107%;&quot; data-widthpercent=&quot;51.51&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dkbOmc/btsL6H0mD14/4vVBBLRBxwvRAF5Rqdufvk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdkbOmc%2FbtsL6H0mD14%2F4vVBBLRBxwvRAF5Rqdufvk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;1333&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;[Freepik] 1. 캘리그라피 / 2. 레터링 디자인&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;웹디자인&lt;/b&gt;&amp;nbsp;: 그래픽적인 방법과 코딩적인 방법으로 시각 디자인 요소를 웹에 설계하고 디자인하는 작업. 웹 사이트에서 제공하는 콘텐츠를 심미적이고 균형적으로 배치.&lt;/li&gt;
&lt;li&gt;POP 광고 디자인 (Point Of Purchase advertising) : 구매(판매) 시점의 광고를 의미. 물품을 구매하는 판매대 주변을 활용해 디스플레이 종류의 광고를 펼치는 것. (ex. 커피숍 테이블 위의 소형 포스터 프레임, 여행사 앞 사람 모양 판넬)&lt;/li&gt;
&lt;li&gt;패키지(포장) 디자인 : 포장할 대상의 규격을 측정한 후, 소비 대상에 맞게 컨셉을 정해 디자인. 포장에는 심볼마크, 그림, 글자 등이 삽입되며, 일러스트레이터, 포토샵 등으로 작성한다.&lt;/li&gt;
&lt;li&gt;TV CF, 영상 디자인
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;멀티미디어를 이용한 시각 디자인 : 다큐멘터리, 애니메이션, 뮤직비디오 등&lt;/li&gt;
&lt;li&gt;모션 그래픽 (Motion Graphic) : &lt;u&gt;움직임을 가진 영상&lt;/u&gt;을 디자인하고 제작하는 것&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;공업 디자인&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;제품 디자인이라고도 하며, 생활에 필요한 도구를 만드는 디자인이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;과학, 기술, 인간, 환경 등이 공존하는 분야.&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;2차원 공업 디자인 : 텍스타일 디자인, 벽지 디자인, 패션 디자인&lt;/li&gt;
&lt;li&gt;3차원 제품 디자인 : 용기, 가구, 액세서리, 전자, 문구, 운송수단 디자인&lt;/li&gt;
&lt;/ul&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;환경 디자인&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;도시 환경과 관련해 경관과 조경 등을 디자인하는 분야.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;u&gt;인테리어 디자인, 디스플레이 디자인, 스트리트 퍼니처 디자인, 무대 디자인&lt;/u&gt;&lt;/span&gt; 등이 있다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;tumblr_1f07703922acdc69796534efcc540396_6117cf3d_500.jpg&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;355&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bqdFnS/btsL5A8YPZI/B0QvNDFylYHj3tAvQQkP80/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bqdFnS/btsL5A8YPZI/B0QvNDFylYHj3tAvQQkP80/img.jpg&quot; data-alt=&quot;스트리트 퍼니처 (출처: https://kminju01-blog.tumblr.com/post/510485798/street-furniture)&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bqdFnS/btsL5A8YPZI/B0QvNDFylYHj3tAvQQkP80/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqdFnS%2FbtsL5A8YPZI%2FB0QvNDFylYHj3tAvQQkP80%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;355&quot; data-filename=&quot;tumblr_1f07703922acdc69796534efcc540396_6117cf3d_500.jpg&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;355&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;스트리트 퍼니처 (출처: https://kminju01-blog.tumblr.com/post/510485798/street-furniture)&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;기타&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;디자인 분류로는 패션 디자인, 공예 등이 있다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;패션 디자인 : 산업 디자인(시각디자인, 공업디자인, 환경디자인)과 함께 분야 중 하나로 구분되기도 한다.&lt;/li&gt;
&lt;li&gt;공예 : 일상생활에 필요한&amp;nbsp;&lt;b&gt;용구&lt;/b&gt;를 디자인하는 것.&amp;nbsp;&lt;b&gt;조형미와 실용성&lt;/b&gt;이 필요. 전통공예 / 현대공예(수공예, 기계공예)로 구분되며, 제작 방법에 따라 목공예, 금속공예, 유리공예, 도기공예, 섬유공예 등으로 구분된다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>Web Design/웹디자인기능사</category>
      <category>디자인</category>
      <category>디자인 종류</category>
      <category>디자인의 역사</category>
      <category>웹디자인</category>
      <category>웹디자인기능사</category>
      <category>필기</category>
      <author>필기자</author>
      <guid isPermaLink="true">https://becribbled.tistory.com/1</guid>
      <comments>https://becribbled.tistory.com/1#entry1comment</comments>
      <pubDate>Fri, 24 Jan 2025 16:12:55 +0900</pubDate>
    </item>
  </channel>
</rss>