WORK ABOUT LAB CONTACT
contact@yellow-finger.com
02.2205.4128
Typography Trends in Web Design 2023
2023년 웹디자인 타이포그래피 동향
Typography Trends in Web Design 2023
The importance of typography in web design keeps waxing and waning every few years. One year, ‘experts’ will claim that this web design…
웹 디자인에서 타이포그래피의 중요성은 몇 년마다 계속해서 밀랍처럼 변해가고 있습니다. 어느 해 '전문가'들은 이 웹 디자인이…라고 주장할 것입니다…
요약 :)
웹 디자인에서 타이포그래피의 중요성은 몇 년마다 계속해서 증가하고 감소하고 있습니다. 1년이 지나면 '전문가'는 이 웹 디자인 요소가 더 이상 예전만큼 중요하지 않다고 주장할 것입니다. 내년에는 같은 '전문가'가 정반대의 말을 할 것이다.

올해는 후자가 사실임이 입증되었습니다. 2023년, 웹 타이포그래피 세계는 폭발적인 창의성을 누렸습니다. 더욱 풍부한 서체, 3D 스타일, 굵은 글꼴 및 기타 다양하고 흥미로운 타이포그래피 트렌드가 웹 디자인의 세계를 장악했습니다.

이러한 추세로 인해 한 가지 사실이 매우 분명해졌습니다. 웹 디자인 세계에서 타이포그래피는 단순히 예쁜 글꼴을 선택하는 것이 아닙니다. 텍스트를 통해 전달하는 정보를 더욱 효과적으로 만드는 것입니다. 이 주장을 뒷받침하는 많은 연구가 있습니다.
더보기→

