–
페이스북 페이지에 매일 눈에 띄는 서비스나 자료들을 공유하고, 그룹을 통해서는 서비스 개선 또는 기능 추가 등에 대해 왜? 라는 질문을 던져보고, 퍼블리 뉴스를 통해서는 4가지 주요 주제에 대한 뉴스 큐레이션과 코멘트를 작성하고 있습니다. 아! 격주로 수요일 밤 열두시에는 한 명의 동료와 함께 뉴스레터를 제작하고 있어요.
그 중, 늘 아쉬웠던 활동이 하나 있다면 ‘종합’을 하지 못했다는 것. 특히 페이스북 페이지를 통해 공유하는 다양한 서비스와 자료는 나~~중을 위한 DB로 구축하기 위해 스프레드시트에 정리하는 것 외 따로 모아보거나 의견을 덧붙일 기회가 상대적으로 적었는데요! 그래서 한 주의 끝에, 그 다음을 생각할 수 있으면 좋겠다! 라는 의미의 End-And 카테고리를 블로그 내 신설하고 주요 내용을 다시 한 번 정리해 공유해보려고 합니다. 구성은 계속 변할 것 같아요. 그래도 꼭 빠지지 않을 것만 정리해보면,
- ‘지금 써보러 갑니다’ 페이스북 페이지에 등록된 서비스 중 다시 보고 싶은 서비스 소개
- 퍼블리 뉴스에 등록한 뉴스 중 다시 한 번 소개 하고 싶은 코멘트 소개
- 그 외, 출퇴근 길 봤던 흥미로운 IT 뉴스 소개
각 내용들을 다시 확인하며 추가로 필요한 자료들과 생각들을 덧붙이는 노력도 해보려고 합니다.
–
Toolbox – Figma
월요일 (8월 17일)을 기준으로 어제까지 총 9개의 서비스와 자료들을 ‘지금 써보러 갑니다’ 페이스북 페이지에 공유했어요. 이번주 가장 많이 공유한 주제는 ‘피그마’ 였는데요. 제가 사이드 프로젝트를 하며 새로운 툴을 꼭 써봐야지! 하면서 3월 즈음 뒤늦게 입문했는데 클라우드 환경은 물론 가볍고 빠르게 할 수 있는 환경에 푹 빠져 있기 때문입니다.
1.The Icon of for Figma (부분 무료)
8월 17일 월요일 소개한 피그마 플러그인 ‘The Icon of – Icon Set‘ 입니다. 그 즈음 나왔던 플러그인인데 벌써 500명 가까운 사용자들이 내려받아 사용중이네요. 저도 여러 플러그인을 피그마에 설치, 사용중인데 아이콘 관련 플러그인이 단연 사용 빈도가 높아요. 기존에는 ‘Icons8’을 사용했는데 요녀석을 발견한 뒤로는 더 자주 활용하고 있습니다.
가장 좋은 점은 아이콘을 직접 검색하지 않고도 구분에 따라 쉽게 확인 할 수 있다는 점. 플러그인 실행 시 좌측으로는 카테고리가 우측으로는 카테고리에 속한 다양한 아이콘을 확인할 수 있습니다. Actions, Alerts, Arrows, Car control 등 15개 정도의 카테고리가 제공되고 있습니다.
전체 아이콘 개수는 1100여개가 넘지만, 무료로 사용할 수 있는 아이콘은 제한 되어 있지만 ‘Show free icons’ 토글이 제공되기에 무료 아이콘만 빠르게 찾아 적용할 수 있습니다.
–
2.Design Systems for Figma
8월 19일 소개한 ‘ Design Systems for Figma‘는 피그마로 제작된 디자인 시스템을 모아놓은 웹 서비스입니다. 우버, 아우디, 아틀라시안, 에어테이블 등 우리에게도 잘 알려진 서비스들이 피그마로 제작, 공유한 디자인 시스템을 한 눈에 볼 수 있도록 구성 되어 있습니다.
현재 44개의 디자인 시스템이 등록되어 있으며, 피그마는 웹 링크 공유가 잘 되어 있어 원하는 브랜드를 클릭하면 바로 확인 할 수 있도록 구성 되어 있어 편리합니다.
–
2-1.함께 보세요!
–
3.피그마 추천 플러그인, 리소스 15
8월 21일 소개한 내용입니다. 피그마 플러그인도 점점 늘어나고 있지만, 피그마를 활용해 제작한 여러 리소스도 눈에 많이 띄는데요! 뉴스레터를 통해 알게된 콘텐츠로 15개의 피그마 플러그인, 리소스가 잘 정리되어 있습니다. 15개 리스트는 아래를 통해 확인해보실 수 있어요!
- Vector Character Illustrations – Library of illustrated characters in action
- Figma Realism – Canon 70-200mm f/2.8 – Photorealistic image template
- 3D models for your new app design – 3D shapes and compositions for Figma designs
- Flamingo Design System – яркая дизайн-система, основанная на атомарном дизайне
- Figma Animation Examples – Figma animation tutorial with examples
- Teenyicons – A huge library with outlined and solid icons
- Segment UI Kit – a mobile UI kit that is based on customized Android guidelines
- Interactive Journey Map – Journey mapping tool for UX design
- Airtable Blocks UI Kit – Airtable’s UI library
- UX Templates – Templates for UX research
- Figma Charts Infographics UI kit – Data visualization UI Kit
- Templatery – Collection of templates for presentation
- Exo Kit Design System for Figma – light and clean design system
- Pajamas U Kit– GitLab’s Component Library
- Radius Design Kit – well documented and structured UI kit by Radius DS
–
덧붙임. 피그마, 꼭 디자이너만 써야 하나요?
아뇨, 그럴리가요. 그래서 준비했어요. 마케터가 쓰는 피그마, 기획자가 쓰는 피그마에 대한 글입니다.
- 나는 피그마 없이 못살아 (오일나우 마케터분이 쓴 글이에요. 마케터는 피그마를 어떻게 쓰는지 알 수 있어요!)
- UI 디자인 툴 피그마로 기획서 써보기 (기획자가 피그마로 기획서를 쓴 경험에 대해 알 수 있어요)
–
피그마, 함께 보면 좋은 내용은 없나요?
- 이렇게 매력적인 ‘패턴’을 무료로 사용할 수 있다고? ‘Paaatterns’ (매력적인 패턴을 피그마로 내려받아 프로젝트에 바로 사용할 수 있어요)
- 이렇게 다양한 목업을, 피그마와 스케치, 포토샵 그리고 XD 버전으로 사용할 수 있다면? (디바이스 별 다양한 목업을 피그마로 내려받아 활용 할 수 있어요! 정말 많은 디바이스가 있답니다.)
–
Weekly News
퍼블리 뉴스에 코멘트를 작성한 내용 중, 반응이 좋았던 뉴스를 다시 소개하고 추가 내용을 덧붙여 보려고 합니다.
–
1.다이얼로그 디자인 시 고려해야 할 4가지
- 간결하고 알기 쉬우며, 일관된 문구 표현을 의식하기
- 플랫폼 룰에 따르기
- 주역은 유저와 콘텐츠
- 알럿을 최소화 하기
3년 전 글이지만, 다이얼로그를 포함한 얼럿을 설계 할 때 보면 많은 도움이 될 수 있어요. (이 곳을 통해 더 자세한 내용을 확인해보세요!)
그리고 ‘Dialog, Toast, Snackbar‘ 이 글을 함께 확인해보시는 걸 추천합니다! 세 가지에 대한 명확한 정의와 언제, 어떻게 쓰면 좋을지에 대한 내용이 포함되어 있어요! ‘Button design‘ 이 글도 추천해요. 상황 별 버튼 디자인을 어떻게 가져가야 하는지 잘 정리되어 있습니다. 다이얼로그에서도 버튼은 함께 고려해야 하는 중요한 요소 중 하나!
–
최근 발행된 지금 써보러 갑니다의 주요 콘텐츠를 확인해보세요!
- 148개의 현대적인 서체 정보를 큐레이션 해주는 곳!
- 페이스북, 인스타그램, 유튜브 광고를 입력한 정보에 따라 미리 확인해볼 수 있는 곳!
- 눈에 띄는 웹사이트를 페이지와 섹션에 따라 확인할 수 있는 곳
- 모바일앱, 앱서비스에 적용된 모션 사례를 확인할 수 있는 곳!
- 랜딩페이지, 사전예약, 이커머스 및 대시보드 구성을 위한 무료 HTML 템플릿을 확인할 수 있는 곳!
–
지금 써보러 갑니다 뉴스레터 00:00 구독 안내
아이콘, 스플래시, 온보딩, 로그인과 회원가입, 프로필과 검색 화면까지! 이제 곧 ‘사이드 메뉴에 대한 글’ 이 발행 될 예정이에요. 아직 구독하지 않으셨다면! 구독 후, 서비스 구성 요소에 대한 다양한 사례와 에디터들의 생각을 확인해보세요! (구독하기)
–