<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>myinfo48543</title>
    <link>https://myinfo48543.tistory.com/</link>
    <description></description>
    <language>ko</language>
    <pubDate>Fri, 12 Jun 2026 09:19:34 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>myinfo48543</managingEditor>
    <image>
      <title>myinfo48543</title>
      <url>https://tistory1.daumcdn.net/tistory/8706031/attach/f58143122ab64a5ea0cacdaee2eb072f</url>
      <link>https://myinfo48543.tistory.com</link>
    </image>
    <item>
      <title>TIL_포토샵 기초/04</title>
      <link>https://myinfo48543.tistory.com/10</link>
      <description>&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 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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-11 151202.png&quot; data-origin-width=&quot;856&quot; data-origin-height=&quot;502&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bS70Xm/dJMcafAavs5/QxwFvTRFk9uGg4aTWerDEK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bS70Xm/dJMcafAavs5/QxwFvTRFk9uGg4aTWerDEK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bS70Xm/dJMcafAavs5/QxwFvTRFk9uGg4aTWerDEK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbS70Xm%2FdJMcafAavs5%2FQxwFvTRFk9uGg4aTWerDEK%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;492&quot; height=&quot;289&quot; data-filename=&quot;화면 캡처 2026-06-11 151202.png&quot; data-origin-width=&quot;856&quot; data-origin-height=&quot;502&quot;/&gt;&lt;/span&gt;&lt;/figure&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;컨트롤 z는 정말 자주 사용했던지라 알고있었지만, 나머지 단축키는 낯선 것들이 많았다.&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 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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-11 152505.png&quot; data-origin-width=&quot;874&quot; data-origin-height=&quot;375&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c9GWvk/dJMcajbolxI/bKkWmK56DmR12eGr1WAFt0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c9GWvk/dJMcajbolxI/bKkWmK56DmR12eGr1WAFt0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c9GWvk/dJMcajbolxI/bKkWmK56DmR12eGr1WAFt0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc9GWvk%2FdJMcajbolxI%2FbKkWmK56DmR12eGr1WAFt0%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;555&quot; height=&quot;238&quot; data-filename=&quot;화면 캡처 2026-06-11 152505.png&quot; data-origin-width=&quot;874&quot; data-origin-height=&quot;375&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;새 파일을 열었을 때 위에 저렇게 &lt;b data-index-in-node=&quot;19&quot; data-path-to-node=&quot;4&quot;&gt;별 모양(*) 표시&lt;/b&gt;가 뜨면, 현재 작업 중이거나 수정 후 아직 저장되지 않았다는 뜻이다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;5&quot; data-ke-size=&quot;size16&quot;&gt;저장할 때는 Ctrl + S를 이용해서 포토샵 자체 파일(PSD)로 저장할 수도 있고, 다른 이름으로 저장도 가능하다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;5&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;그리고 레이어가 딱 하나만 있는 단일 이미지의 경우에는 JPEG나 PNG 같은 다양한 형식의 파일로도 바로 저장할 수가 있다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;7&quot; data-ke-size=&quot;size16&quot;&gt;만약 이미지에 여러 레이어를 더하고 수정을 많이 했어도 다양한 형식으로 저장할 수 있는 방법이 있는데,&lt;/p&gt;
