기획하는 디자이너

UIUX 디자이너를 위한 놀이터, ‘디자이너스(Designus)’UIUX 디자인을 공부하거나 업으로 삼고 있다면, 한 번쯤은 이런 생각을 해보셨을 거예요.다른 사람들은 어떻게 디자인하지?지금 내 작업, 괜찮은건가?이럴 때 도움이 되는 사이트가 바로 디자이너스(Designus)입니다.주로 App UIUX를 다루는 공간인데, 초기에는 카카오톡 오픈채팅으로 시작해서 매일 1개씩 AB테스트와 같은 토픽을 업로드해서 투표하거나 의견을 자유롭게 나누는 것에서부터 시작되었습니다. UIUX 레퍼런스 모음집디자이너스에서는 기존에 출시된 앱, 웹의 다양한 세부 화면 디자인 사례를 한눈에 볼 수 있고,디자인 챌린지나 토론 주제에 참여하면서 실전 감각도 키울 수 있습니다. 각 화면은 산업군 별, UI 컴포넌트 별로 필터링이 ..

IT Tip 2025. 10. 17. 23:24

기다리는 순간마저 덜 지루하게 만들어주는 사용자 경험의 디테일Skeleton UI란? 웹사이트나 앱을 사용할 때, 콘텐츠가 완전히 로딩되기 전 회색 박스나 흐릿한 틀부터 먼저 보인 적 있으신가요?바로 그게 Skeleton UI입니다.말 그대로 Skeleton UI는 ‘뼈대 UI’를 의미합니다.즉, 콘텐츠가 준비되기 전에 실제 내용이 들어갈 자리를 미리 시각적으로 보여주는 틀이죠.👀 실제로 네이버, 쿠팡, 인스타그램, 유튜브 등 인기 있는 앱들을 보면Skeleton UI가 기본으로 적용되어 있는 경우가 많습니다. 왜 Skeleton UI가 필요할까요?요즘 사용자들은 빠르고 즉각적인 반응에 익숙해져 있습니다.그런데 화면이 텅 비어 있거나, 단순히 로딩 스피너만 돌아가고 있다면 어떤 생각이 들까요?🙄 ..

IT Tip 2025. 5. 10. 21:10

인스타그램 피드에 꾸준히 게시물을 올리기가 쉽지 않죠. 그래서 저는 30일짜리 캘린더를 만들어, 콘텐츠 기획을 미리 설정하고, 필요한 이미지, 캡션, 해시태그까지 모두 준비해 매일 손쉽게 발행할 수 있는 콘텐츠 기획 양식을 만들었습니다.이 양식은 한 달 동안 사용할 수 있는 30일치 플랜입니다.다음 달 기획을 추가할 때는 페이지를 새로 만들어 레퍼런스 이미지, 제목, 캡션, 해시태그 등 미리 세팅해두면, 디자인 콘텐츠 작업이 빠르면 30분, 길어도 1시간 안에 끝낼 수 있어요.인스타그램 콘텐츠 발행 시간을 단축하고 사전 기획으로 마케팅 플랜을 구성할 수 있는 콘텐츠 캘린더 제작 방법을 공유합니다. 직접 만드는 게 번거로우시다면, 제가 제공하는 양식을 사용해보세요. 무료 다운로드 링크를 포스팅 하단에 첨부..

IT Tip 2024. 11. 13. 00:33

요즘 피그마로 웹 기획을 진행하는 프로젝트들이 많아졌습니다.국내 대표 에이전시인 P 사에서도 피그마로 기획하는 클래스 상품을 오픈한 걸 보면 대세는 피그마인 것 같습니다. 피그마로 웹 기획 시 장점웹기획을 피그마로 하게 되면 다양한 장점이 있는데요.전통적인 방식인 파워포인트를 벗어나 유연한 UI 가이드의 변경 적용이 쉽습니다. 버튼 하나만 수정 되어도 매 페이지의 버튼을 바꿔주어야 하는 ppt와는 달리 다이나믹 컴포넌트라는 기능을 활용하면 피그마에서는 컴포넌트 하나만 바꿔주어도 모든 페이지에 연결된 컴포넌트가 변경됩니다.페이지 이동이 쉬워 작업시간을 획기적으로 줄여줍니다. 하나의 페이지에 많은 내용을 담게 되는 기획문서는 100페이지가 넘는 것은 일도 아니지요. 이럴 때 프로세스를 설명하기 위해 페이지 ..

