안녕하세요. 블로그 관리자입니다. 최근 웹사이트 구축에 많이 사용되고 있는 아토믹 디자인(Atomic Design)을 아시나요? * Atomic(원자)+ Design(디자인) 합성어로, 최소 디자인 요소인 ATOMS(원자들)들이 모여 MOLECULES(분자들)을 구성하며, 이것들이 각기 다르게 조합되어 ORGANISMS(유기체)을 생성함을 뜻합니다. 즉, 디자인 요소들을 나누어 파악하고 이 요소들이 조합되는 과정을 통해서 디자인을 구성하는 방식의 디자인입니다. 아토믹 디자인의 가장 큰 장점은 디자인 시스템 구성에 있어서 ‘가이드라인’으로 활용할 수 있다는 점입니다. 때문에 작업자 주관으로 인한 작업에 어려움을 줄일 수 있습니다. 오늘은 아토믹 디자인(Atomic Design) 원리를 최근에 Zeplin에..

안녕하세요. 블로그 관리자입니다. 오늘은 Zeplin과 Adobe XD를 사용해 성공적으로 워크플로우를 개선한 WestJet*의 UI/UX 수석 웹 디자이너인 Kelsey Kimura의 인터뷰 내용을 번역하여 전달해 드립니다. *WestJet은 캐나다의 위치한 저비용 항공사로 캐나다에서 두 번째로 큰 항공사 입니다. 디자인팀은 어떻게 구성되어 있으신가요? 저희는 중앙 집중식 디자인 팀으로 구성되어 있으며 외부 파트너와 협력해 작업을 진행합니다. 하지만 가끔 디자이너들은 다른 팀 제품의 디자인을 해주기도 하고 특히 다른 팀에 큰 행사나 우선해야 할 프로젝트가 있을 때 지원도 합니다. 저희팀은 현대적 도구와 새로운 시대적 사고를 결합하여 독특하고 고품질의 사용 접근이 가능한 전략인 ‘옴니 채널 전략’을 구축..

안녕하세요. 블로그 관리자입니다. 오늘은 디자인 콘퍼런스인 스펙트럼콘에 대해 안내해 드리겠습니다. 스펙트럼콘은 디자인 커뮤니티 플랫폼 '디자인 스펙트럼'이 중심이 되어 만들어나가는 디자이너들의 축제로서 총 8팀의 Keynote 세션과 총 5팀의 Talk 세션이 준비되어 있습니다. 이번 행사는 코로나로 인해 모든 세션들은 온라인으로 진행합니다. 저희 (주)단군소프트는 이번 콘퍼런스의 후원사로서 참여하게 되었으며 스펙트럼콘에 자세한 사항은 아래내용을 확인해주세요. 스펙트럼콘 2020에 초대합니다 안녕하세요, 스펙트럼 팀입니다. 올해도 어김 없이 스펙트럼콘이 열립니다. 2020년은 코로나로 인해 정말 많은 변화가 일어난 해였죠. 그만큼 IT 디자인 업계에서도 새로운 일들이 많이 일어났습니다. 이번 스펙트럼콘 ..

안녕하세요. 블로그 관리자입니다. 많은 팀들은 매일 같이 Zeplin으로 협업을 합니다. 하지만 Zeplin이 유일한 협업 공간이 아니라는 것을 알고 있습니다. 그래서 제플린(Zeplin)은 다른 툴들과의 통합에 많은 노력을 기울이고 있습니다. ​2015년에 클라우드 기반 협업 도구인 Slack 과의 통합하는 것이 첫 번째 작업 중 하나였습니다. Slack 과의 통합을 통해 디자이너가 제플린(Zeplin)에 새 디자인을 게시하거나 질문을 게시하면 Slack 채널에 자동으로 알림이 전송되어 팀원은 디자인에 대한 최신 상태를 유지할 수 있습니다. Microsoft Teams와 통합된 제플린(Zeplin)에는 어떤 장점이 있나요? 1. 제플린(Zeplin)에서 발생하는 변경사항을 실시간으로 확인할 수 있습니다..