&lt;p data-path-to-node=&quot;7&quot; data-ke-size=&quot;size16&quot;&gt;그건 바로 &lt;b&gt;사본 저장&lt;/b&gt;(Alt + Ctrl + S)을 하는 것이다!&lt;/p&gt;
&lt;p data-path-to-node=&quot;7&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;이 기능을 쓰면 원본 레이어는 &lt;b&gt;그대로 유지하&lt;/b&gt;면서 원하는 이미지 파일만 따로 쏙 저장할 수 있어서 엄청 편하다. 포토샵 기초 공부할 때 이 단축키는 꼭 외워둬야겠다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;여기에 추가로 &lt;b&gt;내보내기&lt;/b&gt;(Export)라는 기능도 있는데,&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;사본 저장&lt;/b&gt;처럼 원본(PSD)은 놔두고 이미지 파일만 뽑아낸다는 점은 비슷하다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;3&quot; data-ke-size=&quot;size16&quot;&gt;하지만 단축키 Alt + Shift + Ctrl + W를 누르는 이 내보내기는 쓰는 목적이 확실히 다르다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;사본 저장이 '&lt;b&gt;인쇄용 고화질&lt;/b&gt;'이라면, 내보내기는 '&lt;b&gt;웹이나 모바일 업로드용&lt;/b&gt;'이다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;또한 내보내기 형식에서는, 이미지 크기,파일 형식,확대축소,캔버스 크기를 수정할수가 있고&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;'2장'기능을 이용하면, 각자 다른 포맷의 이미지의 화질과 색상을 비교하면서 고를수가 있다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-11 163307.png&quot; data-origin-width=&quot;1080&quot; data-origin-height=&quot;712&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cDqI4f/dJMcaiKmzDQ/yw4I9G4rJRICXJy4Ch67cK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cDqI4f/dJMcaiKmzDQ/yw4I9G4rJRICXJy4Ch67cK/img.png&quot; data-alt=&quot;2장 기능&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cDqI4f/dJMcaiKmzDQ/yw4I9G4rJRICXJy4Ch67cK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcDqI4f%2FdJMcaiKmzDQ%2Fyw4I9G4rJRICXJy4Ch67cK%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;555&quot; height=&quot;366&quot; data-filename=&quot;화면 캡처 2026-06-11 163307.png&quot; data-origin-width=&quot;1080&quot; data-origin-height=&quot;712&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;2장 기능&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;쉽게 말해 &lt;b&gt;사본저장&lt;/b&gt;과 &lt;b&gt;내보내기&lt;/b&gt;의 차이점은,&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;사본저장의 경우:&amp;nbsp; 파일의 화질, 색상 프로필, 해상도(DPI) 등&lt;/p&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b data-index-in-node=&quot;31&quot; data-path-to-node=&quot;6,0,0&quot;&gt;포토샵 작업 창에 있는 설정을 아주 정직하게 그대로&lt;/b&gt; 이미지 파일로 뽑아낸다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;내보내기의 경우: 화면(모니터, 스마트폰)에서 빠르게 뜨도록 용량을 줄이고&lt;b&gt; 웹 환경에 최적화&lt;/b&gt;(RGB 변환)하는 기능이다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;내보내기 창에서 이미지 크기(가로/세로 픽셀)를 즉석에서 바꾸거나 용량을 보면서 화질을 조절할 수 있다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;(* &lt;b&gt;RGB&lt;/b&gt;의 경우,지난시간에 배웠다시 빛의 3원색인 Red(빨강), Green(초록), Blue(파랑)의 앞 글자를 딴 단축어다.)&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;즉,인쇄물이나 회사 프로젝트에서 고화질로 인쇄를 해야하는 경우는 &lt;b&gt;사본저장&lt;/b&gt;을 하면되고,&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;웹이나 온라인에 업로드할 용도로 간단하게 화질을 선택하여 저장하려면 &lt;b&gt;내보내기&lt;/b&gt;를 하면된다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-path-to-node=&quot;8&quot; data-ke-size=&quot;size23&quot;&gt;파일 확장자&lt;/h3&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b data-index-in-node=&quot;11&quot; data-path-to-node=&quot;2&quot;&gt;PSD&lt;/b&gt;가 뭔지도 가볍게 정리해 보자면, &lt;b data-index-in-node=&quot;33&quot; data-path-to-node=&quot;2&quot;&gt;Photoshop Document&lt;/b&gt;의 약자로 쉽게 말해 '포토샵 전용 저장 파일'이다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-path-to-node=&quot;5&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,0,0&quot;&gt;수정이 언제든 가능하다:&lt;/b&gt; 나중에 파일을 다시 열어도 레이어가 살아있기 때문에 글자를 바꾸거나 이미지를 수정할 수 있다. (포토샵 작업의 '원본' 역할을 한다.)&lt;/li&gt;
&lt;li&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,1,0&quot;&gt;포토샵이 있어야만 열린다:&lt;/b&gt; 일반적인 JPG나 PNG 파일처럼 스마트폰 갤러리나 인터넷 창에서 바로 볼 수 없고, 포토샵 프로그램이 있어야만 열어서 확인할 수 있다.&lt;/li&gt;
&lt;li&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,2,0&quot;&gt;용량이 크다:&lt;/b&gt; 작업 데이터를 통째로 담고 있다 보니 이미지 파일에 비해 용량이 꽤 무거운 편이다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;그래서 포토샵으로 작업할 때는 &lt;b data-index-in-node=&quot;17&quot; data-path-to-node=&quot;6&quot;&gt;만약의 수정 사태를 대비해서 무조건 이 PSD 파일(원본)을 먼저 저장&lt;/b&gt;해 두고, 그다음 앞서 정리한 '사본 저장'이나 '내보내기'를 통해 최종 결과물인 JPG, PNG 파일을 뽑아내는 것이 손실방지에 좋다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;JPG: 용량이 작지만 손실이 될 수 있다.투명도가 지원되지 않는다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;PNG:투명도가 지원되어서, 아이콘과 로고 등의 확장자로 자주쓰인다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;GIF:움직이는 이미지 저장에 좋다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; 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;화면 캡처 2026-06-11 164300.png&quot; data-origin-width=&quot;1186&quot; data-origin-height=&quot;784&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bgbZp0/dJMcagZ5tEb/xBbmzRrpDcpYy5zfGpqr20/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bgbZp0/dJMcagZ5tEb/xBbmzRrpDcpYy5zfGpqr20/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bgbZp0/dJMcagZ5tEb/xBbmzRrpDcpYy5zfGpqr20/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbgbZp0%2FdJMcagZ5tEb%2FxBbmzRrpDcpYy5zfGpqr20%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;504&quot; height=&quot;333&quot; data-filename=&quot;화면 캡처 2026-06-11 164300.png&quot; data-origin-width=&quot;1186&quot; data-origin-height=&quot;784&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;Ctrl&lt;span&gt; +R 을 하면 &lt;b&gt;눈금자 기능&lt;/b&gt;을 사용하거나 끌 수 있다. 눈금자가 있으면 이미지의 가이드라인을 만들 수 있는 기능이다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;가이드라인의 경우 중앙을 정확하게 표시하고 싶은경우, 여백을 표시하고 싶은경우 사용한다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;가이드라인을 숨길수도 있는데, 그 기능은 ( &lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;Ctrl&lt;span&gt; +;)을 누르면 된다.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;이미지에 밑그림처럼 가이드라인을 그리고, 도형을 배치할때 아주 좋은 기능이다.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;가이드라인을 지우려면 (보기-안내선-안내선지우기)를 누르면 됨!!!&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;그리고 빠르고 간편하게 규격화된 가이드라인을 그리고싶다. 하면 (보기-안내선-새 안내선 레이아웃)에서 &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;안내선들을 선택할 수 있다. (물론 임의로 폭과 열 수정할수도 있다.)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; 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;화면 캡처 2026-06-11 164936.png&quot; data-origin-width=&quot;1639&quot; data-origin-height=&quot;1369&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/S47fD/dJMcacXI8MR/e1u7gWZIK0V4lSTXaHwokk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/S47fD/dJMcacXI8MR/e1u7gWZIK0V4lSTXaHwokk/img.png&quot; data-alt=&quot;포토샵에 기본으로 저장되어 있는 안내선&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/S47fD/dJMcacXI8MR/e1u7gWZIK0V4lSTXaHwokk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FS47fD%2FdJMcacXI8MR%2Fe1u7gWZIK0V4lSTXaHwokk%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;553&quot; height=&quot;462&quot; data-filename=&quot;화면 캡처 2026-06-11 164936.png&quot; data-origin-width=&quot;1639&quot; data-origin-height=&quot;1369&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;포토샵에 기본으로 저장되어 있는 안내선&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;마음에 들지 않는 가이드라인이 있으면, 밖으로 슉!빼버리면 된다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-path-to-node=&quot;6&quot; data-ke-size=&quot;size23&quot;&gt;히스토리&lt;/h3&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;히스토리는 작업한 내용이 모두 저장되어있다. 그리고 최대 50가지 정도가 저장이 된다.(50개 넘어가면 삭제됨)&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;그래서 Ctrl&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt; +Z 를 누르면 그 이전으로 계속 되돌아간다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;스냅샷 기능-히스토리 패널에 있는 카메라 버튼은 스냅샷 기능을 뜻한다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;현재 작업내용이 마음에 들지만, 다른것도 시도하고 싶을때 스냅샷 기능을 사용해 현재 작업상태를 저장한다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;그래서, 50개 이상 넘어가면 히스토리가 삭제되는데 스냅샷 기능은 내가 저장하고 싶었던 작업 상태로 돌아가게끔 할 수 있다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;창작자의 입장에서는 아주 좋은 기능이라고 할 수 있다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;그리고 히스토리 기본 저장 양을 늘릴 수도 있는데, Ctrl&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt; +K 를 눌러서 성능들어가면 '작업내역상태(히스토리 저장 양)'을 수정할 수가 있다.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-path-to-node=&quot;6&quot; data-ke-size=&quot;size23&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;화면의 축소와 확대&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;2&quot; data-ke-size=&quot;size16&quot;&gt;Alt + 마우스 휠을 이용하는 게 제일 편하고 손에 잘 익는다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-path-to-node=&quot;3&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3,0,0&quot;&gt;Alt + 휠 위로&lt;/b&gt;: 화면 확대&lt;/li&gt;
&lt;li&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3,1,0&quot;&gt;Alt + 휠 아래로&lt;/b&gt;: 화면 축소&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-path-to-node=&quot;5&quot; data-ke-size=&quot;size16&quot;&gt;만약 키보드로만 빠르게 하고 싶다면 Ctrl + 더하기(+)로 확대하고, Ctrl + 빼기(-)로 축소하면 된다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;그리고 작업을 하다 보면 화면이 너무 커지거나 작아져서 전체적인 느낌을 보기 힘들 때가 있는데,&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;이때 Ctrl + 0(숫자 0)을 누르면 된다!&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;그리고 모든 패널을 숨겨서 작업내용을 크게 확인하고 싶으면, 탭 키를 누르면 된다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;도형을 만들때는, 쉬프를 누르면서 도형을 만들면 '정'도형으로 만들수가 있다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;제목-없음-1.jpg&quot; data-origin-width=&quot;874&quot; data-origin-height=&quot;375&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bNHNRT/dJMcagFSNR7/AkObBuk21rcC7KpJFK4bCk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bNHNRT/dJMcagFSNR7/AkObBuk21rcC7KpJFK4bCk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bNHNRT/dJMcagFSNR7/AkObBuk21rcC7KpJFK4bCk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbNHNRT%2FdJMcagFSNR7%2FAkObBuk21rcC7KpJFK4bCk%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;571&quot; height=&quot;245&quot; data-filename=&quot;제목-없음-1.jpg&quot; data-origin-width=&quot;874&quot; data-origin-height=&quot;375&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; 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-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-path-to-node=&quot;6&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>내일배움캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/10</guid>
      <comments>https://myinfo48543.tistory.com/10#entry10comment</comments>
      <pubDate>Thu, 11 Jun 2026 20:39:33 +0900</pubDate>
    </item>
    <item>
      <title>TIL_포스터 벤치마킹과 디자인 개론 수업/03</title>
      <link>https://myinfo48543.tistory.com/9</link>
      <description>&lt;h4 data-ke-size=&quot;size20&quot;&gt;오늘은 포스터 벤치마킹을 해서 워크북을 작성해보는 과제와 디자인개론 강의를 완강하는 미션이 있었다.&lt;/h4&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;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;1. &lt;b&gt;포스터 벤치마킹&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;내 취향 위주의 포스터를 수집해서 어제 들은 수업 내용인 &lt;b&gt;레이아웃&lt;/b&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 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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1080&quot; data-origin-height=&quot;1350&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bm9BCW/dJMcaiKljot/Sgb1ikTOkok5oG3byF6SjK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bm9BCW/dJMcaiKljot/Sgb1ikTOkok5oG3byF6SjK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bm9BCW/dJMcaiKljot/Sgb1ikTOkok5oG3byF6SjK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbm9BCW%2FdJMcaiKljot%2FSgb1ikTOkok5oG3byF6SjK%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;515&quot; height=&quot;644&quot; data-origin-width=&quot;1080&quot; data-origin-height=&quot;1350&quot;/&gt;&lt;/span&gt;&lt;/figure&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 data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 포스터는 전체적인 색채위주로 시선을 끌고, 약간 눌린듯한 텍스트가 보조하는 구조인 것 같다. 색채조합과 배경까지도 이미지라고 한다면 이미지 70: 텍스트 30의 비율인 것 같다. 이미지의 형태가 명확하지는 않지만 전체적인 느낌으로서 다가오고 자연스럽게 짓눌린듯한 텍스트로 눈이 간다.&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 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-origin-width=&quot;736&quot; data-origin-height=&quot;1033&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bcScwW/dJMcaaS8AZT/xuScuWQ4w0d1G7KD4mOK40/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bcScwW/dJMcaaS8AZT/xuScuWQ4w0d1G7KD4mOK40/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bcScwW/dJMcaaS8AZT/xuScuWQ4w0d1G7KD4mOK40/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbcScwW%2FdJMcaaS8AZT%2FxuScuWQ4w0d1G7KD4mOK40%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;514&quot; height=&quot;721&quot; data-origin-width=&quot;736&quot; data-origin-height=&quot;1033&quot;/&gt;&lt;/span&gt;&lt;/figure&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 data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;친밀한 표정을 한 인물을 아주 가까이서 찍은 사진으로, 사적인 사진을 아주 크게 보는 느낌으로 시선을 먼저 끈다. 그 외에는 미지의 인물을 탐구하는 것처럼 스캐너 그래픽처럼 텍스트를 연출에 그에 대한 정보를 읽게되는형식이다. 이미지 80:텍스트 20 으로 보인다. 옆부분의 테두리에는 그 다음으로 보조적인 정보를 차분한 색으로 정렬하여 모던한 느낌을 준다.&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 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-origin-width=&quot;1200&quot; data-origin-height=&quot;1691&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dw8iAE/dJMcadIZEmt/S7vxtSqEewKKtF1hG7CDmK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dw8iAE/dJMcadIZEmt/S7vxtSqEewKKtF1hG7CDmK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dw8iAE/dJMcadIZEmt/S7vxtSqEewKKtF1hG7CDmK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdw8iAE%2FdJMcadIZEmt%2FS7vxtSqEewKKtF1hG7CDmK%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;519&quot; height=&quot;731&quot; data-origin-width=&quot;1200&quot; data-origin-height=&quot;1691&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;처음에는 이미지의 색채와 강조로 ,중요한 부분으로 시선을 가져가고,다음에는 분산하고 흩어지는 듯한 텍스트로 시선이 간다. 하지만 텍스트 연출도 그림처럼 연출하여 그림55:텍스트45 정도의 비율로 보인다. 텍스트의 규칙을 무너트려서 그림의 일부처럼 보이기때문에 전체적으로 조화롭다.&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 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-origin-width=&quot;736&quot; data-origin-height=&quot;1066&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/snb27/dJMcaf1avoB/4Yt2VPINRjxdO98BdLA0jk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/snb27/dJMcaf1avoB/4Yt2VPINRjxdO98BdLA0jk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/snb27/dJMcaf1avoB/4Yt2VPINRjxdO98BdLA0jk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fsnb27%2FdJMcaf1avoB%2F4Yt2VPINRjxdO98BdLA0jk%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;496&quot; height=&quot;718&quot; data-origin-width=&quot;736&quot; data-origin-height=&quot;1066&quot;/&gt;&lt;/span&gt;&lt;/figure&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 data-ke-size=&quot;size16&quot;&gt;시선의 중심은 가운데에 흐리게 배치된 타이포그래피인 것 같다. 번진듯한 붉은색으로 어떤 의미의 텍스트인지 궁금증을 자아나게 하고, 조화로운 뒷 배경과 이미지가 그 텍스트를 보조하는 구조로 보인다.비율자체는 텍스트 30:이미지70이지만 시선의 구조는 텍스트가 먼저 가져간다.&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 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-origin-width=&quot;736&quot; data-origin-height=&quot;1104&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cmdWLO/dJMcabEueaC/EoUSSo5uWl4GpptNtzGkTk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cmdWLO/dJMcabEueaC/EoUSSo5uWl4GpptNtzGkTk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cmdWLO/dJMcabEueaC/EoUSSo5uWl4GpptNtzGkTk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcmdWLO%2FdJMcabEueaC%2FEoUSSo5uWl4GpptNtzGkTk%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;490&quot; height=&quot;735&quot; data-origin-width=&quot;736&quot; data-origin-height=&quot;1104&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;블러처리된듯한 인물의 뒷모습이 보이고 그 뒤에는 차분한 텍스트로 포스터의 정보를 보조한다. 이미지90:텍스트10 정도이다. 하지만 이미지의 정보를 흐리게 만들어서 작은 텍스트로 자연스럽게 눈이 각게 만든다.이 균형이 주는 인상은 눈의 피로가 없으면서도, 자연스럽게 만드는 것 같다는 생각이 들었다.&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 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-origin-width=&quot;1200&quot; data-origin-height=&quot;1727&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/eBKMYk/dJMcadh2zmS/yuaKHeh4qKajoPXCE1FHeK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/eBKMYk/dJMcadh2zmS/yuaKHeh4qKajoPXCE1FHeK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/eBKMYk/dJMcadh2zmS/yuaKHeh4qKajoPXCE1FHeK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FeBKMYk%2FdJMcadh2zmS%2FyuaKHeh4qKajoPXCE1FHeK%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;482&quot; height=&quot;694&quot; data-origin-width=&quot;1200&quot; data-origin-height=&quot;1727&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;이 시선의 중심은 먼저 이미지가 들어오지만 텍스트의 보조구조는 아니다. 텍스트도 이미지의 일부처럼 연출되어, 독특한 타이포의 글을 하나하나 읽어보게 만든다. 그래서 텍스트50:이미지50 이라고 생각한다. 그 외의 보조정보들은 맥북으로 연 창처럼 위에 적혀있어서 재미있게 읽힌다.&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 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-origin-width=&quot;700&quot; data-origin-height=&quot;1117&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/mo7jW/dJMcaa6HFaU/JzVnBe7FnqxHRzMCrn8QMk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/mo7jW/dJMcaa6HFaU/JzVnBe7FnqxHRzMCrn8QMk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/mo7jW/dJMcaa6HFaU/JzVnBe7FnqxHRzMCrn8QMk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fmo7jW%2FdJMcaa6HFaU%2FJzVnBe7FnqxHRzMCrn8QMk%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;481&quot; height=&quot;768&quot; data-origin-width=&quot;700&quot; data-origin-height=&quot;1117&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;시선의 중심은 중앙의 타이포그라피이다. 꼭 테이프를 연결해 만든것 같은 이미지로, 약간은 거칠고 스트릿한 느낌을 준다. 또한,보조 텍스트를 리듬감있게 배치에 이미지에서 소리가 들리는 듯한 느낌을 준다. 그리고 소리의 크기를 색채가 보조해준다. 텍스트70:이미지30처럼 보인다.&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 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-origin-width=&quot;911&quot; data-origin-height=&quot;1200&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dKIlki/dJMcaijj35m/RZkKHU03noqNvAUIKKpVDK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dKIlki/dJMcaijj35m/RZkKHU03noqNvAUIKKpVDK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dKIlki/dJMcaijj35m/RZkKHU03noqNvAUIKKpVDK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdKIlki%2FdJMcaijj35m%2FRZkKHU03noqNvAUIKKpVDK%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;472&quot; height=&quot;622&quot; data-origin-width=&quot;911&quot; data-origin-height=&quot;1200&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;이 시선의 중심은 에어스프레이로 그린듯한 타이포그래피이다. 블러된듯한 느낌과 조금더 명료한 느낌의 이미지 그래픽이 조화를 이룬다. 타이포그래피&amp;gt;이미지&amp;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 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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;971&quot; data-origin-height=&quot;1398&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bTZNRL/dJMcadoH861/h4DQbIOKTx1F1W1O0ZZDp0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bTZNRL/dJMcadoH861/h4DQbIOKTx1F1W1O0ZZDp0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bTZNRL/dJMcadoH861/h4DQbIOKTx1F1W1O0ZZDp0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTZNRL%2FdJMcadoH861%2Fh4DQbIOKTx1F1W1O0ZZDp0%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;438&quot; height=&quot;631&quot; data-origin-width=&quot;971&quot; data-origin-height=&quot;1398&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;이 시선의 중심은 이미지이다. 이미지 70:텍스트30으로 보인다. 거품자국처럼 보이는 이미지를 상징적으로 나타내면서 텍스트랑 조화롭게 배치한게 재미있다. 실생활에서 볼 수 있는 현상을 백터이미지처럼 구현한것이 흥미롭다.&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 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-origin-width=&quot;736&quot; data-origin-height=&quot;1041&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bmz1Pw/dJMcacXHOIW/PvSGmrzSCPmbHn8nhM4vlk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bmz1Pw/dJMcacXHOIW/PvSGmrzSCPmbHn8nhM4vlk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bmz1Pw/dJMcacXHOIW/PvSGmrzSCPmbHn8nhM4vlk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbmz1Pw%2FdJMcacXHOIW%2FPvSGmrzSCPmbHn8nhM4vlk%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;395&quot; height=&quot;559&quot; data-origin-width=&quot;736&quot; data-origin-height=&quot;1041&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;이 시선의 중심은 이미지이다. 그리고 그 이미지속에 중심 텍스트가 호기심을 자아낼 수 있도록 보기 좋게 숨겨져있다. 그리고 위아래로의 연기같은 그래픽이 리듬을 가진다. 적절히 사용된 여백과 가사처럼 배치된 보조 텍스트들에게 자연스럽게 눈이간다. 이미지 비율70:텍스트30&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 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-origin-width=&quot;1200&quot; data-origin-height=&quot;1799&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bx9aXK/dJMcacDscjR/jgDuLzPtTHIgwv8UK8lYk0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bx9aXK/dJMcacDscjR/jgDuLzPtTHIgwv8UK8lYk0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bx9aXK/dJMcacDscjR/jgDuLzPtTHIgwv8UK8lYk0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbx9aXK%2FdJMcacDscjR%2FjgDuLzPtTHIgwv8UK8lYk0%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;403&quot; height=&quot;604&quot; data-origin-width=&quot;1200&quot; data-origin-height=&quot;1799&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;시선의 중심은 이미지들이 이루는 중심선이다. 그리고 그 오른쪽에 있는 텍스트로 자연스럽게 눈이가고, 이외의 보조 텍스트들은 잘 보이지는 않는다. 명확한 정보 전달보다는 어떤 그룹이나 영화 자체의 &amp;lsquo;느낌&amp;rsquo;을 전달하는 포스터에 가까워 보인다. 색채 자체의 대비가 크지는 않지만 형태와 이미지의 모양이 주는 대비가 흥미롭다. 뒤에는 지도같은 그래픽이 있다. 이미지 80:텍스트20&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 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-origin-width=&quot;735&quot; data-origin-height=&quot;919&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bvr4MR/dJMcadCc8Ao/2ZVZ18k23HZy9CKXD3J0S0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bvr4MR/dJMcadCc8Ao/2ZVZ18k23HZy9CKXD3J0S0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bvr4MR/dJMcadCc8Ao/2ZVZ18k23HZy9CKXD3J0S0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbvr4MR%2FdJMcadCc8Ao%2F2ZVZ18k23HZy9CKXD3J0S0%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;394&quot; height=&quot;493&quot; data-origin-width=&quot;735&quot; data-origin-height=&quot;919&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 data-ke-size=&quot;size16&quot;&gt;이 시선의 중심은 열 화상 카메라로 찍은듯한 화면을 확대한듯한 이미지이다. 이끼나 어떤 자연물의 표면같기도 하고, 명확하지만 유추할수있는 단서들이 많은 이미지, 조화로운 색채의 이미지가 시선을 먼저 끈다. 그리고 보조 정보들이 옆부분에 작게 나열되어있는데, 마치 과학적인 정보를 연구하는듯한 이미지를 만들어서 하나씩 포스터의 정보를 탐구하게 된다. 텍스트를 비교적 작게 배치하여 이미지가 굉장히 커다란 산을 보는것같다. 이미지80:텍스트20&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;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&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;/b&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;-이미지가 먼저 눈에 들어오거나,이미지에 잘 녹아든 텍스트가 눈에 들어온다.&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;/ul&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;내가 &amp;lsquo;좋다&amp;rsquo;고 느낀 포스터는 어떤 점에서 나의 취향과 연결되나요?&lt;/li&gt;
