글을 위한 서비스에서 가장 중요한 것은 무엇일까요? 당연한 얘기지만 '글을 위한 서비스'라면 글이 가장 중요합니다. '글을 디자인하는 것'은 어찌 보면 폰트와 타이포그래피의 세밀한 밀당이죠. 그리고 글 콘텐츠의 수요가 늘수록 디지털 타이포그래피 역시 점차 중요해질 거라 생각됩니다. 오늘은 글을 위한 서비스와 그들의 폰트 그리고 타이포그래피를 상세히 살펴보려 합니다. 잘 나가는 서비스를 통해 업계 트렌드를 살피고, 가능하면 우리 서비스를 위한 인사이트도 얻어가는 시간이 되면 좋겠습니다.

이미지와 영상 편집은 디자인 작업 시 꽤 많은 시간을 투자하게 되는 과정 중 하나입니다. 그중에서도, 배경을 제거하는 일은 포토샵 등 특정 프로그램의 사용 비중이 높은데요. 최근에는 영상이나 이미지 배경을 웹상에서 파일만 등록하면 쉽게 제거할 수 있게 되었습니다. 그래서 오늘은 이미지 배경, 특정 대상, 영상의 배경 등을 제거하는 서비스를 살펴보고자 합니다. 이들의 공통점은 파일만 등록하면 기존 대비 원하는 이미지나 영상 결과를 빠르게 받아볼 수 있다는 점입니다.

“디자이너에게 다시 맡기는 편이 낫지 않겠어요?” 이 말이 목 끝까지 차올랐다. 디자인을 전공하지 않더라도, 누가 봐도 촌스럽다고 느낄만한 상세페이지였다. 이걸 디자인이라고 할 수 있나? 몇 가지 조언하고 싶은 마음을 오지랖이라 생각하고 접어둔 채 시간이 흘렀다. 그분은 디자인을 그대로 업로드했다. 썸네일을, 상세페이지를 확인했다. 그리고 그분이 예전에 올렸던 다른 제품들도 찾아봤다. 머리를 꽝! 맞은 것 같은 충격을 받았다. 디자인을 할 줄 아는데 일부러 그런 거였구나.

지금까지 디자이너이자 셀러로써, 상세페이지 디자인을 수없이 해왔다. 대부분이 의뢰받은 내용이었고, 개 중에는 스스로 만든 상품도 있었다. 스마트 스토어, 쿠팡 등 오픈마켓부터 크라우드 펀딩, IR용까지 종류도 다양했다. 또한, 직접 상품을 고르고 상세페이지를 만들어 판매해보는 위탁판매도 진행했었다. 큰 액수는 아니지만 매달 매출이 3배씩 상승했다. 광고 비용은 거의 들지 않았다. 6개월 동안 총 10만 원 정도 썼던 것 같다.

피그마의 장점은 많지만 저는 크게 두 가지로 생각하고 있는데요. 하나는 프로그램을 설치하지 않아도 웹 브라우저만 있다면 언제, 어디서든 함께 작업을 할 수 있다는 점입니다. 그리고 플러그인도 빼놓을 수 없어요. 개인적으로 커뮤니티를 통해 제공되는 다채로운 플러그인으로 작업 시 많은 도움을 받고 있습니다. 오늘은, 제가 피그마를 활용하며 가장 큰 도움을 받고 있는 플러그인 3개를 살펴보려 합니다.

윔지컬은 플로우차트, 마인드 맵, 와이어프레임 같은 아이디어 디자인용 도구와 노션을 합쳐놓은 듯한 툴이다. 윔지컬(Whimsical)이라는 단어는 '기발한' '신박한' 정도로 번역할 수 있는데, 실제로 써보면 그 이름에 걸맞은 사용자 경험을 제공한다. 과연 윔지컬은 그림 커뮤니케이션계의 노션(Notion)이 될 수 있을까? 일단 어떤 툴인지부터 살펴보자.

사람은 사물을 보고 판단하는데 시각 정보를 많이 사용합니다. 하지만 이미 그 대상을 알고 있거나, 익숙한 상황이라면 일부의 정보만 보고도 그 원형(Original)을 떠올릴 수 있습니다. 이것은 사람의 뇌가 가지는 특성 중 하나죠. 또한, 복잡한 정보를 계속해서 보고 있는 걸 매우 싫어합니다. 예를 들어 사람들은 100개의 물건 중 하나를 고르는 것보다 3개의 물건 중에 하나를 선택하는 걸 더 좋아합니다. 이처럼 사용자들이 물건을 편하게 선택하게 만들려면 이들이 고민하지 않도록 만드는 게 중요했습니다.

만약 택시 앱이나 배달 앱 같은 모빌리티(mobility) 기반 서비스들이 없었으면 지금 우리의 삶은 어땠을까요? 정말 많은 부분이 불편했을 겁니다. 스마트폰을 사용하기 시작하면서 모빌리티 서비스는 우리 일상에 천천히 스며들었습니다. 그러면서 카카오 택시, 배민 등의 모빌리티 기반 서비스는 눈부신 성장을 이루어냈지요. 이들 중에 폰트를 직접 만들어서 쓸 만큼 브랜딩과 서비스에 진심인 회사들이 있습니다. 오늘은 그들의 폰트를 브랜드, 프로덕트와 연결해 매력을 파헤쳐 보는 시간을 갖도록 하겠습니다.

한 페이지 내에서 여기저기 관심을 끌기 위해 마구 튀어나오는 수많은 배너들을 상상하기란 어렵지 않은 일인데요. 가끔은 마우스 클릭에 목을 매는 배너가 너무 많아서, 사용자들이 실생활에서 이 배너가 필요한 것인지 아닌지 판단하기도 어렵고, 오히려 혼란만 가중시킬 뿐입니다. 오늘은 배너의 존재를 낱낱이 쪼개고, 배너의 유형과 배치에 있어 방법론적으로 효과적인 접근법을 찾아봅시다. 사용자와 제공자에게 어떤 가치를 제공할 수 있을 것입니다.

우리가 디자인 작업을 하며 자주 접하게 되는 '목업(Mockup)'은 '실물 모형'을 의미합니다. 실제 작동은 어렵더라도 어떤 모습을 갖고 있는지 실제 사이즈에 맞춰 제작, 사용자 피드백 등을 위해 사용되는데요. 모바일 앱을 기획, 디자인하는 과정에서도 디바이스 목업은 여러 용도로 활용될 수 있습니다. 오늘은 특정 프로그램을 사용하지 않고, 웹상에서 이미지 첨부를 기준으로 디바이스 별 목업을 빠르게 제작할 수 있는 서비스를 정리하고자 합니다.