UI/UX 예제

안녕하세요!

오늘은 시각디자인 시간에 UI/UX 예제를 실습했어요!

XD라는 툴을 처음으로 사용해봤답니다!

UI/UX는 사용자 환경과 사용자 경험 디자인을 말해요!

쉽게 말해, 웹디자인과 앱디자인이라고 할 수 있어요!

XD는 웹, 앱 디자인을 할 때 사용하는 어도비사의 프로그램이에요!

일러스트와 포토샵의 성질을 같이 갖고 있는 느낌이에요!

사용하기에도 기능들이 간략하게 되어있어 사용하기도 편리하답니다!

아무튼! XD의 기능들을 익힐 겸 예제로 카카오뱅크를 만들어보았어요!

차례로 로딩화면, 잠금화면, 잠금해제, 메인화면, 액션 이랍니다!

메인화면은 스크롤이 가능하게끔 만들었어요!

XD에서는 스크롤과 같은 액션을 미리볼 수 있는데 그게 신기하게 느껴졌어요!

액션은 배경흐림효과를 이용했답니다!

따로 블러 효과를 주지 않고, 도형에서 바로 효과를 줄 수 있다는 것이 참 편리했어요!

툴들은 포토샵, 일러스트와 비슷한 느낌이라 어렵지는 않았지만 자동 그리드와 반복 그리드 기능은 신기했어요!

XD 첫 사용이라 새롭고 신기했고, 새로운 프로그램을 배울 수 있는 좋은 기회였던 것 같아요!

저는 포토샵을 이용해서 앱 디자인을 했었는데, XD가 훨씬 더 편리한 것 같아서 앞으로 자주 쓸 것 같아요!

XD는 어도비에서 지금 무료로 다운받을 수 있으니, 여러분들도 XD 한 번 사용해 보세요!