아르티장
안녕하세요.
노션을 쓰고 있는 회사나 팀들 정말 많을텐데요.
팀규모가 조금만 커져도 어떤 페이지들이 만들어지고 업데이트되는지 파악하기 어려워지더라구요.
일하기도 바쁜데 팀원이 슬랙으로 공유해주는 링크는 가끔은 읽지 않고 넘어갈 때도 종종 있습니다.
그래도 힘을 내서 팀원이 열심히 작성한 문서 잘 파악하고 있어야겠죠?
그런 착한 마음씨를 가진 여러분들을 위한 도구를 준비했습니다.
노션으로 일하는 팀을 위해 만든 notionto.email이라는 서비스입니다.
대표적인 기능을 몇가지 소개해드릴게요.
워크스페이스에서 하루동안 만들어지거나 변경된 페이지를 미리보기와 함께 이메일로 보내줍니다.
미처 챙겨보지 못했던, 혹은 보면 좋았을 페이지가 있지 않나요? 이메일 한통에 파악할 수 있게 만들어줍니다.
노션 잔디밭은 한해동안 얼마나 많은 페이지를 만들었는지 알 수 있는 그래프입니다. 페이지를 만든 날은 초록색이 채워지고 많이 만들수록 점점 진해져요. 한해동안 워크스페이스에서 만들어진 페이지 수도 보여주는데요. 팀원들이 만든 페이지를 내가 얼마나 놓치고 있는지도 한번 살펴보세요!
같이 일하는 사람이 꼭 내부에만 있지 않을 수 있겠죠? 깔끔한 이메일로 공유가 필요할 때 노션 페이지를 이메일로 보낼 수 있습니다. 저는 신입 온보딩 문서나 이벤트 같이 많이 쓰이지 않지만 예쁘게 전달하고 싶을 때 쓰고 있어요!
이번 기회에 한 워크스페이스를 쓰는 동료들이 얼마나 열심히 일하고 있는지 확인해보는 건 어떨까요?
notionto.email
복잡한 노션 업데이트를 이메일로 깔끔하게
썸네일을 결정하려고 하면 제일 먼저 고민하게 되는 게 ‘크기’에요. 하지만 생각보다, 적당한 크기가 뭐길래, 너무 작아도 안 되고, 너무 커도 안 된다는 건지 확실하게 모르는 경우가 많아요.
다양한 플랫폼에서 썸네일 이미지 크기가 어떻게 되는지 함께 알아봅시다.
썸네일의 크기가 이렇게 다양하다보니, 정확한 크기에 맞지 않는 이미지를 어떻게 적절하게 맞출 수 있을지 궁금하죠? 여기서 CSS의 object-fit 속성이 해답을 제시합니다. object-fit: cover 값을 사용하면, 이미지는 지정된 요소의 크기에 딱 맞게 변형되지만, 그 과정에서 이미지의 원래 비율은 그대로 유지됩니다.
가로로 긴 이미지를 생각해봅시다. 중앙을 중심으로 사진의 양 끝이 잘려나가게 되죠, 그래서 이미지 전체를 볼 수 없을 때가 있어요. 그렇다면 세로로 길 때는 어떨까요? 상단과 하단 부분이 잘려나가며, 중앙 부분만 강조되게 보이게 됩니다. 물론, 이미지의 일부가 잘려나가기도 하지만, 썸네일 전체 공간을 꽉 채워 보는 이에게 깔끔하게 보일 거에요. 이런 특징들을 잘 이해하고 활용한다면, 여러 플랫폼에서도 원하는 부분을 보여줄 수 있는 썸네일을 디자인할 수 있어요.
다양한 플랫폼에서는 가로 길이가 더 긴 이미지가 잘리는 영역이 작아요. 카카오톡 같은 경우 상단부터 이미지를 보여주기 때문에 중앙 아래의 중요한 부분이 잘릴 수 있습니다. 그렇기에 여러 플랫폼에서 완벽하게 보여지길 원하는 이미지 영역의 종횡비를 잘 선택하는 것이 중요해요. 아래 예시 이미지는 종횡비가 가장 큰 노션케이스와 가장 작은 미디엄의 미리보기 비율, 그리고 카카오톡의 상단 정렬을 고려하여 제작되었습니다. 이렇게 세 플랫폼의 중앙영역은 어떤 플랫폼에서도 보여질 수 있게 됩니다.
결론적으로는 크기는 중요하지 않고 비율이 중요했습니다. 설명이 조금 길었지만 샘플이미지(아래 링크에서 첨부해두었습니다)에 대고 만드시면쉽게 활용하실 수 있을 거에요. 샘플 이미지는 아래 링크 이미지를 사용하시면 됩니다.