&lt;/ul&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;-지금은 유행이 좀 지났지만 스캐너 그래픽을 이용해보고싶다. 반대로 타이포 속에 그림을 전복하여 배치하는것도 재미있을 것 같다.&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;여백이 많거나, 이미지 자체는 강렬하지만 그 정보의 의도를 흐리게 처리하여 궁금증을 나타내는 이미지들이 많았다. 블러처리되거나 모자이크,깎여나간 이미지들이 많다. 특히 아트포스터는 타이포그래피도 이미지의 일부처럼 자연스럽게 녹아들거나,그 정보를 침범하지 않는 사이즈로 정렬을 하는 구조가 재미있었다.&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 data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;2.디자인 수업 완강.&lt;/b&gt;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&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;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-10 122407.png&quot; data-origin-width=&quot;1368&quot; data-origin-height=&quot;490&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/EvR7m/dJMcaf1awJW/Mw23Ab4hzyaniWvIYV8Fi0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/EvR7m/dJMcaf1awJW/Mw23Ab4hzyaniWvIYV8Fi0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/EvR7m/dJMcaf1awJW/Mw23Ab4hzyaniWvIYV8Fi0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FEvR7m%2FdJMcaf1awJW%2FMw23Ab4hzyaniWvIYV8Fi0%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;1368&quot; height=&quot;490&quot; data-filename=&quot;화면 캡처 2026-06-10 122407.png&quot; data-origin-width=&quot;1368&quot; data-origin-height=&quot;490&quot;/&gt;&lt;/span&gt;&lt;/figure&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;b&gt;primary&lt;/b&gt;(1차색)-옐로우,블루,레드:모든색의 근원이자,&lt;b&gt;빛의 3원색&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Secondary&lt;/b&gt;(2차색)-그린,오렌지,퍼플:1차색인 원색을 혼합하면 나오는 색&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Tertiary&lt;/b&gt;(3차색)-2차색을 혼합하면 나오는 색을 의미한다&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;/b&gt;-따뜻한색&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;쿨톤&lt;/b&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 data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;보색대비&lt;/b&gt;-반대되는 색 조합(화려한 색 조합이 된다)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;유사색 조화&lt;/b&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;b&gt;RGB&lt;/b&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;b&gt;CMYK-&lt;/b&gt;Cyan,Magenta,Yellow,Black&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;잉크에 기초한 색상 구현 도구로, 색을 더하면 더할수록 탁하고 어두워진다. 물감을 혼합하는것과 같은원&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;cmyk를 이용하는 이유는, 모니터에서 보는것처럼 인쇄물에서 볼 수 없기때문에,인쇄물을 이용하는 작업을 할 때 용이하기 때문이다.&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;&amp;nbsp;&lt;/h4&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;색은 우리의 기분이나 감정에 영향을 준다고 한다.&lt;/b&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;1. 색은 고객의 감정이나 행동에 영향을 미친다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. 고객이 브랜드를 인식하는 방식에도 영향을 준다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3. 브랜드 인지도를 높이는데 효과적이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;4. 색상은 브랜드의 개성을 드러내는데 도움을 준다.&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 data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;색의 느낌과 상징에 대해서 알아보자.&lt;/b&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;노란색-행복과 즐거움,주의와 경고,에너지와 활력,희망과 낙관&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;퍼플-신성함,고귀함,예술과 창의성,신비로움,영성,광기&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 data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;디자인 프로세스&lt;/b&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;/b&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;u&gt;&lt;b&gt; UI/UX&lt;/b&gt;&lt;/u&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-10 162339.png&quot; data-origin-width=&quot;1251&quot; data-origin-height=&quot;622&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cFKfgr/dJMcaaZTjaZ/fHW55plHG0uCqEHOtDxEKk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cFKfgr/dJMcaaZTjaZ/fHW55plHG0uCqEHOtDxEKk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cFKfgr/dJMcaaZTjaZ/fHW55plHG0uCqEHOtDxEKk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcFKfgr%2FdJMcaaZTjaZ%2FfHW55plHG0uCqEHOtDxEKk%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;673&quot; height=&quot;335&quot; data-filename=&quot;화면 캡처 2026-06-10 162339.png&quot; data-origin-width=&quot;1251&quot; data-origin-height=&quot;622&quot;/&gt;&lt;/span&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;문제의 본질과 맥락탐색&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;목표&lt;/b&gt;- 프로젝트의 목표는 무엇인가?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;성공지표&lt;/b&gt;- 프로젝트의 성공은 어떻게 측정할 것인가?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;대상고객&lt;/b&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;u&gt;발견은 디자인의 출발점이며,문제와 사용자를 이해하는 단계다.&lt;/u&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*&lt;u&gt;리서치와 관찰,분석&lt;/u&gt;을 통해 핵심 인사이트를 도출한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*&lt;u&gt;이 단계에서 얻은 통찰&lt;/u&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;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;b&gt;콘셉&lt;/b&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;/b&gt;-다양한 해법은 자유롭게 상상&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;콘셉&lt;/b&gt;-가장 핵심이 되는 방향을 설정&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;*컨셉 구축 및 아이디어 구상&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;마인드맵&lt;/b&gt;-아이디어 구성 및 도출에 효과적&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;무브보드&lt;/b&gt;-컨셉을 명확화하는데 효과적이다 (소통의 오류를 줄일 수 있음)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-10 163030.png&quot; data-origin-width=&quot;1240&quot; data-origin-height=&quot;730&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cSsR2f/dJMcaaZTjyP/IvBDUD5Dijx6Big9gKgS3K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cSsR2f/dJMcaaZTjyP/IvBDUD5Dijx6Big9gKgS3K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cSsR2f/dJMcaaZTjyP/IvBDUD5Dijx6Big9gKgS3K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcSsR2f%2FdJMcaaZTjyP%2FIvBDUD5Dijx6Big9gKgS3K%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;588&quot; height=&quot;346&quot; data-filename=&quot;화면 캡처 2026-06-10 163030.png&quot; data-origin-width=&quot;1240&quot; data-origin-height=&quot;730&quot;/&gt;&lt;/span&gt;&lt;/figure&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;/b&gt;은 다양한 해결책을 상상하고 확장하는 과정이다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*컨셉은 이 중에서 &lt;b&gt;핵심적인 메세지와 방향을 정리&lt;/b&gt;하는 것이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*강렬한 컨셉은 &lt;b&gt;시각,언어,감성&lt;/b&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;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;b&gt;구조화&lt;/b&gt;하는 단계이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*&lt;b&gt;사용자의 흐름,와이어프레임,기획문서&lt;/b&gt;를 통해 구체화 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*팀원 또는 고객과 소통을 위한&lt;b&gt; 명확한 문서화&lt;/b&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 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 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 data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>내일배움캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/9</guid>
      <comments>https://myinfo48543.tistory.com/9#entry9comment</comments>
      <pubDate>Wed, 10 Jun 2026 16:41:53 +0900</pubDate>
    </item>
    <item>
      <title>TIL_타이포그래피 배우기/02</title>
      <link>https://myinfo48543.tistory.com/8</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;타이포그래피 TYPOGRAPHY의 기본&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&lt;b&gt;활자&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;-사각기둥 금속의 한 글자씩 양각으로 새겨 인쇄하기 위한 글자 틀을 의미&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;*특수한 목적에 맞게 디자인-&amp;gt;편집 디자인&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;*활자 자체를 디자인-&amp;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;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;font-family: 'Noto Serif KR';&quot;&gt;타이포 그래피는 좋아보이는 디자인의 비결&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;타이포 그래피의 중요성&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;-정보전달&lt;/span&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;-브랜드 정체성 강화&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;타이포그래피의 역사-인쇄술의 발달과 함께 발달&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;&amp;nbsp;&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;화면 캡처 2026-06-09 140935.png&quot; data-origin-width=&quot;373&quot; data-origin-height=&quot;271&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/IFrNa/dJMcacKdv8Y/aDD6lZhKbslicMTQxkxD31/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/IFrNa/dJMcacKdv8Y/aDD6lZhKbslicMTQxkxD31/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/IFrNa/dJMcacKdv8Y/aDD6lZhKbslicMTQxkxD31/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIFrNa%2FdJMcacKdv8Y%2FaDD6lZhKbslicMTQxkxD31%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;255&quot; height=&quot;185&quot; data-filename=&quot;화면 캡처 2026-06-09 140935.png&quot; data-origin-width=&quot;373&quot; data-origin-height=&quot;271&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;고딕 중세시대를 대변하는 블랙레터체&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;그 외 다양한 폰트들이,시대와 역사를 가지고 지금까지 보존되어 왔음.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;20세기 모더니즘 타이포그래피-형태는 기능을 따른다&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;font-family: 'Noto Serif KR';&quot;&gt;디지털 서체혁명&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;font-family: 'Noto Serif KR';&quot;&gt;영문 서체의 구성요소&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-09 141557.png&quot; data-origin-width=&quot;820&quot; data-origin-height=&quot;307&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ofcT7/dJMb997JOe4/FynDHF4LSe0ckgANHNAZR0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ofcT7/dJMb997JOe4/FynDHF4LSe0ckgANHNAZR0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ofcT7/dJMb997JOe4/FynDHF4LSe0ckgANHNAZR0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FofcT7%2FdJMb997JOe4%2FFynDHF4LSe0ckgANHNAZR0%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;513&quot; height=&quot;192&quot; data-filename=&quot;화면 캡처 2026-06-09 141557.png&quot; data-origin-width=&quot;820&quot; data-origin-height=&quot;307&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;화면 캡처 2026-06-09 141734.png&quot; data-origin-width=&quot;807&quot; data-origin-height=&quot;298&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/brmgn7/dJMcajoTGQG/MdpHlaibkrVap8QUBZQTt0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/brmgn7/dJMcajoTGQG/MdpHlaibkrVap8QUBZQTt0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/brmgn7/dJMcajoTGQG/MdpHlaibkrVap8QUBZQTt0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbrmgn7%2FdJMcajoTGQG%2FMdpHlaibkrVap8QUBZQTt0%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;550&quot; height=&quot;203&quot; data-filename=&quot;화면 캡처 2026-06-09 141734.png&quot; data-origin-width=&quot;807&quot; data-origin-height=&quot;298&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&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;화면 캡처 2026-06-09 141821.png&quot; data-origin-width=&quot;808&quot; data-origin-height=&quot;300&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/XEqeK/dJMcabdmRmi/BQbWa1QuK5zqLQjagKFGG1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/XEqeK/dJMcabdmRmi/BQbWa1QuK5zqLQjagKFGG1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/XEqeK/dJMcabdmRmi/BQbWa1QuK5zqLQjagKFGG1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FXEqeK%2FdJMcabdmRmi%2FBQbWa1QuK5zqLQjagKFGG1%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;515&quot; height=&quot;191&quot; data-filename=&quot;화면 캡처 2026-06-09 141821.png&quot; data-origin-width=&quot;808&quot; data-origin-height=&quot;300&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;세리프/산세리프&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;글자의 끄트머리에 있는 장식선을 세리프라고 함 (펜의 자국이나 붓글씨의 자국의 형태요소가 활자로 적용)&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;세리프가 없는 글자를 산세리프라고 함&amp;nbsp;&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&lt;b&gt;자간&lt;/b&gt;-글자와 글자 사이&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;자간은 동일한 간격으로 두면 글자의 모양상 일정한 간격처럼 보이기 어려워서 그것을 조정하는것을 커닝작업을 함 (자간 간의 일정하지 않은 부분을 일정하게 만드는 작업)&lt;/span&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&lt;b&gt;어간&lt;/b&gt;-단어와 단어사이&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&lt;b&gt;포지티브 스페이스&lt;/b&gt;-글자 자체의 공간(글자 속 공간 포함)&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;이제 수업에서 배운내용을 기반으로 해서 워크북을 작성해본다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;(글자 내용은 글자에서 느껴지는 분위기를 체감하기 위해 일기장에서 가져왔다)&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot; data-token-index=&quot;0&quot;&gt;*폰트 레퍼런스 리서치 &lt;/span&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;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;10가지의 폰트를 리서치해보았다.(출처:눈누)&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;화면 캡처 2026-06-09 144217.png&quot; data-origin-width=&quot;1102&quot; data-origin-height=&quot;105&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/MzoOc/dJMcacwErmv/w9kqfbzwPF71spJisaj3L0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/MzoOc/dJMcacwErmv/w9kqfbzwPF71spJisaj3L0/img.png&quot; data-alt=&quot;건축조각보통&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/MzoOc/dJMcacwErmv/w9kqfbzwPF71spJisaj3L0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMzoOc%2FdJMcacwErmv%2Fw9kqfbzwPF71spJisaj3L0%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;839&quot; height=&quot;80&quot; data-filename=&quot;화면 캡처 2026-06-09 144217.png&quot; data-origin-width=&quot;1102&quot; data-origin-height=&quot;105&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;건축조각보통&lt;/figcaption&gt;