IT Tip 2024. 11. 1. 23:28

웹, 앱, 서비스 기획 문서를 작성할 때는 주로 power point 를 사용하게 됩니다. 화면 레이아웃이나 유저 플로우 등 다양한 프로세스를 도형을 이용해서 표현이 가능해 가장 편리하고 버전에 관계 없이 호환되다보니 많은 곳에서 주로 사용하는 툴인데요. 그 중에서도 기획 문서 내 플로우차트를 작성 시에 흐름을 표현하는 화살표 등의 추가가 더 쉽고 플로우차트 전용 도형 등이 제공되는 무료 툴이 있어 소개해드리려고 합니다. Diagrams.net diagrams.net은 구글 계정과 연동하여 작성한 flowchart를 다양한 이미지 유형으로 추출할 수 있습니다. 또 완성본은 로컬 드라이브 뿐 아니라, 구글 드라이브나 깃허브에 저장도 가능한 온라인 기반의 툴입니다. diagrams.net 사용 방법 1. 새..

IT Tip 2023. 1. 18. 16:17

사용하던 cafe24 호스팅 만료 후 2개월이 지나 연장이 불가하다면? 사용하던 cafe24 호스팅이 있습니다. 소개용 개인 웹사이트 제작이라 대략 틀만 잡아놓고, 메인 화면 채우고 서브페이지 콘텐츠를 채워 나가다가 디자인을 리뉴얼해야 할 듯 하여 디자인을 다시 제작하던 중 다른 일 때문에 잠깐 손을 놓아두었던 프로젝트. cafe24 호스팅 만료되었다는 메일은 받았지만 다른 일로 바빠 까맣게 잊고 지내다 5개월 정도가 지났을 즈음 생각이 들어 어느날 연장하러 cafe24에 접속하니 만료되어 더이상 연장이 불가하다는 안내 문구가 있습니다. 이럴수가... 연장이 불가한 것인가? 정말 방법은 없는것인가? 열심히 검색해보았지만 결론은, 만료 2개월 후에는 연장 불가. 서버 데이터 용량 문제로 만료된 데이터는 2..

IT Tip 2023. 1. 4. 05:31

cafe24 쇼핑몰에 기본으로 설치된 팝업 배너는 특정 조건에 의해 조정되지 않고 메인이나 특정 페이지에 항상 떠있도록 설정만 가능합니다. 팝업배너를 고객의 행동에 따라 맞춤형으로 띄우도록 하는 것이 쇼핑몰 UX를 고려할 때 중요하게 보아야 할 점이라고 할 수 있는데요. 예를 들어 회원가입 이전인 고객에게만 회원가입 관련 쿠폰을 띄우거나, 장바구니에 담은 제품이 있는 고객에게 장바구니 알림을 보내주는 등의 고객 맞춤형 팝업 입니다. 이런 세부 설정이 가능한 팝업을 띄울 수 있도록 하는 cafe24 쇼핑몰 인앱이 있습니다. 바로 '팝틴'입니다. 조건 설정 팝업 배너삽입 기능 팝틴 cafe24 앱스토어에서 '팝틴'을 검색하여 설치 후 나의 앱스토어 관리자 마이앱에 보시면 설치한 앱 리스트에 설치된 것을 확인..

IT Tip 2022. 2. 22. 01:03

인쇄용 그래픽 디자인은 주로 CMYK 컬러로 제작됩니다. 그런데 인쇄할 때 색상이 컴퓨터로 볼 떄의 색상과 많이 달랐던 경험이 있는 디자이너 분들이 많으실텐데요. CMYK 컬러를 팬톤 컬러 코드로 변경한 뒤 인쇄소에 팬톤값으로 전달하면 더 실제 색상과 유사한 색으로 인쇄가 가능합니다. 그래픽 프로그램에서 사용하는 CMYK 컬러 코드를 팬톤 컬러 값으로 변환하는 방법입니다. 1. CMYK 값을 팬톤 컬러 값으로 변환하여 인쇄하기 구글에서 cmyk to pantone 이라는 키워드로 검색하면 가장 먼저 뜨는 사이트로 접속합니다. 사이트 상단에 보시면 CMYK 각각의 코드 값을 넣어주는 필드가 있는데요. 여기에 내가 작업한 그래픽 파일의 각 컬러 값을 넣어주면 실제 팬톤 컬러 값으로 변환된 유사한 컬러들이 필..

IT Tip 2022. 2. 17. 23:17