모달(modal) UI는 무엇일까? 모달은 사용자의 이목을 끌기 위해 사용하는 화면전환 기법을 의미한다. 팝업, 바텀 시트, 스낵바 등 여러 가지가 존재해, 어떤 UI를 사용하면 좋을지 헷갈릴 때가 많다. 이번 글에서는 기업의 디자인 시스템 문서를 살펴보며, 각각의 컴포넌트를 사용하기에 적합한 상황과 사용 시 주의해야 할 점에 대해 알아보자.

원하는 폰트를 하나 골랐는데, 함께 사용할 만한 폰트를 찾기 어려워 오랜 시간을 고민한 경우가 있습니다. 폰트가 워낙 많기도 하고, 2개 이상의 폰트를 어떻게 조합해 활용하냐에 따라 문서는 물론 웹페이지 등의 성격이 많이 바뀌기 때문입니다. 특히 영문 폰트는 한글 폰트 대비 웹상에서 무료로 활용할 수 있는 후보가 많아, 적절한 조합을 찾기가 더 어렵게 느껴집니다. 오늘은 이런 상황에서 폰트를 찾는 시간은 절약하고, 원하는 2개 폰트를 웹상에서 바로 적용해 여러 스타일에 따라 확인할 수 있는 서비스를 소개합니다.

작년 마이크로소프트는 회사가 마주한 과제를 해결하기 위해 여러 팀을 한데 모았습니다. 우리가 모인 이유는 전사가 공유하는 비전을 명확히 하고 디자인 시스템, 디자인 리뷰, 디자인 스코어카드에 이르기까지 디자인 전반에 적용되는 디자인 원칙을 한 단계 발전시키기 위한 것이었습니다. 또한 사용자에게 보다 일관된 훌륭한 경험을 제공하고, 우리를 둘러싼 환경의 변화에 발맞추기 위해 현재의 전사 공유 비전을 다시 검토하는 자리였습니다. "우리가 디자인 가치를 잃는다는 것은 마치 종교를 잃는 것과 같습니다."

2022년에는 어떤 디자인이 유망할지 알아볼 시간입니다. 새로운 기술과 트렌드가 익숙한 표준이 되기 전에 미리 유망한 디자인을 예측해서 한 발 앞서 나가는 디자이너가 되어봅시다. 자, 그럼 어떤 트렌드가 유행할지 한번 같이 살펴볼까요?

오늘 이야기할 주제는 성공적인 이력서, 포트폴리오를 구성하는 방법이다. 디자이너가 인하우스, 디자인 에이전시에 들어가기 위해선 저마다 그동안 만들어온 작업물을 다듬고 이력서를 작성해야 한다. 완벽한 정답은 없겠지만 정답에 가까운 이력서와 포트폴리오를 만들기 위해 어떻게 접근해야 하는지 알아보도록 하자.

이제 구글 폰트에서 가변 폰트를 사용할 수 있게 되었습니다. 그런 의미에서 오늘 우리는 가변 폰트가 무엇인지, 그리고 디지털 디자인 영역에서 개발자에게 효율을 더해주는 폰트 압축과 디자이너의 풍부한 표현력, 독자들을 사로잡는 섬세한 텍스트 디자인을 위해 가변 폰트를 유용하게 활용하는 방법도 함께 살펴보려 합니다.

저는 개인적으로 ‘패턴’을 좋아합니다. 이미지나 일러스트로 채울 수 없는 단조롭게 느껴지는 화면을 조금 더 특별하게 만들어 줄 수 있으며, 슬라이드 등 문서 작업 시 내용에 따라 각기 다른 매력적인 장표를 만들 수 있기 때문입니다. 다만, 상황에 따라 필요한 패턴을 직접 만드는 건 또 다른 작업으로 느껴지기에 보통 '패턴 제작' 또는 '제공' 서비스를 활용하고 있습니다. 오늘은 디자인 패턴을 웹상에서 간단하게 만들고, 내려받아 다양한 목적에 따라 사용할 수 있는 서비스 3개를 소개하고자 합니다.

오늘의 서비스는 바로 세계 1위의 명상 앱 캄(Calm)입니다. ‘세상을 더 행복하고 건강하게 만들자’라는 미션으로 시작한 이 앱은 5년 만에 경쟁 업체를 제치고, 건강 앱 부문의 1위를 차지하는 놀라운 성과를 거뒀습니다. 우리나라에서도 많은 유저를 확보해가며 점점 성장해가고 있습니다. 오늘은 폰트 이야기의 마지막 편으로 명상 앱 ‘캄(Calm)’의 폰트와 프로덕트 디자인에 대해 살펴보겠습니다.

문서나 화면을 설계할 때, 아이콘만큼 자주 활용하는 것도 없습니다. 특정 사용자를 대상으로 하는 화면에서는 텍스트로 모두 전하지 못하는 메시지를 아이콘과 함께 전달할 수 있으며, 문서 작업 과정에서는 텍스트 사용을 줄이고 요약 또는 강조를 하는데 활용할 수 있기 때문입니다. 활용도에 비해 하나씩 원하는 아이콘을 제작하기란 그리 쉬운 일이 아니며, 일관성 있는 모습을 유지하기도 어렵습니다. 그래서 오늘은 무료로 특정 주제에 따라 다채로운 아이콘을 제공해주는 서비스 3개를 소개하고자 합니다.

오늘 소개할 서비스는 사진, 일러스트, 아이콘 등을 입맛대로 조합해 그래픽 콘텐츠를 쉽게 제작할 수 있는 'Mega Creator'입니다. 유사한 서비스 중 대표 격은 국내에도 사용자를 꽤 많이 확보하고 있는 호주 스타트업 'Canva'가 있습니다. 이들의 가장 큰 공통점은, 디자인 툴을 잘 쓰지 못하더라도 그럴듯한 디지털 콘텐츠를 웹상에서 제작할 수 있도록 도와준다는 점입니다. 툴을 학습하는데 필요한 시간을 줄여주고, 콘텐츠 제작에 필요한 다양한 리소스를 제공해주고, 소셜 미디어 등 여러 환경에 최적화된 템플릿을 제공해주기 때문에 더 많은 도움을 받을 수 있습니다.