&lt;/figure&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-09 143327.png&quot; data-origin-width=&quot;1192&quot; data-origin-height=&quot;91&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b7Dd6d/dJMcajvKWRv/ZP9STuyuFFN2XBgk6CsXS1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b7Dd6d/dJMcajvKWRv/ZP9STuyuFFN2XBgk6CsXS1/img.png&quot; data-alt=&quot;인천교육소통체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b7Dd6d/dJMcajvKWRv/ZP9STuyuFFN2XBgk6CsXS1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb7Dd6d%2FdJMcajvKWRv%2FZP9STuyuFFN2XBgk6CsXS1%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;808&quot; height=&quot;62&quot; data-filename=&quot;화면 캡처 2026-06-09 143327.png&quot; data-origin-width=&quot;1192&quot; data-origin-height=&quot;91&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;인천교육소통체&lt;/figcaption&gt;
&lt;/figure&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-09 143340.png&quot; data-origin-width=&quot;1293&quot; data-origin-height=&quot;100&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cWXnsm/dJMcaf7U6qm/biFgjMfOyEwrsH7FQkUCeK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cWXnsm/dJMcaf7U6qm/biFgjMfOyEwrsH7FQkUCeK/img.png&quot; data-alt=&quot;학교안심시간표체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cWXnsm/dJMcaf7U6qm/biFgjMfOyEwrsH7FQkUCeK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcWXnsm%2FdJMcaf7U6qm%2FbiFgjMfOyEwrsH7FQkUCeK%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;1293&quot; height=&quot;100&quot; data-filename=&quot;화면 캡처 2026-06-09 143340.png&quot; data-origin-width=&quot;1293&quot; data-origin-height=&quot;100&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;학교안심시간표체&lt;/figcaption&gt;
&lt;/figure&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-09 143357.png&quot; data-origin-width=&quot;1135&quot; data-origin-height=&quot;69&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dbthHl/dJMcafGVymm/M7iENec57yqVPymCddY8P1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dbthHl/dJMcafGVymm/M7iENec57yqVPymCddY8P1/img.png&quot; data-alt=&quot;온글잎 콘콘&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dbthHl/dJMcafGVymm/M7iENec57yqVPymCddY8P1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdbthHl%2FdJMcafGVymm%2FM7iENec57yqVPymCddY8P1%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;1135&quot; height=&quot;69&quot; data-filename=&quot;화면 캡처 2026-06-09 143357.png&quot; data-origin-width=&quot;1135&quot; data-origin-height=&quot;69&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;온글잎 콘콘&lt;/figcaption&gt;
&lt;/figure&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-09 143411.png&quot; data-origin-width=&quot;1240&quot; data-origin-height=&quot;94&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/clpIgV/dJMcah5O7UH/eJXD2xCHv7kALroVjXtQwK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/clpIgV/dJMcah5O7UH/eJXD2xCHv7kALroVjXtQwK/img.png&quot; data-alt=&quot;제주돌담체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/clpIgV/dJMcah5O7UH/eJXD2xCHv7kALroVjXtQwK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FclpIgV%2FdJMcah5O7UH%2FeJXD2xCHv7kALroVjXtQwK%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;1240&quot; height=&quot;94&quot; data-filename=&quot;화면 캡처 2026-06-09 143411.png&quot; data-origin-width=&quot;1240&quot; data-origin-height=&quot;94&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;제주돌담체&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;제주도에 있는 돌을 연상시킨다. 이 폰트가 돌을 연상시키는 이유는 폰트의 굵기가 굵직하면서도, 온점이나 작은 글씨들을, 작은돌이 삐져나온것처럼 표현했기때문이다. 때문에 돌이 쌓여있는 느낌을 준다. 정감이 있지만&amp;nbsp; 그렇다고 아주 정감이 있다,라기보다는 차분한 따뜻함으로 느껴진다. 전달되는 정서가 명확하다. 책과 포스터의 타이포에 잘 어울리고, 어떤 지역의 감수성이나 정서를 전달하는데에도 잘 어울린다. 캠페인 등에 사용될 글씨체로도 적절해보인다. 개성이 강한 글씨체로 작은 글씨가 많은 본문체로는 어울리지 않는다.&amp;nbsp;&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;화면 캡처 2026-06-09 143429.png&quot; data-origin-width=&quot;1261&quot; data-origin-height=&quot;102&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/X4djb/dJMcafGVymo/or7ItsrMDT2Efr3D8LRKg1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/X4djb/dJMcafGVymo/or7ItsrMDT2Efr3D8LRKg1/img.png&quot; data-alt=&quot;문막초달반체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/X4djb/dJMcafGVymo/or7ItsrMDT2Efr3D8LRKg1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FX4djb%2FdJMcafGVymo%2For7ItsrMDT2Efr3D8LRKg1%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;1261&quot; height=&quot;102&quot; data-filename=&quot;화면 캡처 2026-06-09 143429.png&quot; data-origin-width=&quot;1261&quot; data-origin-height=&quot;102&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;문막초달반체&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;초등학생이 하나하나 점으로 조합해 만든 글씨처럼 보인다. 글씨들이 규칙적이지는 않지만 전달하고자 하는 마음이 느껴진다. 삐뚤빼뚤한 직선이 많으며 점점이 이어져있어서 &lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;순수하고 서정적이다.당연히 정치선전 문구로는 안 어울린다. 강렬하거나 각인되는 글씨체는 아니다. 엉성하고 조각나있지만 순수함이 전달된다. 보는사람에게 특정한 역할을 부여하지 않아서 편하게 읽힌다. 포스터나 환경 캠페인 문구,책 표지 등으로 잘 어울린다.&lt;/span&gt;&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;화면 캡처 2026-06-09 143447.png&quot; data-origin-width=&quot;1251&quot; data-origin-height=&quot;85&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bnUhxn/dJMcafGVymp/UKyOca1nYdP50KtAwCYXSk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bnUhxn/dJMcafGVymp/UKyOca1nYdP50KtAwCYXSk/img.png&quot; data-alt=&quot;에스코어드림체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bnUhxn/dJMcafGVymp/UKyOca1nYdP50KtAwCYXSk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbnUhxn%2FdJMcafGVymp%2FUKyOca1nYdP50KtAwCYXSk%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;1251&quot; height=&quot;85&quot; data-filename=&quot;화면 캡처 2026-06-09 143447.png&quot; data-origin-width=&quot;1251&quot; data-origin-height=&quot;85&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;에스코어드림체&lt;/figcaption&gt;
&lt;/figure&gt;
&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;화면 캡처 2026-06-09 143500.png&quot; data-origin-width=&quot;1267&quot; data-origin-height=&quot;82&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bBLymb/dJMcaf7U6qn/KtZoHvUrEWKWlgWJsYueJk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bBLymb/dJMcaf7U6qn/KtZoHvUrEWKWlgWJsYueJk/img.png&quot; data-alt=&quot;Gothic A1체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bBLymb/dJMcaf7U6qn/KtZoHvUrEWKWlgWJsYueJk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbBLymb%2FdJMcaf7U6qn%2FKtZoHvUrEWKWlgWJsYueJk%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;1267&quot; height=&quot;82&quot; data-filename=&quot;화면 캡처 2026-06-09 143500.png&quot; data-origin-width=&quot;1267&quot; data-origin-height=&quot;82&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Gothic A1체&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;바로 위에있는 에스코어 드림체와 아주 유사하게 느껴지지만 이 폰트가 매력적이라고 느낀 이유는, 곡선이 과장되지 않으면서 얇고&amp;nbsp; 균일해보이는 폰트가 인쇄된 폰트를 보는 느낌을 주었기 때문이다.혹은 오래된 컴퓨터에서 볼 수 있는 글씨체처럼 뵈기도 한다. 그래서 매우 빈티지해보여서 재미있다. 정보전달에도 물론 효과적인 글씨체지만, 특정 컨셉의 웹 사이트나 게임속의 글씨체로도 재미있을 것 같다. 과거의 글씨인지 현재의 글씨인지 모호하면서, 약간 어색한 글자 모양이 재미있다.&amp;nbsp;&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;화면 캡처 2026-06-09 143520.png&quot; data-origin-width=&quot;1429&quot; data-origin-height=&quot;79&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ndKbW/dJMcaf7U6qo/FhQ1P63Zak5DXy7hxedjdk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ndKbW/dJMcaf7U6qo/FhQ1P63Zak5DXy7hxedjdk/img.png&quot; data-alt=&quot;모이라이원&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ndKbW/dJMcaf7U6qo/FhQ1P63Zak5DXy7hxedjdk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FndKbW%2FdJMcaf7U6qo%2FFhQ1P63Zak5DXy7hxedjdk%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;1429&quot; height=&quot;79&quot; data-filename=&quot;화면 캡처 2026-06-09 143520.png&quot; data-origin-width=&quot;1429&quot; data-origin-height=&quot;79&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;모이라이원&lt;/figcaption&gt;
&lt;/figure&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-09 143533.png&quot; data-origin-width=&quot;973&quot; data-origin-height=&quot;82&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bHyOHi/dJMcad3j6Of/pofjiEj6Sg7WbeH3VhbWtk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bHyOHi/dJMcad3j6Of/pofjiEj6Sg7WbeH3VhbWtk/img.png&quot; data-alt=&quot;그리운 묘은흘림&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bHyOHi/dJMcad3j6Of/pofjiEj6Sg7WbeH3VhbWtk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbHyOHi%2FdJMcad3j6Of%2FpofjiEj6Sg7WbeH3VhbWtk%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;973&quot; height=&quot;82&quot; data-filename=&quot;화면 캡처 2026-06-09 143533.png&quot; data-origin-width=&quot;973&quot; data-origin-height=&quot;82&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;그리운 묘은흘림&lt;/figcaption&gt;
&lt;/figure&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-09 143248.png&quot; data-origin-width=&quot;1321&quot; data-origin-height=&quot;108&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bg5m9H/dJMcafGVymn/XJvYCe3fK1wCIiNvsLMbh0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bg5m9H/dJMcafGVymn/XJvYCe3fK1wCIiNvsLMbh0/img.png&quot; data-alt=&quot;mona12체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bg5m9H/dJMcafGVymn/XJvYCe3fK1wCIiNvsLMbh0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbg5m9H%2FdJMcafGVymn%2FXJvYCe3fK1wCIiNvsLMbh0%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;1321&quot; height=&quot;108&quot; data-filename=&quot;화면 캡처 2026-06-09 143248.png&quot; data-origin-width=&quot;1321&quot; data-origin-height=&quot;108&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;mona12체&lt;/figcaption&gt;
&lt;/figure&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 data-ke-size=&quot;size16&quot;&gt;오늘 배운 내용을 바탕으로 다운로드한 폰트를 분류해본다&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;고딕체 (Gothic / Sans-serif)&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;획의 굵기가 일정하고 장식이 거의 없음. 깔끔하고 현대적인 인상.&lt;/td&gt;
&lt;td&gt;에스코어 드림체,Gothic A1체, &lt;span style=&quot;color: #777777; text-align: center;&quot;&gt;mona12체&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;Helvetica, Arial, Inter, Roboto, Futura&lt;/td&gt;
&lt;td&gt;UI, 웹디자인, 브랜드 로고, 프레젠테이션&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;명조체 (Myeongjo / Serif)&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;획의 굵기 대비가 크고 끝에 세리프 장식이 있음. 전통적이고 안정된 느낌.&lt;/td&gt;
&lt;td&gt;인천교육 소통체&lt;/td&gt;
&lt;td&gt;Times New Roman, Georgia, Baskerville, Garamond&lt;/td&gt;
&lt;td&gt;출판물, 에디토리얼, 긴 본문 텍스트&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;세리프체 (Serif)&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;명조와 유사하지만 유럽식 활자 중심. 포멀하고 클래식한 인상.&lt;/td&gt;
&lt;td&gt;온글잎 콘콘&lt;/td&gt;
&lt;td&gt;Playfair Display, Cormorant Garamond, EB Garamond, Libre Baskerville&lt;/td&gt;
&lt;td&gt;고급 브랜드, 패션, 매거진 디자인&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;산세리프체 (Sans-serif)&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;세리프가 없는 단정한 폰트. 미니멀하고 현대적인 분위기.&lt;/td&gt;
&lt;td&gt;에스코어 드림체,Gothic A1체&lt;/td&gt;
&lt;td&gt;Helvetica Neue, Montserrat, Inter, Roboto&lt;/td&gt;
&lt;td&gt;스타트업 브랜딩, 웹, UI, 인포그래픽&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;손글씨체 (Handwriting / Script)&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;손으로 쓴 듯한 자연스러운 곡선. 따뜻하고 감성적인 느낌.&lt;/td&gt;
&lt;td&gt;그리운 묘은흘림체,온글잎 콘콘체,학교안심시간표체&lt;/td&gt;
&lt;td&gt;Pacifico, Dancing Script, Lobster, Great Vibes&lt;/td&gt;
&lt;td&gt;포스터, 감성 브랜딩, 캘리그래피, 인용구&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;b&gt;디스플레이체 (Display / Decorative)&lt;/b&gt;&lt;/td&gt;
&lt;td&gt;장식적이고 개성 강한 폰트. 큰 사이즈에서 시각적 임팩트 강조.&lt;/td&gt;
&lt;td&gt;모이라이원체, 제주 돌담체,문막초 달반체,건축조각보통체, &lt;span style=&quot;color: #777777; text-align: center;&quot;&gt;mona12체&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;Bebas Neue, Anton, Impact, Playfair Display Black&lt;/td&gt;
&lt;td&gt;로고, 제목, 포스터, 광고 캠페인&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&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;/b&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;b&gt; &lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;내가 &lt;/span&gt;선호하는 폰트들은 공통적으로 어떤 요소를 가지고 있나요? (예: 획이 일정하다 / 곡선이 강조된다 등)&lt;/span&gt; &lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&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;'가독성&amp;rsquo;과 &amp;lsquo;개성&amp;rsquo; 사이에서 균형을 어떻게 잡을 수 있을까요?&lt;/b&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;</description>
      <category>내일배움캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/8</guid>
      <comments>https://myinfo48543.tistory.com/8#entry8comment</comments>
      <pubDate>Tue, 9 Jun 2026 16:47:37 +0900</pubDate>
    </item>
    <item>
      <title>베이스캠프_나의 엔드픽쳐/06</title>
      <link>https://myinfo48543.tistory.com/7</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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;나의 강점&lt;/b&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;b&gt;내가 관심있는 분야&lt;/b&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;b&gt;미래에 내가 되고 싶은 AI 디자이너&lt;/b&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;&lt;b&gt;앞으로 그려가는 나의 모습&lt;/b&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;</description>
      <category>내일배움캠프_베이스캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/7</guid>
      <comments>https://myinfo48543.tistory.com/7#entry7comment</comments>
      <pubDate>Mon, 8 Jun 2026 19:34:46 +0900</pubDate>
    </item>
    <item>
      <title>TIL_디자인 개론 배우기/01</title>
      <link>https://myinfo48543.tistory.com/6</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;&amp;nbsp;&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;1.균형&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;영역을 구성하는 디자인 요소의 시각적 무게를 어느 한쪽에 치우침 없이 안정적인 구조를 가지도록 배치하는 원리&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-08 191130.png&quot; data-origin-width=&quot;274&quot; data-origin-height=&quot;402&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b3Fqfu/dJMcadvrO0P/k1U80hkJSqThMTwTBCBik1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b3Fqfu/dJMcadvrO0P/k1U80hkJSqThMTwTBCBik1/img.png&quot; data-alt=&quot;디자인 듀오 슬기와 민 포스터/ 대각선과 수직선을 사용해서 비대칭을 이용해 시각적 임팩트를 극대화했다.&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b3Fqfu/dJMcadvrO0P/k1U80hkJSqThMTwTBCBik1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb3Fqfu%2FdJMcadvrO0P%2Fk1U80hkJSqThMTwTBCBik1%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;181&quot; height=&quot;266&quot; data-filename=&quot;화면 캡처 2026-06-08 191130.png&quot; data-origin-width=&quot;274&quot; data-origin-height=&quot;402&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;디자인 듀오 슬기와 민 포스터/ 대각선과 수직선을 사용해서 비대칭을 이용해 시각적 임팩트를 극대화했다.&lt;/figcaption&gt;
