UXUI (4) 썸네일형 리스트형 어떤 디자이너가 될 것인가 (feat. 어도비 디자이너 김준) 유튜브 '디자인 소리' 채널에서 이라는 영상을 접하게 되었다. ▽ 바로 아래의 영상이다 ▽ 어도비 디자이너 김준, UX 디자인은 문제점을 찾고 푸는 것 어도비에서 일하고 있는 김준 디자이너는 UX를 가지고 이렇게 정의한다. 유저들의 문제점을 찾아내고 속 시원히 풀어내는 것 UX/UI 디자이너라면 유저가 원하는 경험을 제공할 수 있어야 한다. 그것이 곧 UX/UI 디자이너의 역할이기도 하다. 유저를 당황하게 만들고 헷갈리게 하는 디자인은 결코 좋은 디자인이 아니다. 또한 그런 디자인을 탄생시킨 디자이너는 좋은 디자이너가 아니다! 근데 지금 내가 그런 디자인을 탄생시킨 거 같다. (ㅠㅠ) 요즘 들어 인터페이스 디자인을 할 때 UX를 잘 고려했는가?라는 의문이 든다. UX를 생각하는 척만 하면서 단순히 화면 .. [ Daily UI ] 002. Credit Card Checkout 디자인 Daily UI의 두 번째 미션은 바로, 신용카드 결제 화면 디자인이다. 어제(챌린지 첫날) 메인 레퍼런스 없이 무턱대고 도전했더니 어색한 결과물이 나왔었다. 아직 난 UX UI 초보이기도 하고, 아는 것보다 배울 게 훨씬 더 많으니 일단 레퍼런스를 먼저 잡고 들어가기로 했다. 오늘의 메인 레퍼런스: 카카오 T (말이 메인 레퍼런스지 그냥 모작이다..!) 위 사진은 포인트, 쿠폰 기능만 빼고 모작한 결과물이다. 카카오 T는 최종적으로 사용자가 눌러야 할 '적용하기' 버튼에 행동 유도성이 높다. 카카오 T의 '적용하기' 버튼은 누가 봐도 저게 핵심 버튼이겠구나를 알 수 있다. 또한 '취소'버튼은 고스트 버튼(얇은 선으로 테두리가 있고, 투명하거나 비어있는 버튼)을 사용하여 눈에 띄지 않게 제작했다. 실제로.. UX UI 공부 2일차 [ Affordance, Placeholder ] Affordance(행동 유도성) Affordance란 사용자의 행동을 유도하는 사물의 속성을 말한다. 디자이너가 의도한 사용자의 특정 행동을 자연스럽게 유발하는 것이다. 예를 들어 채팅창 전송 버튼을 만든다면 누구나 쉽게 클릭할 수 있도록 디자인해야 한다. 또한 입력 창에 내용이 없으면 전송 버튼이 비활성화 상태이지만 내용을 입력하면 활성화되는 것도 행동 유도성이라 할 수 있다. 좋은 디자인은 행동 유동성도 높다. 이번에는 Affordance를 고려하여 로그인 페이지를 만들어 볼 것이다. 핀터레스트에 있는 로그인 페이지를 모작하며 하나하나 뜯어보.. 기 전에 placeholder가 무엇인지 짚고 넘어가겠다. Placeholder(입력 힌트) Placeholder는 사용자가 값을 입력하기 전에 입력값이 .. UX UI 공부 1일차 [ 그리드 시스템, 모작, 단축키 ] 디자인 계의 올라운더가 되고 싶었던 나,, 일러스트도 그리고 영상도 만들고 UX UI도 공부하자고 생각했지만, UX UI 공부는 결국 한 번도 안 했다. 그런데 이번에 동아리 선배 소개로 토이 프로젝트에 참가하게 되었다. 사실 일러스트를 그리는 줄 알고 들어갔으나 UX UI 디자이너의 역할을 맡게 되었다(?). 잘할 수 있을까 걱정되긴 하지만, 이번 기회에 UX UI를 공부해야겠다는 의지가 마구 샘솟았다. 아직 UX UI에 대해 1도 모르지만 오늘부터 열심히 공부해보려 한다. 일단 많이들 사용하는 피그마(Figma)로 시작해야겠다! [ 그리드 시스템 ] UI에서 그리드 시스템은 정말 정말 중요하다. 그리드 시스템을 먼저 잘 정리해놓아야 가이드라인 잡기도 편하고 퍼블리셔와의 소통도 원활해진다고 한다. 그리.. 이전 1 다음