출처.
Design Studio. (2023.09.16). Medium. Typography Trends in Web Design 2023. 2023.09.19. https://uxplanet.org/typography-trends-in-web-design-2023-98516f82f5d6
웹 디자인에서 타이포그래피의 중요성은 몇 년마다 계속해서 증가하고 감소하고 있습니다. 1년이 지나면 '전문가'는 이 웹 디자인 요소가 더 이상 예전만큼 중요하지 않다고 주장할 것입니다. 내년에는 같은 '전문가'가 정반대의 말을 할 것이다. 올해는 후자가 사실임이 입증되었습니다. 2023년, 웹 타이포그래피 세계는 폭발적인 창의성을 누렸습니다. 더욱 풍부한 서체, 3D 스타일, 굵은 글꼴 및 기타 다양하고 흥미로운 타이포그래피 트렌드가 웹 디자인의 세계를 장악했습니다. 이러한 추세로 인해 한 가지 사실이 매우 분명해졌습니다. 웹 디자인 세계에서 타이포그래피는 단순히 예쁜 글꼴을 선택하는 것이 아닙니다. 텍스트를 통해 전달하는 정보를 더욱 효과적으로 만드는 것입니다. 이 주장을 뒷받침하는 많은 연구가 있습니다. 2020년 국제 디자인 저널(International Design Journal)에 발표된 연구에 따르면 타이포그래피는 사람들이 웹사이트에서 찾은 정보를 인식하는 방식에 중요한 역할을 한다는 사실이 입증 되었습니다 . 연구에서 연구자들은 웹사이트에서 정보를 읽을 때 독자의 마음에 다양한 글꼴이 다양한 인지 과정을 촉발한다는 사실을 입증했습니다. 즉, 인간의 두뇌가 정보를 학습하고 유지하는 방식은 타이포그래피의 직접적인 영향을 받습니다. 이제는 놀랄 일이 아니라고 말할 수도 있습니다. 결국, 웹 사이트의 텍스트에 의도적으로 읽기 어려운 글꼴을 선택하면 독자는 그 글꼴이 매력적이라고 ​​생각하지 않을 것입니다. 그렇죠? 잘못된. 타이포그래피의 중요성 일부 연구 에 따르면 Monotype Corsiva 또는 Bodoni와 같은 읽기 어려운 글꼴은 Arial, Verdana 또는 Times New Roman과 같은 '읽기 쉬운' 글꼴보다 더 영향력이 있습니다. 이 세부 사항은 직관에 어긋나는 것처럼 보일 수 있습니다. 하지만 이는 사실입니다. 난독증이 있는 학생에게도 마찬가지입니다. 2013년 Journal of Education Research에 발표된 연구 에 따르면 난독증이 있는 학생들에게 읽기 어려운 글꼴로 된 텍스트를 읽게 했을 때 더 많은 정보를 보유하고 있음이 입증되었습니다. 왜? 연구원들에 따르면, 읽기 어려운 글꼴을 해독하려면 더 많은 정신적 처리 능력이 필요합니다. 읽기 어려운 글꼴은 독자가 더 많은 정보를 유지하는 능력을 향상시킵니다. 이와 같은 사실은 웹 디자인에서 타이포그래피의 중요성을 다시 한번 강조합니다. 인터넷 사용자가 정보를 탐색하고, 배우고, 유지하는 방식에 대한 타이포그래피의 영향은 눈에 띄기 어려울 수 있습니다. 그러나 그것은 거기에 있으며 웹 디자이너는 그것을 알고 있어야 합니다. 또한 웹 디자인에서 타이포그래피를 잘 사용하면 다음과 같은 이점이 있습니다. 접근성 향상 : 타이포그래피를 올바르게 사용하면 웹 디자인이 훨씬 더 많은 청중에게 매력적으로 보일 수 있습니다. 예를 들어, 기사의 특정 부분을 기울임꼴로 표시하거나 강조 표시하면 인지 장애가 있는 사용자가 텍스트를 더 쉽게 처리할 수 있습니다. 독자의 관심을 직접적으로 유도 : 타이포그래피는 웹사이트 사용자의 관심을 끌거나 유도하는 쉬운 방법이기도 합니다. 웹 디자이너는 타이포그래피를 사용하여 특정 정보 덩어리를 다른 시각적 구성 요소보다 돋보이게 만들 수 있습니다. 예를 들어 웹페이지의 눈에 띄는 위치(중앙 또는 상단)에 정보를 배치하면 독자의 시선을 더 사로잡을 수 있습니다. 시각적 계층 구조 설정 : 타이포그래피는 사이트 정보의 명확한 시각적 계층 구조를 설정하려는 웹 디자이너에게 필수적인 도구이기도 합니다. 그들은 타이포그래피를 사용하여 독자의 시선을 사이트의 가장 중요한 텍스트 요소(제목이든 부제목이든)로 유도할 수 있습니다. 브랜딩 노력 강화 : 타이포그래피는 웹사이트 뒤에 있는 브랜드의 분위기를 설정하는 데에도 사용할 수 있습니다. 브랜드가 모든 디지털 마케팅 채널에서 동일한 인쇄 요소(글꼴, 색상 등)를 사용하면 소비자는 이를 알아차립니다. 얼마 후 그들은 브랜드를 이러한 인쇄상의 요소와 연관시키기 시작합니다. 예를 들어, "Avant Garde Gothic Demi"라는 글꼴을 검색하면 즉시 하나의 브랜드와 하나의 브랜드만 떠오를 것입니다: Adidas. 대중이나 인터넷에서 브랜드 인지도를 높이기 위해 많은 요소가 함께 작용하며 타이포그래피는 확실히 그 중 하나입니다. 웹 사이트의 전체 디자인이 타겟 사용자에게 긍정적인 브랜드 스토리를 전달하려는 경우 타이포그래피를 효율적으로 사용하면 이 서술을 더욱 설득력 있게 만들 수 있습니다. 반대로, 타이포그래피를 비효율적으로 사용하면 사이트 성능에 여러 가지 부정적인 영향을 미칠 수 있습니다. 따라서 올해 처음부터 새로운 웹사이트를 디자인하거나 오래된 웹사이트를 쇄신하고 있다면 웹 디자인에서 타이포그래피의 미묘하면서도 중요한 중요성을 무시하지 마십시오. 세계에서 가장 인기 있는 타이포그래피 트렌드에 대한 명확한 아이디어를 가지고 있으면 이 작업이 더 쉬워질 것입니다. 그럼 2023년 가장 주목할만한 타이포그래피 트렌드를 살펴보겠습니다! 2023년 타이포그래피의 인기 트렌드 1.대담하게 가거나 집으로 가십시오 대담한 타이포그래피 디자인 우리의 관심을 끌기 위해 경쟁하는 것의 수는 매년 계속 늘어나고 있습니다. 모든 소셜 미디어 알림, Amazon의 이메일, Netflix의 구독 제안 속에서 인터넷 사용자가 웹사이트에 주의를 기울이는 것은 극도로 어려울 수 있습니다. 그렇기 때문에 대담하고 뻔뻔스러운 타이포그래피가 증가하고 있습니다. 사용자가 웹사이트에 접속하자마자 강렬한 인상을 남기는 것은 올해 많은 브랜드와 광고주, 웹디자이너들이 벌이고 있는 게임의 이름이다. 굵은 글꼴('큰' 글꼴이라고도 함)은 사용자에게 "얼굴에 있는" 효과를 줍니다. 이는 브랜드 메시지를 과도하게 증폭시키고, 즉각적인 인상을 남기며, 웹 사이트 디자인에 독특한 개성을 부여하는 데 도움이 됩니다. 따라서 웹 디자인 목표가 성명을 발표하는 것이라면 더 굵은 글꼴로 전환하면 다음 세 가지 면에서 도움이 될 것입니다. 굵은 글꼴은 브랜드와 웹사이트의 개성을 보여줍니다. 독자는 브랜드 이름을 즉시 기억할 것입니다. 핵심 브랜드 메시지는 웹사이트 중앙에 배치됩니다. Roquen, JUST Sans, Visby, Broken, Choco Bold 및 Sirens는 오늘날 웹 디자인에서 사용되는 가장 인기 있는 굵은 서체 중 일부입니다. 크고 대담하며 드라마틱한 타이포그래피가 웹 디자인에 적합하다고 생각한다면 해당 서체 사용을 고려해 보세요. 2. 잔인함 Brutalist 글꼴이 타이포가피에 사용되고 있습니다. 우리는 모든 낡은 질서가 눈앞에서 무너지고 있는 세상에 살고 있습니다. 각계각층의 사람들이 한계를 뛰어넘고 고정관념을 깨뜨리면서 새로운 가능성이 나타나고 있습니다. 우리는 원격 근무자이자 시간제 근무자이며 기술 중심 세계의 선구자입니다. 간단히 말해서, 우리는 조상과 같지 않으며, 관습의 규칙을 굽히는 것은 우리에게 자연스러운 일입니다. 따라서 '잔인함'이 이 세대의 가장 인기 있는 타이포그래피 트렌드 중 하나라는 것은 놀라운 일이 아닙니다. 브루탈리즘(Brutalism)은 선명한 대비와 함께 대담하고 기하학적인 글꼴을 사용하는 전형적인 타이포그래피 스타일입니다. 잔혹함을 웹 디자인에 올바르게 사용하면 강인함과 긴박감을 전달합니다. Brutalist 글꼴은 표준 굵은 서체보다 '얼굴'에 더 가깝습니다. 이는 독자의 경험에 시각적 긴장감을 더해줍니다. 잔혹주의의 이러한 측면은 물론 주관적입니다. 잔혹한 서체로 표시된 텍스트를 읽은 후 모든 독자가 '흥분'을 느끼는 것은 아닙니다. 마찬가지로 모든 산업이나 브랜드가 이 타이포그래피 스타일에 적합한 것은 아닙니다. 그러나 이러한 잔인한 렌즈를 통해 웹사이트 콘텐츠를 제공하는 브랜드는 2023년에 이 타이포그래피 스타일의 사용을 늘리고 있습니다. 그들에 따르면 이 타이포그래피 스타일은 웹사이트 방문자에게 사랑받고 있습니다. 이는 단기적인 관심을 끌고 장기적인 기억을 촉진합니다. 다음은 웹 디자인에 잔인한 타이포그래피를 사용하는 인기 브랜드의 몇 가지 예입니다. 브랜드: 데이터랜드 | Brutalist 글꼴: Surt Light Datalands는 웹 디자인에 잔인한 글꼴을 사용합니다. Matthieu Salvaggio가 디자인한 Surt는 북유럽 신화와 스칸디나비아 건축에서 영감을 받은 서체입니다. 브랜드: 메러디스 해탐 | Brutalist 글꼴: Radiant Cond ICG Meredith Hattam은 자신의 포트폴리오에 잔인한 타이포그래피를 사용합니다. 트루타입 글꼴인 Radiant Cond ICG는 현대적인 브루탈리즘 디자인에 자주 사용됩니다. 브랜드: 허쉬 강아지 | Brutalist 글꼴: Eksell Display 선도적인 신발 브랜드인 Hush Puppies는 웹사이트에 브루탈리즘을 테마로 한 타이포그래피를 채택했습니다. Eksell Display는 2015년에 주류를 이룬 세리프 서체입니다. 이후 날카로운 삼각형 세리프가 있는 이 잔혹한 서체는 세계적으로 유명한 신발 브랜드 Hush Puppies의 웹사이트를 비롯한 많은 인기 웹사이트에서 채택되었습니다. 웹 디자인 타이포그래피의 잔혹한 경향의 가장 큰 장점은 세상을 인터넷의 초기 시대로 되돌린다는 것입니다. 웹 디자이너들이 사이트에 잔혹한 타이포그래피를 통합하는 것 외에는 다른 선택의 여지가 없었을 때. 그 이유는 잔혹한 타이포그래피가 사용자의 관심을 끌었고 월드 와이드 웹을 가득 채운 모든 '보통' 서체 중에서 눈에 띄었기 때문입니다. 오늘날 초디지털화 시대에 잔인한 타이포그래피는 비슷한 효과를 냅니다. 3. 강조된 텍스트 타이포그래피 디자인에서 강조 표시된 텍스트입니다. 10여년 전, 구글은 많은 웹 디자이너들이 궁금해했던 "인터넷 사용자가 웹사이트에 대한 의견을 형성하는 데 얼마나 오랜 시간이 걸리는가?"라는 질문에 대해 확실한 답을 제시했습니다 . 대답은 50밀리초 미만입니다. 귀하의 웹사이트는 일반 인터넷 사용자에게 인상을 남기는 데 1초도 채 걸리지 않습니다. 이 사실로부터 우리는 대부분의 인터넷 사용자가 웹사이트를 깊이 탐색하는 대신 웹사이트를 '훑어보고' 있다고 가정할 수 있습니다. 강조된 텍스트를 활용하는 타이포그래피 트렌드가 인기를 끌고 있는 이유도 바로 여기에 있습니다. 똑똑한 웹 디자이너는 타겟 고객이 정말로 읽기를 원하는 텍스트 섹션을 강조합니다. 웹 디자이너가 이 타이포그래피 기술을 적용하는 세 가지 방법은 다음과 같습니다. 그들은 다양한 글꼴과 글꼴 크기를 사용하여 웹 사이트에 시각적 계층 구조를 만듭니다. 더 큰 글꼴 크기로 표시되는 정보는 사용자가 더 쉽게 검색할 수 있습니다. 색상은 또 다른 강력한 강조 도구입니다. 디자이너는 웹사이트의 특정 영역을 돋보이게 하기 위해 밝은 색상을 사용합니다. 예를 들어 클릭 유도 문구 메시지는 굵은 글꼴과 색상이 있는 글꼴로 표시되는 경우가 많습니다. 이미지와 비디오는 텍스트를 분리하고 웹사이트에서 중요한 정보를 강조하는 데에도 사용할 수 있습니다. 4. 3D 타이포그래피 3D 타이포그래피. 3D 타이포그래피는 3차원 효과를 사용하는 타이포그래피 스타일입니다. 이러한 효과는 깊이감, 볼륨감, 그리고 가장 중요하게는 시각적 매력을 만들어냅니다. 마지막이 가장 중요합니다. 웹 디자이너는 자신의 창작물을 시각적으로 더욱 매력적으로 만드는 디자인 스타일을 끊임없이 찾고 있습니다. 3D 타이포그래피는 이 부서에서 엄청난 도움이 될 잠재력을 가지고 있습니다. 그러나 3D 타이포그래피의 장점은 시각적 매력만이 전부는 아닙니다. AR, VR, 사실적인 웹 그래픽과 같은 몰입감 있고 체험적인 기술의 세계에서 기본적인 디자인을 갖춘 웹사이트는 눈에 띄지 않습니다. 웹사이트 디자인에 3D 타이포그래피를 통합하는 것은 귀하의 브랜드가 나머지 브랜드와 마찬가지로 미래 지향적이라는 점을 대상 사용자에게 알리는 가장 쉬운 방법 중 하나입니다. 3D 타이포그래피는 시각적 매력과 장기적인 잠재력 측면에서 이 목록에서 가장 흥미로운 타이포그래피 트렌드일 수 있습니다. 웹 디자인계의 일반적인 합의는 3D 타이포그래피의 트렌드가 2023년에야 시작된다는 것입니다. AR, VR 및 기타 시각적으로 혁신적인 기술이 주류로 자리잡으면서 3D 서체로 표현된 콘텐츠가 더욱 보편화될 것입니다. 5. 애니메이션 타이포그래피 애니메이션 타이포그래피는 독자의 전적인 관심을 요구합니다. 3D 타이포그래피와 마찬가지로 애니메이션 타이포그래피는 2020년대 가장 큰 타이포그래피 트렌드 중 하나가 될 가능성이 있습니다. 이러한 추세에 투자하는 웹 디자이너는 대화형의 몰입형 사용자 경험을 제공하기를 원합니다. 그들은 성공하고 있나요? 몇 가지 예를 살펴보겠습니다. Webflow는 일부 템플릿에서 애니메이션 텍스트를 사용합니다. 이러한 움직임은 사용자가 사이트를 계속 탐색하도록 장려합니다. Google의 기념일 로고는 애니메이션 타이포그래피를 사용하여 관심을 끄는 콘텐츠를 공유하는 방법을 보여주는 훌륭한 예이기도 합니다. 프랑스 패션 사이트 Crépin Petit는 홈페이지에 애니메이션 타이포그래피를 사용하여 브랜드의 역사적 업적을 강조합니다. 애니메이션 타이포그래피를 웹 디자인에 통합하는 것은 쉽지 않습니다. 그러나 올바르게 수행하면 웹 사이트 콘텐츠를 역동적이고 흥미롭고 독특하게 보이게 만드는 가장 효과적인 도구입니다. 6. 고정 폭 글꼴 타이포그래피의 고정 폭 텍스트. 코딩이나 프로그래밍 하면 가장 먼저 떠오르는 글꼴은 무엇인가요? 아마도 고정 폭 글꼴의 일부 버전일 것입니다. 이러한 글꼴은 기술에 정통한 사람들에게 인기가 높기 때문에 항상 기술 웹사이트에서 사용되어 왔습니다. 그러나 최근 몇 년 동안 기술과 관련이 없는 웹 사이트에 고정 폭 글꼴이 나타나기 시작했습니다. 왜? 연구자들 에 따르면 , 고정폭 글꼴로 표시된 텍스트는 난독증이 있는 사람이라도 읽고 훑어보기가 더 쉽습니다. 7. 컬러 글꼴 타이포그래피의 컬러 글꼴. 웹 디자인에서 흰색 배경에 검은색 텍스트를 사용하는 시대는 끝났습니다. 현대 웹 디자이너는 '다크 모드'를 위해 디자인합니다. 이 모드를 디자인할 때 웹 사이트 콘텐츠를 돋보이게 하기 위해 컬러 글꼴을 사용할 가능성이 높습니다. 최종 테이크 이러한 타이포그래피 트렌드는 지난 몇 년 동안 많은 브랜드에서 채택되었습니다. 이러한 디자인 트렌드를 웹 디자인 계획에 통합하는 데 어려움을 겪고 있다면 Design Studio의 웹 및 UX/UI 디자인 전문가가 도움을 드릴 것입니다. 우리는 이러한 흥미로운 타이포그래피 트렌드를 활용하여 귀하의 웹사이트를 다른 사람들보다 돋보이게 만들 수 있습니다!