&lt;/figure&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;2.대비&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;/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;3.계층구조 (시각적 우선순위)&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;268&quot; data-origin-height=&quot;393&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/97U8v/dJMcahLs9By/kKoIA0YuofqfLX3l1MtVfK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/97U8v/dJMcahLs9By/kKoIA0YuofqfLX3l1MtVfK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/97U8v/dJMcahLs9By/kKoIA0YuofqfLX3l1MtVfK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F97U8v%2FdJMcahLs9By%2FkKoIA0YuofqfLX3l1MtVfK%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;216&quot; height=&quot;317&quot; data-origin-width=&quot;268&quot; data-origin-height=&quot;393&quot;/&gt;&lt;/span&gt;&lt;/figure&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;4.통일성&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;5.리듬&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-06-08 192710.png&quot; data-origin-width=&quot;279&quot; data-origin-height=&quot;400&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ejddkP/dJMcahkr8JQ/BUekk2cupiAPt2T8vQKXqK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ejddkP/dJMcahkr8JQ/BUekk2cupiAPt2T8vQKXqK/img.png&quot; data-alt=&quot;파동처럼 표현된 타이포디자인&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ejddkP/dJMcahkr8JQ/BUekk2cupiAPt2T8vQKXqK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FejddkP%2FdJMcahkr8JQ%2FBUekk2cupiAPt2T8vQKXqK%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;243&quot; height=&quot;348&quot; data-filename=&quot;화면 캡처 2026-06-08 192710.png&quot; data-origin-width=&quot;279&quot; data-origin-height=&quot;400&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;파동처럼 표현된 타이포디자인&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;6.강조&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 data-ke-size=&quot;size16&quot;&gt;디자인의 원칙을 배우며 느낀점은,디자인이라는것이 이미지의 구성을 해부하고 재조합하는것처럼 느껴져서 흥미로웠다.&lt;/p&gt;</description>
      <category>내일배움캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/6</guid>
      <comments>https://myinfo48543.tistory.com/6#entry6comment</comments>
      <pubDate>Mon, 8 Jun 2026 19:30:51 +0900</pubDate>
    </item>
    <item>
      <title>베이스캠프_리디자인 과제/05</title>
      <link>https://myinfo48543.tistory.com/5</link>
      <description>&lt;div style=&quot;background-color: #ffffff; color: #37352f; text-align: start;&quot; data-block-id=&quot;3752dc3e-f514-80d2-9f07-c11849bb7846&quot;&gt;
