UI Tools

Hot
프로토파이
#2 인터페이스 파악하기 – 프로토파이 강좌
이번 시간에는 프로토파이 인터페이스를 파악하는 시간이에요. 크게 5가지로 나눌 수 있는데요. 상단에 Tool bar, 좌측에 Layer Panel, 가운데 Artboard 영역 우…
0
Hot
프로토파이
#1 프로토파이 강좌 소개 – 프로토파이 강좌
드디어 프로토파이 강좌를 시작합니다!이번 시간에는 프로토파이 강좌 소개를 하는 시간이에요.목적 자체는 유료 강좌로 제작됐지만, 기본적으로 알아두면 좋은 기본 개념인 ’07.Scen…
0
Hot
XD
#6 마우스 오버를?! 컴포넌트 상태 – 어도비 XD 강좌
어도비 XD 다섯 번째 강좌입니다. 이번 강좌에서는 XD에서 강력한 기능인 컴포넌트 상태에 대해 알아보도록 할게요! 상태(states)는 말그대로 UI 엘리먼트 상에서 있을 수 있…
0
Hot
스케치
#5 반응형 웹디자인을 위한 최적화된 그리드 시스템 – 스케치 강좌
스케치 강좌 네 번째입니다. 이번에는 반응형 웹디자인을 위한 최적화된 그리드 만들기를 해보겠습니다.레이아웃을 만들 때는 크게 4가지가 있습니다. 최대폭(max-width), 컨테이…
0
Hot
XD
UI 디자인을 효율적으로 하기 위한 필수 기능! 에셋 컴포넌트 – 어도비 XD 강좌
어도비 XD 네 번째 강좌입니다. 이번 강좌에서는 어도비 XD에서 가장 중요한 에셋 컴포넌트에 대해 알아보도록 할게요! 스케치 툴의 심볼과 비슷한 기능입니다. 자주 사용하는 엘리먼…
0
Hot
XD
XD 포토샵에서 편집하기 – 어도비 XD 강좌
어도비 XD 세 번째 강좌입니다. 이번 강좌에서는 XD의 핵심 기능 중의 하나인 포토샵에서 편집을 알아보겠습니다. 스케치에서 UI 작업을 하다가 배너나 이미지 보정이 필요한 부분은…
0
Hot
스케치
앱 UI 디자인의 시작, OS 별 해상도 및 안드로이드 DP 단위 – 스케치 강좌
스케치 강좌 세 번째입니다. 이번에는 앱 UI 디자인을 하기 위해서 알아야 할 가장 기본적인 것을 알아볼 거예요. OS 별 아트 보드 규격입니다. 아이폰 앱, 안드로이드 앱 디자인…
0
Hot
스케치
스케치(Sketch) 툴 인터페이스 파악하기 – 스케치 강좌
스케치 강좌 두 번째입니다. 스케치를 왜 사용해야 하는지를 알아봤으니, 익숙해지려면 인터페이스를 훑어봐야겠죠? 툴이 어렵게 느껴지는 이유는 딱 두 가지인데 진짜 너무 어렵거나 아직…
0
Hot
스케치
UI 디자이너가 설명하는 스케치(Sketch)를 꼭 써야 하는 이유 – 스케치 강좌
스케치 툴 강좌의 첫 단추!드디어 제 현재 직업에 가장 최적화된 스케치 강좌를 시작합니다!! 실무에서 UI 디자이너로 활동하고 있으며, 사용한 지는 4년 정도 됐네요. 스케치도 그…
0
Hot
프로토파이
스크롤 인터렉션 구현하기 - 프로토파이 강좌
안녕하세요. 이번에는 웹 UI 스크롤 인터렉션을 구현하는 방법을 배워볼게요. 해당 예제는 '토스 채용 사이트'에 있는 인터렉션을 보고 좋아서 예제로 만들어 봤습니다. 바로 한번 해…
0
Hot
프로토파이
무한 루프 슬라이더를 만드는 방법 - 프로토파이 강좌
안녕하세요. 이번에는 무한 루프 슬라이더 표현하는 방법을 알려드릴게요! 오픈 카톡 방에서 루프 되는 슬라이드가 어떻게 작업하는지 물어보신 분이 계셔서 강좌로 만들었습니다. 완성된 …
0
Hot
XD
XD 핵심 기능 반복 그리드 (작업 능률 UP) - 어도비 XD 강좌
어도비 XD 두 번째 강좌입니다. 이번 강좌에서는 XD의 핵심 기능 중의 하나인 반복 그리드(Repeat grid)를 알려드리겠습니다. 반복되는 UI 요소가 있을 때 활용하는 기능…
0
Hot
XD
XD 소개 및 인터페이스 파악하기 – 어도비 XD 강좌
어도비 XD 첫 번째 강좌입니다. 어도비에서 스케치의 대항마로 내놓은 XD가 꾸준히 버전업이 되면서 프로토 타이핑과 상태 등 다양한 기능들이 좋아지고 있죠. XD에 대한 간단한 소…
0