안녕하세요. 블로그 관리자입니다. 저희 (주)단군소프트는 제플린 한국 및 APAC 총판으로 제플린(Zeplin)이 무엇이고 플랜별 어떤 차이가 있는지 안내해 드리겠습니다. 제플린(Zeplin)은 무엇인가요? 제플린(Zeplin)은 디자이너가 앱, 웹을 디자인하고 나서 해당 디자인을 어떻게 개발에 적용해야 하는지를 개발자가 손쉽게 확인 할 수 있도록 도와주는 핸드오프 툴입니다. *핸드오프(Hand-off)란? 디자이너가 개발자에게 디자인 파일만 넘기는 것이 아니라 이미지의 크기, 위치, 색, 폰트 정보 등 다양한 정보를 정리해서 전달해야 합니다. 이 과정을 핸드오프라고 합니다. 가장 많이 사용하는 핸드오프 툴 제플린(Zeplin) uxtools.co의 2019 Design Tools Survey에서 전세계..

안녕하세요. 블로그 관리자입니다. 제플린(Zeplin) 디자인에 메모를 추가하고 색상 별로 메모를 그룹화하여 팀원과 커뮤니케이션을 진행할 수 있습니다. 메모 추가하기 화면에 아무 곳에 macOS 사용자는 [Cmd] + [클릭], Windows OS 사용자는 [Ctrl] + [클릭]을 눌러 메모를 추가할 수 있습니다. 또한 메모에 🤔재밌는 이모티콘을 추가하여 유연하게 의견을 주고 받을 수 있습니다. @멘션 기능 사용하기 메모 창에서 "@"로 다른 팀원을 멘션 할 수도 있고 해당 팀원은 알림을 받게 됩니다. "@"멘션으로 지정된 사용자는 아래 이미지와 같이 바로 메일로 알림을 받게됩니다. 모든 메모 확인하기 요청사항, 해결 된 메모 등 언급된 모든 메모는 오른쪽 노트 패널에서 확인할 수 있습니다. 색상별로 ..

안녕하세요. 블로그 관리자입니다. 제플린(Zeplin) 프로젝트에 팀원을 초대하고 프로젝트를 공유하는 방법을 알아보도록 하겠습니다. 프로젝트의 대시보드에서 사용자 추가 팀원을 프로젝트에 초대하려면 프로젝트 대시보드의 오른쪽 패널로 이동하여 [Share] 버튼을 클릭합니다. Zeplin 계정 또는 팀원의 이름과 연결된 이메일 주소를 입력한 다음 [+] 버튼을 클릭합니다. 초대된 팀원에게는 이메일로 초대장이 발송되고 초대장의 수락 버튼을 누르면 해당 프로젝트의 팀원으로 제플린 디자인을 공유받을 수 있습니다. Share link를 통해 프로젝트 공유하기 Share link에서는 웹 또는 앱 프로젝트 링크를 복사할 수 있습니다. 웹 및 앱 프로젝트 링크의 경우 프로젝트에 초대 된 모든 사람과 공유할 수 있으며 ..

안녕하세요. 블로그 관리자입니다. 디자이너와 개발자가 같이 작업할 때 색상, 텍스트 크기, 구성요소 외에 디자인에서 꼭 확인해야 하는 것은 간격입니다. 제플린(Zeplin)에서 디자인 Context의 간격 시스템을 공유할 수 있는 방법과 램(Rem) 유닛에 대해 전달해 드리겠습니다. 왜 간격이 중요한가요? 디자인은 구성 요소들의 위치가 조금만 달라도 전체적인 느낌이 많이 달라집니다. 그렇기 때문에 디자이너의 의도에 맞는 디자인을 하기 위해서는 개발자는 구성 요소들의 정확한 간격을 전달받아야 합니다. 지금까지는 서로 다른 간격 시스템 때문에 정확한 간격을 전달받기 위해서는 많은 어려움이 있었고 시간도 많이 걸렸습니다. 그래서 이번에 제플린(Zeplin)은 개발자와 디자이너가 순조롭게 간격을 번달받을 수 있..