&lt;div style=&quot;color: #000000;&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span data-token-index=&quot;0&quot;&gt;오늘은 기존의 디자인을 리디자인 해보는 과제를 수행해보았다.&lt;/span&gt;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span data-token-index=&quot;0&quot;&gt;1. 레퍼런스&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;background-color: #ffffff; color: #000000; text-align: start;&quot; data-block-id=&quot;3752dc3e-f514-80a0-898b-dd7595004c7c&quot;&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&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;544&quot; data-origin-height=&quot;544&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dsEQ5c/dJMcahSaoAa/K5QQ0iZEH0gdZA4jOvB460/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dsEQ5c/dJMcahSaoAa/K5QQ0iZEH0gdZA4jOvB460/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dsEQ5c/dJMcahSaoAa/K5QQ0iZEH0gdZA4jOvB460/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdsEQ5c%2FdJMcahSaoAa%2FK5QQ0iZEH0gdZA4jOvB460%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;544&quot; height=&quot;544&quot; data-filename=&quot;unnamed.jpg&quot; data-origin-width=&quot;544&quot; data-origin-height=&quot;544&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;div style=&quot;background-color: #ffffff; color: #000000; text-align: start;&quot; data-block-id=&quot;3752dc3e-f514-80b0-9a5a-cf5939a61724&quot;&gt;&lt;span style=&quot;background-color: #ffffff; color: #000000; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;2006년 발매된&lt;/span&gt; 에이미 와인하우스의 'BACK TO BLACK'의 앨범을 리디자인 해보기로한다&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;background-color: #ffffff; color: #37352f; text-align: start;&quot; data-block-id=&quot;3752dc3e-f514-80be-9be0-c066b3437322&quot;&gt;
&lt;div style=&quot;color: #000000;&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span data-token-index=&quot;0&quot;&gt;2. 아쉬운 점&lt;/span&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span data-token-index=&quot;0&quot;&gt;전체적인 톤앤매너와 컬러감이 아쉬웠다. 아이코닉한 인물의 캐릭터성이 조금 덜 드러난다고 느꼈다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: #ffffff; color: #37352f; text-align: start;&quot; data-block-id=&quot;3752dc3e-f514-80f1-b9df-c3391db933b9&quot;&gt;
&lt;div style=&quot;color: #000000;&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span data-token-index=&quot;0&quot;&gt;3. 개선 방안&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;background-color: #ffffff; color: #000000; text-align: start;&quot;&gt;'BACK TO BLACK'의 앨범의 수록곡인 love is a losing game에 영감을 받아 에이미의 캐릭터가 잘 드러나도록 리디자인을 시도해 보기로한다. 사랑을 게임이라고 비유한 그녀가, 쓰러진 자신의 체스말을 앞에두고 특유의 공허하고 도발적인 표정으로 화면을 바라보고 있도록 하고, 그녀의 시그니쳐인 아이라인과 헤어가 잘 드러나게끔 만들고 싶었다. 이런식의 연출을 한 이유는, 사랑이 지는게임이라고 말하면서도 사랑에 대한 패배를 두려워하지 않는 도발적인 캐릭터를 드러나도록 만들고 싶었다.&lt;/span&gt;&lt;/p&gt;
&lt;div style=&quot;background-color: #ffffff; color: #000000; text-align: start;&quot; data-block-id=&quot;3752dc3e-f514-80a0-beda-fe8419111da1&quot;&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: #ffffff; color: #37352f; text-align: start;&quot; data-block-id=&quot;3752dc3e-f514-80aa-b158-e2d3f8260338&quot;&gt;
&lt;div style=&quot;color: #000000;&quot;&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span data-token-index=&quot;0&quot;&gt;4. 리디자인 결과물&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;제목 없음.png&quot; data-origin-width=&quot;1440&quot; data-origin-height=&quot;1440&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bfqEb0/dJMcahEDodf/THxr7cGmGrZcJKmoJktN91/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bfqEb0/dJMcahEDodf/THxr7cGmGrZcJKmoJktN91/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bfqEb0/dJMcahEDodf/THxr7cGmGrZcJKmoJktN91/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfqEb0%2FdJMcahEDodf%2FTHxr7cGmGrZcJKmoJktN91%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;1440&quot; height=&quot;1440&quot; data-filename=&quot;제목 없음.png&quot; data-origin-width=&quot;1440&quot; data-origin-height=&quot;1440&quot;/&gt;&lt;/span&gt;&lt;/figure&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;&amp;nbsp;&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;</description>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/5</guid>
      <comments>https://myinfo48543.tistory.com/5#entry5comment</comments>
      <pubDate>Fri, 5 Jun 2026 18:18:13 +0900</pubDate>
    </item>
    <item>
      <title>베이스캠프_피그마 기초 완전정복/04</title>
      <link>https://myinfo48543.tistory.com/4</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;&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;/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 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;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1)디스플레이와 픽셀의 개념&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2)해상도와 픽셀의 관계&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;해상도(resolution)-디스플레이의 선명한 정도를 나타냄&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;1920*1080의 디스프레이의 경우, 가로줄에는 픽셀이 1920개,새로줄에는 1080개가 들어있다는 의미&amp;nbsp;&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;-면적 당 픽셀 갯수가 더 많다면, 세밀한 묘사가 가능하다&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 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>
      <category>내일배움캠프_베이스캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/4</guid>
      <comments>https://myinfo48543.tistory.com/4#entry4comment</comments>
      <pubDate>Tue, 2 Jun 2026 17:48:56 +0900</pubDate>
    </item>
    <item>
      <title>베이스캠프_배너 디자인 만들기/03</title>
      <link>https://myinfo48543.tistory.com/3</link>
      <description>&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;1. 기획안 확인&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;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;배경: 무신사 2026 Summer Black Friday (무진장 여름 블랙프라이데이)&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;목표: 여름 세일기간 배너 클릭&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;타깃: 휴가를 앞둔 2030청년층&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;메세지: COUPON, SALE, EXCLUSIVE&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;CTA: Summer Black Friday, EXCLUSIVE (단독판매 강조),쿠폰,세일&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;레퍼런스 이미지: 무신사 청바지 페스티벌 배너, 무진장 세일 배너&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;2.아이디어 구성&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;우선 여름 세일기간을 홍보하는것이다보니까,&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;'여름'하면 떠오르는 기대감과 청량함으로 만들어낼 수 있는 이미지를 생각했다.&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;그렇다면 떠오르는 소재는 시원한 수박과, 무신사에서 판매할법한 알록달록한 수영복들이 생각났다.&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;그래서 먼저 레퍼런스 이미지들을 검색해서 저장한다.&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; 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-origin-width=&quot;312&quot; data-origin-height=&quot;102&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/M4cBt/dJMcabxAjs9/R0cQGCuPQODCtsXb6bLuo0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/M4cBt/dJMcabxAjs9/R0cQGCuPQODCtsXb6bLuo0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/M4cBt/dJMcabxAjs9/R0cQGCuPQODCtsXb6bLuo0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FM4cBt%2FdJMcabxAjs9%2FR0cQGCuPQODCtsXb6bLuo0%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;312&quot; height=&quot;102&quot; data-origin-width=&quot;312&quot; data-origin-height=&quot;102&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;그리고 이 이미지들로 어떻게 배너를 만들것인가?&amp;nbsp; 머릿속에 떠오른 내용들은,&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;'친구들과 해변가에서 수박을 먹으며, 물에 들어가기 전의 설레임. 알록달록한 수영복과 여름에 남기게 될 추억'이라는 스토리텔링을 바탕으로, 여름을 앞둔 기대감을 상기 하는 광고를 만들고 싶었다.&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;기획서에 작성한 레퍼런스 광고 , '무진장'을 의류 택으로 표현한 것처럼&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;텍스트 아트 스타일로 배너를 제작해보기로 한다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;7.jpg&quot; data-origin-width=&quot;600&quot; data-origin-height=&quot;338&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bBwgq6/dJMb99NhE5S/tsaKXURAK3SPi72OodL701/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bBwgq6/dJMb99NhE5S/tsaKXURAK3SPi72OodL701/img.jpg&quot; data-alt=&quot;의류에 있는 택 스타일의 2024 무진장 세일 광고&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bBwgq6/dJMb99NhE5S/tsaKXURAK3SPi72OodL701/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbBwgq6%2FdJMb99NhE5S%2FtsaKXURAK3SPi72OodL701%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;392&quot; height=&quot;221&quot; data-filename=&quot;7.jpg&quot; data-origin-width=&quot;600&quot; data-origin-height=&quot;338&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;의류에 있는 택 스타일의 2024 무진장 세일 광고&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;그렇다면&lt;span style=&quot;color: #222222; text-align: start;&quot;&gt; '무신사 여름 세일 2026' 이라는 텍스트를 수박씨앗으로 표현하는건 어떨까?&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;다음과 같은 프롬포트를 만들었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;High-end summer campaign visual, top-down flat lay composition on deep blue textured fabric, featuring four stylish one-piece swimsuits arranged around a large sliced watermelon. Swimsuits include olive green, yellow with blue trim, ivory with black polka dots, and soft lavender tones. In the center, a vibrant watermelon half with realistic juicy texture, with Korean typography created using watermelon seeds reading &amp;ldquo;Musinsa Summer Sale 2026.&amp;rdquo; The seed lettering is clean, balanced, and highly legible without damaging the watermelon rind or typography. Bright natural summer sunlight with crisp shadows, vivid color contrast, premium lifestyle editorial aesthetic, minimal yet playful styling, two white plastic spoons placed beside the watermelon, realistic fabric wrinkles, ultra-detailed commercial photography, fresh summer mood, fashion campaign style, highly realistic textures, balanced composition, 1:1 aspect ratio.&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;3. 이미지 만들기&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이미지 FX를 통해서 결과물을 도출한다.&lt;/p&gt;
