ChatGPT UI를 나만의 스타일로 바꾸는 방법

글자 크기

저는 2023년 3월부터 지금까지 ChatGPT Plus 버전을 사용하고 있을 정도로 ChatGPT에 대한 애정이 큽니다. 하지만 작은 불만이 하나 있었는데, 바로 ChatGPT 사용자 인터페이스(UI)가 단조롭다는 것입니다. 이 글에서는 ChatGPT UI를 나만의 스타일로 바꾸는 방법에 대해 알아보겠습니다. 




ChatGPT UI를 나만의 스타일로 바꾸는 방법

ChatGPT를 생각하면, 왼쪽에는 검은색 사이드바와 오른쪽에는 옅은 회색 바탕의 대화창이 떠오를 정도로, ChatGPT가 세상에 나온 이후 지금까지 UI의 변화가 없었습니다. 그래서 이번에 확장 프로그램을 활용하여 ChatGPT UI를 남들과 다른 나만의 스타일로 바꿔보도록 하겠습니다.


1. ChatGPT를 나만의 스타일로 바꾸는 StylerGPT for ChatGPT with better UI 설치하기

StylerGPT for ChatGPT with better UI 를 설치하기 위해 먼저 아래 링크를 클릭하여 chrome 웹 스토어로 들어간 후, StylerGPT 로 검색합니다.

Chrome 웹 스토어 들어가기

Style 확장 프로그램을 설치하기 위해 home 웹 스토어로 들어갑니다


검색결과에서 SytlerGPT를 클릭하면 나오는 화면에서 오른쪽 상단에 있는 ‘Chrome에 추가’ 버튼을 클릭하여 크롬에 확장 프로그램을 설치합니다.

 

검색결과에서 StylerGPT 를 클릭합니다


설치가 완료되면 아래와 같은 화면이 나타납니다.

 

StylerGPT 설치를 완료합니다




2.  StylerGPT를 활용해 나만의 ChatGPT 만들기

StylerGPT 설치가 완료되었다는 메세지 박스에서 ‘Close’ 버튼을 클릭하면, 아래와 같이 기존 ChatGPT의 사용자 인터페이스(UI) 색상이 바뀐 것을 볼 수 있습니다. 

StyleGPT에서 변경할 수 있는 것은 아래와 같습니다.

  • UI의 색상 바꾸기
  • UI에 내 이미지 넣기
  • UI에서 사용하는 폰트 및 채팅 창의 넓이 조정하기

StylerGPT 설치가 완료되면 ChatGPT UI의 색상이 변경됩니다


이제부터 ChatGPT를 나만의 스타일로 만들기 위해 설정을 바꿔 보도록 하겠습니다. 아래 화면의 오른쪽 상단에 있는 아래 화살표를 클릭합니다. 

ChatGPT의 UI 변경을 위해 아래 방향 화살표 아이콘을 클릭합니다



1) StylerGPT를 활용해 UI 바탕색 변경하기

위에서 아래 화살표를 클릭한 후, 첫번째 아이콘을 클릭합니다. 

ChatGPT 색상 변경을 위해 첫번째 아이콘을 클릭합니다


원하는 색상을 선택한 후 ‘Save’ 버튼을 클릭합니다. 저는 ‘Mint Mirage’를 선택한 후, ‘Save’ 버튼을 클릭하여 적용하였습니다.

원하는 색상은 선택한 후 Save 를 클릭합니다



2) StylerGPT를 활용해 UI 배경에 이미지 넣기

지금까지 UI의 배경 색상을 변경하는 방법을 설명하였고, 이번에는 배경에 이미지를 삽입하는 방법을 알아보겠습니다.  아래 화면과 같이 2번째 아이콘을 클릭합니다.

ChatGPT 배경 이미지를 삽입하기 위해 두번째 아이콘을 클릭합니다


대화창 배경에 이미지를 삽입하기 위해서 아래와 같이 ‘Image’ 를 ‘ON’으로 설정하고, 좌우 화살표 키를 클릭하여 원하는 이미지를 선택한 후, ‘Save’ 버튼을 클릭하면 반영됩니다.

원하는 이미지를 선택하고, Image 를 ON으로 설정합니다


아래 화면은 위에서 설정한 배경 이미지가 반영된 결과입니다. 

ChatGPT 대화창에 배경 이미지를 반영한 결과입니다



3) StylerGPT를 활용해 UI 폰트 및 사이즈 변경하기

ChatGPT의 배경색상과 이미지를 원하는 데로 변경하였다면, 이번에는 폰트사이즈 및 화면폭을 변경해 보도록 하겠습니다.  아래와 같이 ‘Aa’ 를 클릭합니다.

ChatGPT 대화창의 폰트 사이즈와 대화창의 폭을 설정하기 위해 3번째 아이콘을 클릭합니다


ChatGPT의 UI 폰트와 사이즈 변경을 하려면 아래 화면에서 원하는 폰트 사이즈와 화면폭을 선택하면 됩니다.  폰트 사이즈와 chat width의 선택 옵션은 아래와 같습니다. 

폰트 사이즈

  • small 12px
  • Medium 16px
  • Large 20px
  • X Large 24px
  • XX Large 28 px

대화창의 폭(Chat Width )

  • Small
  • Medium
  • Large

원하는 폰트와 사이즈, 대화창의 폭을 선택하고 Save를 클릭하여 저장합니다


아래 화면은 위에서 설명한 세 가지 옵션을 제가 선호하는 색상과 폰트 크기, 그리고 배경 이미지로 변경한 후의 ChatGPT UI입니다. 어떠신가요? 여러분도 적용해 보고 싶지 않으신가요?

ChatGPT UI를 원하는 데로 설정한 결과 이미지입니다



오늘은 ChatGPT UI를 남들과 다르게 나만의 스타일로 바꾸는 방법에 대해 알아보았습니다. ChatGPT를 활용하는 데 있어 UI가 크게 영향을 주지는 않는다고 생각합니다. 하지만, ‘보기 좋은 떡이 먹기도 좋다’는 속담도 있듯이 시각적인 부분에서도 사용자가 만족한다면 ChatGPT를 사용하고 싶은 마음이 더 많이 생길 것 같습니다. 이 글이 많은 분들에게 도움이 되었으면 합니다.