UI공부11 피그마: 프로토타입 Prototype 연습 (학습일지 3주차) 인터렉티브 컴포넌트 스위치 인터랙션(Interactive Component Switch Interaction) 버튼 인터랙션(Button Interaction) 캐러셀 인터랙션(Carousel Interaction) 모달창 인터랙션(Modal Interaction) 내비게이션 드로워 인터랙션(Navigation Drawer Interaction) UI디자인 제작과 인터랙션 종합 실습 2023. 12. 24. UIUX디자인 툴 피그마: 플러그인 사용하기 (학습일지 3주차) 플러그인(plug-in)은 주가 되는 프로그램에 기능을 추가하기 위해 사용하는 부가적인 프로그램이나 모듈을 말한다. 플러그인 설치 및 저장하기 피그마에서 마우스 오른쪽을 클릭하거나 상단에 리소스를 클릭하면 플러그인을 볼 수 있다. 검색창에 원하는 플러그인을 검색해서 찾을 수 있다. 원하는 플러그인을 누르고 Run을 클릭하면 설치가 되고, 옆에 저장 아이콘을 누르면 saved plugins에서 볼 수 있다. 플러그인 사용하기 이미지를 넣고 싶은 모형을 만든 후 마우스 오른쪽을 클릭하면 내가 설치한 플러그인들은 볼 수 있다. ui faces 플로그인을 이용해 넣어봤는데 원하는 이미지를 선택하면 모형 안에 잘 맞게 들어간다. 이번에는 다른 플로그인인 unsplash를 사용해 보았다. 사각형을 먼저 만들어주고 .. 2023. 12. 20. UX이론_ 디자이너에게 필요한 기본개념 (학습일지 2주차) 디자이너에게 필요한 기본 개념 1 1) A/B test ‘AS is to BE’ or ‘Which do you prefer A or B?’ - 유의사항 가설 수립/ 통제변수 설정/ 테스트 실시 시점 2) GOMS 목표goals + 조작operation + 방법method + 선택규칙selection rules. 사용자 인터페이스의 평가를 정량적으로 분석하기 위해 목표, 조작, 방법, 선택규칙의 첫 글자를 딴 용어로 컴퓨터와 상호작용을 하나의 문제해결 행위로 보고 카드, 모란 뉴웰이 제시한 모델링 분석 기법이다. (누구나 알지만 실제 해본 사람은 많지 않음. 굉장히 수학적이고 실험적인 방법이 많음.) 3) Affordance 어포던스 = 행동유도. 기표를 통해 직관적으로 사용 방식을 인지할 수 있게 하는 .. 2023. 12. 15. UX이론_ Prototype, MVP (학습일지 2주차) 프로토타입 Prototype 1) 프로토타입이란 Prototype: 미리 만들어 보는 것 - 프로토타입은 왜 필요할까? Test early, Test often! - 프로토타입은 환경에 따라 자유롭게. 고려해야 할 점은.. 시간+돈+목적. - 종류 1. Lo-fi prototype: No time + Early stage = Concept evaluation (누가 봐도 이건 프로토타입인 것) 장점: 상상을 현실로, 저렴한 제작비용, 손쉬운 수정 2. Hi-fi prototype: Time + (almost) Final stage = Realistic usability (실제처럼 만든 것) 장점: 현실적인 디자인 검증, 인터랙션 개발 리뷰, 시나리오 검증 (하지만 실제로 만들기는 너무 어려움) 2) 프로.. 2023. 12. 14. UX이론_ UI컴포넌트와 레이아웃 (학습일지 2주차) UI컴포넌트와 레이아웃 1) 인터페이스 디자인이란? User Interface Design = User Interaction Design 사용자가 시스템을 통해 과업을 달성하기 위해 조작하는 영역 (DOS의 시대: 컴퓨터의 언어 / GUI의 탄생: 사용자의 언어) 2) UI컴포넌트의 이해 UI component = GUI를 구성하는 요소 UI디자이너: 로지컬한 UI컴포넌트를 만드는 사람. 어떻게 동작하는지, 어떤 형태, 텍스트를 취한다. GUI디자이너: 그래픽컬한 디자인을 하는 사람. 3) 레이아웃이란? 화면을 나누어 각 영역에 어느 크기, 비율로 어떤 속성의 컴포넌트를 넣는지를 정의하는 과정. - Column 레이아웃: 화면을 몇 개로 나눌 것인지. 디자인 환경 1) 디자인 환경이란 디자인이 반영되는 .. 2023. 12. 14. 이전 1 2 3 다음