&lt;p style=&quot;color: #222222; text-align: start;&quot; 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;1.JPG&quot; data-origin-width=&quot;1096&quot; data-origin-height=&quot;594&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b9Iqnr/dJMcabYHZFv/AMddGOKkKh7nGyJ39nYbWk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b9Iqnr/dJMcabYHZFv/AMddGOKkKh7nGyJ39nYbWk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b9Iqnr/dJMcabYHZFv/AMddGOKkKh7nGyJ39nYbWk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb9Iqnr%2FdJMcabYHZFv%2FAMddGOKkKh7nGyJ39nYbWk%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;627&quot; height=&quot;340&quot; data-filename=&quot;1.JPG&quot; data-origin-width=&quot;1096&quot; data-origin-height=&quot;594&quot;/&gt;&lt;/span&gt;&lt;/figure&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;
&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;다운로드.png&quot; data-origin-width=&quot;673&quot; data-origin-height=&quot;673&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bVjyhK/dJMcagFJmNc/gstscdF7yL3LfTSgvjbZtk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bVjyhK/dJMcagFJmNc/gstscdF7yL3LfTSgvjbZtk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bVjyhK/dJMcagFJmNc/gstscdF7yL3LfTSgvjbZtk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbVjyhK%2FdJMcagFJmNc%2FgstscdF7yL3LfTSgvjbZtk%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;629&quot; height=&quot;629&quot; data-filename=&quot;다운로드.png&quot; data-origin-width=&quot;673&quot; data-origin-height=&quot;673&quot;/&gt;&lt;/span&gt;&lt;/figure&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;4.이제 피그마를 사용하여 다양한 텍스트 정보들을 추가하여 배너를 완성한다.&amp;nbsp;&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-origin-width=&quot;1387&quot; data-origin-height=&quot;700&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/AsV43/dJMb99T5l3v/IdUwo7PHfwNXzhU9eZOXF1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/AsV43/dJMb99T5l3v/IdUwo7PHfwNXzhU9eZOXF1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/AsV43/dJMb99T5l3v/IdUwo7PHfwNXzhU9eZOXF1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAsV43%2FdJMb99T5l3v%2FIdUwo7PHfwNXzhU9eZOXF1%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;523&quot; height=&quot;264&quot; data-origin-width=&quot;1387&quot; data-origin-height=&quot;700&quot;/&gt;&lt;/span&gt;&lt;/figure&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;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;제목 없음 (1).png&quot; data-origin-width=&quot;1080&quot; data-origin-height=&quot;1080&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/CH9ZW/dJMcafteqdp/jyin7OBWHqScM0KH4sNkWk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/CH9ZW/dJMcafteqdp/jyin7OBWHqScM0KH4sNkWk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/CH9ZW/dJMcafteqdp/jyin7OBWHqScM0KH4sNkWk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCH9ZW%2FdJMcafteqdp%2Fjyin7OBWHqScM0KH4sNkWk%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;845&quot; height=&quot;845&quot; data-filename=&quot;제목 없음 (1).png&quot; data-origin-width=&quot;1080&quot; data-origin-height=&quot;1080&quot;/&gt;&lt;/span&gt;&lt;/figure&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: #222222; text-align: start;&quot;&gt;CTA는 하얗고 큰 글씨로 (이미지 속 타이포그라피보다는 작게) 표현하였고, 두번째로 강조하고 싶었던 세일 기간은 수박색과 같은 붉은 색으로 포인트를 더하였다.&amp;nbsp;&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;&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;아쉬웠던 점: AI 툴을 사용하여 이미지를 제작하는데, 늘 초반에 뽑은 이미지가 가장 의도에 어울린다는 생각을 했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이런저런 요청사항을 더할수록 이미지 속 소재들의 해상도가 떨어지는 느낌. 그렇다면 각자의 개별적인 요소들이 나의 의도에 정확하게 맞아 떨어지면서, 해상도를 훼손하지 않는 이미지 창작법은 무엇일까? 작업을 하면서 이러한 궁금증이 들었다.&lt;/p&gt;</description>
      <category>내일배움캠프_베이스캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/3</guid>
      <comments>https://myinfo48543.tistory.com/3#entry3comment</comments>
      <pubDate>Fri, 29 May 2026 15:57:11 +0900</pubDate>
    </item>
    <item>
      <title>베이스캠프_배너 디자인 기획하기/02</title>
      <link>https://myinfo48543.tistory.com/2</link>
      <description>&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;1. 배너 디자인에 대한 기본 지식 익히기&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 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;&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;폰트:디자인의 목소리&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;2.위의 디자인적 요소를 참고하여, 브랜드 '무신사'의 배너 디자인을 분석해보자.&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;-해당 브랜드의 레퍼런스 배너 이미지를 5장 이상 수집해보았다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;1014&quot; data-origin-height=&quot;100&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/21q6d/dJMcahq4EVE/EkXSbm1CSkGKViasyfKtR1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/21q6d/dJMcahq4EVE/EkXSbm1CSkGKViasyfKtR1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/21q6d/dJMcahq4EVE/EkXSbm1CSkGKViasyfKtR1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F21q6d%2FdJMcahq4EVE%2FEkXSbm1CSkGKViasyfKtR1%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;1014&quot; height=&quot;100&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;1014&quot; data-origin-height=&quot;100&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;평소 무신사를 이용하며 느낀 브랜드 이미지는&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;20대부터 30대 중반까지의 청년층을 타깃으로 한&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;퀄리티 좋은 제품을 선보이는 플랫폼이었다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;때문에 배너 자체에서 느껴지는 분위기는&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;역사성이 느껴지는 디자인보다는 재미있고 신선한, 영한 느낌의 디자인들이 많았다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;성별 관계없이 청년 층의 흥미를 끄는 공통 분모는&lt;span&gt;&amp;nbsp;&lt;/span&gt;새롭고 재미있는 것, 그리고 흥미로운 이미지인 것 같았다.&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;deb0d87c9b8933ec9cb0a129e8c782a9135412.jpg&quot; data-origin-width=&quot;800&quot; data-origin-height=&quot;980&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bify2i/dJMcaf01XCW/sQhp8jfQQQqiFVlUgxOXHk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bify2i/dJMcaf01XCW/sQhp8jfQQQqiFVlUgxOXHk/img.jpg&quot; data-alt=&quot;무신사의 2015 청바지 배너&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bify2i/dJMcaf01XCW/sQhp8jfQQQqiFVlUgxOXHk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbify2i%2FdJMcaf01XCW%2FsQhp8jfQQQqiFVlUgxOXHk%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;527&quot; height=&quot;646&quot; data-filename=&quot;deb0d87c9b8933ec9cb0a129e8c782a9135412.jpg&quot; data-origin-width=&quot;800&quot; data-origin-height=&quot;980&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;무신사의 2015 청바지 배너&lt;/figcaption&gt;
