어도비 XD의 구성요소 만들고 응용하는 방법을 소개합니다. 구성요소(Component)는 아이콘, 버튼,레이아웃 등 많이 사용하는 오브젝트를 구성요소로 저장해 두고 반복해서 사용하는 요소입니다. UI 디자인을 하다 보면 계속 수정을 하거나 무한 반복 작업을 해야 할 경우가 있습니다. 이럴 때 작업을 빠르게 해주며 여러 명의 구성원이 같이 작업할 때 편리한 기능입니다. 1. 구성요소(Component)로 만들기 ● 도형, 아이콘, 글자 모두 선택해서 우 클릭 > 구성 요소 만들기 한다. ● 좌측 에셋 패널에서 구성요소 + 버튼으로 만들기 한다. ● 우측 속성 관리자 패널에서 구성요소 + 버튼으로 만들기 한다. ● 단축키는 Ctrl+K 위 4가지 중 하.......

제가 사용하는 무선 마이크 소개합니다. 코로나 이후로 마스크를 쓰고 강의를 해야 해서 목에 무리가 많이 생겨 마이크를 사용해야겠더라고요. 처음 구매하는 거라 어떤 제품이 좋은지 전혀 몰라서.. 인터넷으로 후기 많이 찾아봤습니다. 싼 가격도 아닌데 실패하면 안 될 거 같아서.. 며칠 동안 너튜브도 찾고.. 검색을 많이 했습니다. 양손으로 마우스와 키보드를 동시에 사용해야 하므로 한 손에 들고 하는 마이크는 안되고.. 스탠딩으로 하면 움직임이 불편한 것 같아서.. 목에 걸 수 있는 마이크로 고르고 골라서 네코 UHF 무선 마이크 블루투스 앰프를 샀습니다.6월쯤 지** 에서 56,310원에 구매했습니다. (물건 받아서 포스팅한 것 아닙.......

제가 사용하는 무선 마이크 소개합니다. 코로나 이후로 마스크를 쓰고 강의를 해야 해서 목에 무리가 많이 생겨 마이크를 사용해야겠더라고요. 처음 구매하는 거라 어떤 제품이 좋은지 전혀 몰라서.. 인터넷으로 후기 많이 찾아봤습니다. 싼 가격도 아닌데 실패하면 안 될 거 같아서.. 며칠 동안 너튜브도 찾고.. 검색을 많이 했습니다. 양손으로 마우스와 키보드를 동시에 사용해야 하므로 한 손에 들고 하는 마이크는 안되고.. 스탠딩으로 하면 움직임이 불편한 것 같아서.. 목에 걸 수 있는 마이크로 고르고 골라서 네코 UHF 무선 마이크 블루투스 앰프를 샀습니다. 6월쯤 지** 에서 56,310원에 구매했습니다. (물건 받아서 포스팅한 것 아닙.......

포토샵 CC 버전 이상에서 아이콘을 원하는 파일 형식으로 저장하는 빠른 방법을 소개합니다.이전 버전까지는 하나씩 crop 하거나 새 창에 옮긴 후 Export 했는데요. 이제는 레이어에서 우 클릭 한 번으로 여러 개의 아이콘을 내보내기 할 수 있습니다.1. 환경설정에서 파일 형식 설정하기Preferences > Export >Quick Export Format에서 원하는 형식(png)으로 설정을 합니다.2. 원하는 아이콘을 레이어 패널에서 우 클릭 > Quick Export as PNG 선택합니다. (여러 개의 레이어 또는 그룹 선택 후 동시에 가능합니다. 단 그룹은 하나의 파일로 저장됩니다.)3. 저장을 원하는 폴더를 정합니다.원하는 폴더에 잘 저.......

포토샵 CC 버전 이상에서 아이콘을 원하는 파일 형식으로 저장하는 빠른 방법을 소개합니다. 이전 버전까지는 하나씩 crop 하거나 새 창에 옮긴 후 Export 했는데요. 이제는 레이어에서 우 클릭 한 번으로 여러 개의 아이콘을 내보내기 할 수 있습니다. 1. 환경설정에서 파일 형식 설정하기 Preferences > Export >Quick Export Format에서 원하는 형식(png)으로 설정을 합니다. 2. 원하는 아이콘을 레이어 패널에서 우 클릭 > Quick Export as PNG 선택합니다. (여러 개의 레이어 또는 그룹 선택 후 동시에 가능합니다. 단 그룹은 하나의 파일로 저장됩니다.) 3. 저장을 원하는 폴더를 정합니다. 원하는 폴더에 잘 저장됐는지 확인 하.......

어도비 XD의 업데이트 중 스택과 패딩 기능을 소개합니다.반응형 크기 조정 기능이 활성화된 그룹이나 구성요소에 스택으로 다이나믹한 레이아웃을 제작을 할 수 있습니다.1. Stacks(스택)스택은 여러 개의 오브젝트를 나열하는 디자인에서 순서를 바꿀 때 사용하면 편리한 기능입니다. 콘텐츠의 변화에 반응해서 레이아웃을 변경해서 제작하면 유용할듯합니다. 가로형 디자인과 세로형으로 선택할 수 있으며, 오브젝트의 사이 간격도 맞춰서 레이아웃이 흐트러지지 않고 유지됩니다.1. 4개의 사각형과 아이콘을 그립니다.2. 모두 그룹으로 묶어줍니다.3. 그룹을 선택하고 스택을 체크해 줍니다. (카드 사이 간격을 100으로 넣었습니다.)4........

어도비 XD의 업데이트 중 스택과 패딩 기능을 소개합니다. 반응형 크기 조정 기능이 활성화된 그룹이나 구성요소에 스택으로 다이나믹한 레이아웃을 제작을 할 수 있습니다. 1. Stacks(스택) 스택은 여러 개의 오브젝트를 나열하는 디자인에서 순서를 바꿀 때 사용하면 편리한 기능입니다. 콘텐츠의 변화에 반응해서 레이아웃을 변경해서 제작하면 유용할듯합니다. 가로형 디자인과 세로형으로 선택할 수 있으며, 오브젝트의 사이 간격도 맞춰서 레이아웃이 흐트러지지 않고 유지됩니다. 1. 4개의 사각형과 아이콘을 그립니다. 2. 모두 그룹으로 묶어줍니다. 3. 그룹을 선택하고 스택을 체크해 줍니다. (카드 사이 간격을 100으로 넣었습니다.) 4.......

UX/UI 디자이너에게 다양한 앱의 패턴을 볼 수 있는 모바일 디자인 패턴 라이브러리 사이트 "모빈 Mobbin" 을 소개합니다. 170개 이상의 앱을 아이폰X 스크린샷으로 제공하며 로그인하거나 카드 등록을 해야 볼 수 있는 디자인을 모두 이미지로 볼 수 있게 수집해 둔 사이트라 UI 디자인할 때 매우 유용합니다.모빈 사이트 메인 화면입니다.카테고리 / 패턴 / 엘리먼트 별로 검색해서 원하는 디자인을 찾아볼 수 있습니다.Filter by Categories 버튼을 클릭하면 좌측 드로어가 나와서 카테고리에서 원하는 카테고리를 선택합니다. 저는 navigation으로 검색해서 다양한 내비게이션 앱을 찾아보았습니다.원하는 앱.......