&lt;/figure&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 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;7.jpg&quot; data-origin-width=&quot;600&quot; data-origin-height=&quot;338&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/yX4SH/dJMcajvCqI6/xzhgjjUlceY2WTHMaIbKrK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/yX4SH/dJMcajvCqI6/xzhgjjUlceY2WTHMaIbKrK/img.jpg&quot; data-alt=&quot;무신사의 2024 세일 배너&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/yX4SH/dJMcajvCqI6/xzhgjjUlceY2WTHMaIbKrK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FyX4SH%2FdJMcajvCqI6%2FxzhgjjUlceY2WTHMaIbKrK%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;338&quot; data-filename=&quot;7.jpg&quot; data-origin-width=&quot;600&quot; data-origin-height=&quot;338&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;무신사의 2024 세일 배너&lt;/figcaption&gt;
&lt;/figure&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;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;8.jpg&quot; data-origin-width=&quot;1200&quot; data-origin-height=&quot;800&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/WLQFw/dJMcafUjUHc/15wyNkmiwwgORAbOaGQfp0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/WLQFw/dJMcafUjUHc/15wyNkmiwwgORAbOaGQfp0/img.jpg&quot; data-alt=&quot;2023 무신사 국가대표 단복 배너&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/WLQFw/dJMcafUjUHc/15wyNkmiwwgORAbOaGQfp0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FWLQFw%2FdJMcafUjUHc%2F15wyNkmiwwgORAbOaGQfp0%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;569&quot; height=&quot;379&quot; data-filename=&quot;8.jpg&quot; data-origin-width=&quot;1200&quot; data-origin-height=&quot;800&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;2023 무신사 국가대표 단복 배너&lt;/figcaption&gt;
&lt;/figure&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;9.jpg&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;1200&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/CFt6q/dJMcahkkhQW/eE4l4xamKMoaKwDdANkc5k/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/CFt6q/dJMcahkkhQW/eE4l4xamKMoaKwDdANkc5k/img.jpg&quot; data-alt=&quot;2025 무신사 추석 세일 배너&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/CFt6q/dJMcahkkhQW/eE4l4xamKMoaKwDdANkc5k/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCFt6q%2FdJMcahkkhQW%2FeE4l4xamKMoaKwDdANkc5k%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;459&quot; height=&quot;551&quot; data-filename=&quot;9.jpg&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;1200&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;2025 무신사 추석 세일 배너&lt;/figcaption&gt;
&lt;/figure&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;&amp;nbsp;&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;3.분석한 브랜드의 이미지를 바탕으로 하여 배너 기획안을 작성해본다.&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 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;배경: 무신사 2026 Summer Black Friday (무진장 여름 블랙프라이데이)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;목표: 여름 세일기간 배너 클릭&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;타깃: 휴가를 앞둔 2030청년층&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;메세지: COUPON, SALE, EXCLUSIVE&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;CTA: Summer Black Friday, EXCLUSIVE (단독판매 강조),쿠폰,세일&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>
      <category>내일배움캠프_베이스캠프</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/2</guid>
      <comments>https://myinfo48543.tistory.com/2#entry2comment</comments>
      <pubDate>Thu, 28 May 2026 15:54:52 +0900</pubDate>
    </item>
    <item>
      <title>베이스캠프_슬랙 프로필 제작/01</title>
      <link>https://myinfo48543.tistory.com/1</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;span style=&quot;background-color: #ffffff; color: #37352f; text-align: left;&quot;&gt;ImageFX 라는 툴을 사용하여, 부트캠프의 공유 커뮤니티인 슬랙의 프로필 이미지를 만들어보기로 했다.&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;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;text-align: center; caret-color: transparent; letter-spacing: 0px;&quot; src=&quot;https://blog.kakaocdn.net/dna/chujyq/dJMcaiwHitS/AAAAAAAAAAAAAAAAAAAAAP1Mcs-E7WJ76L-tiOpB4W4Ot8_QTBcXrqYIhwqxFc_r/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&amp;amp;expires=1780239599&amp;amp;allow_ip=&amp;amp;allow_referer=&amp;amp;signature=ZdE%2BhfYpdkT%2BVwdQMNIW5ylxaQg%3D&quot; data-origin-width=&quot;787&quot; data-origin-height=&quot;184&quot; data-is-animation=&quot;false&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 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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1131&quot; data-origin-height=&quot;660&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/mTEFo/dJMcacJ4hF6/SR3GtCDw7xPoiqoo4d9t41/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/mTEFo/dJMcacJ4hF6/SR3GtCDw7xPoiqoo4d9t41/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/mTEFo/dJMcacJ4hF6/SR3GtCDw7xPoiqoo4d9t41/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmTEFo%2FdJMcacJ4hF6%2FSR3GtCDw7xPoiqoo4d9t41%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;1131&quot; height=&quot;660&quot; data-origin-width=&quot;1131&quot; data-origin-height=&quot;660&quot;/&gt;&lt;/span&gt;&lt;/figure&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;
&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&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;다운로드.png&quot; data-origin-width=&quot;673&quot; data-origin-height=&quot;673&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bSUr2z/dJMcaf01efB/MalquIy8gnxpJiCguyk5xK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bSUr2z/dJMcaf01efB/MalquIy8gnxpJiCguyk5xK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bSUr2z/dJMcaf01efB/MalquIy8gnxpJiCguyk5xK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbSUr2z%2FdJMcaf01efB%2FMalquIy8gnxpJiCguyk5xK%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;673&quot; height=&quot;673&quot; data-filename=&quot;다운로드.png&quot; data-origin-width=&quot;673&quot; data-origin-height=&quot;673&quot;/&gt;&lt;/span&gt;&lt;/figure&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 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 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: #333333; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #ffffff; color: #37352f; text-align: left;&quot;&gt;ImageFX와 chat GPT를 사용하여 만들어보려고 한다.&lt;/span&gt;&lt;/p&gt;</description>
      <category>내일배움캠프_베이스캠프</category>
      <category>#내일배움캠프 #사전캠프 #til</category>
      <author>myinfo48543</author>
      <guid isPermaLink="true">https://myinfo48543.tistory.com/1</guid>
      <comments>https://myinfo48543.tistory.com/1#entry1comment</comments>
      <pubDate>Wed, 27 May 2026 16:36:55 +0900</pubDate>
    </item>
  </channel>
</rss>