디자인 기록

1. 피그마 프로토타입이란 : 화면의 순서 또는 플로우 간의 연결을 시켜, 특정 버튼이나 영역을 눌렀을 때 어떠너 화면으로 어떤 인터랙션 스타일(클릭, 드래그, 스크롤)로 이동할 것인지 목업으로 보여주는 것 프레임 상태일 때만 프로토타입 적용할 수 있음. 2. 프로토타입 설정 방법 (Shift + E) 연결 할 개체 클릭 후 Prototype을 선택한다. 프로토타입을 선택하면 연결할 수 있는 플러스 아이콘이 뜬다. 플러스 아이콘을 오른쪽을 당겨서 연결한다. 연결되는 화살표 선을 누르면 네모 상자가 뜬다. 1번 핫스팟 : 인터렉션 시작 부분 2번 커넥션 라인 : 두 요소 사이의 연결선 3번 데스티네이션 : 핫스팟에서 연결한 도착점 요소 1. 트리거 :인터렉션의 시발점 On click : 요소를 클릭했을 때..

1. 오늘의 아티클(주제) https://brunch.co.kr/@blckschrl/41 06화 UI를 위한 색 우리의 눈이 보는 색의 원리와 UI 디자인 | 색은 강한 자극을 주는 시각 언어입니다. 화면 내에서 사용자를 행동하게 하거나 반드시 알아야 하는 정보를 강조하기 위해 주로 사용하는 요소입니 brunch.co.kr 2. 아티클 정보 요약 색속성 - 채도 (Chroma) : 색의 맑고 탁함, 순수한 정도, 색의 강약, 포화도를 내타내는 성질. 흰색이나 검은색이 섞이지 않은 원색일 수록 채도가 높다. 색의 선명도를 나타냄. - 명도 (Value) : 색의 밝기 - 색조 (Tone) : 색채의 3 속성 중 명도와 채도의 개념을 하나로 합쳐 색의 밝기와 어두임이나 강약 또는 진함 등을 표현하는 방법. ..

UX : User Experience (사용자 경험), 제품이나 서비스를 사용하는 사용자가 느끼는 전반적인 경험을 뜻한다. 사용자가 제품이나 서비스를 이용하는 과정에서 느끼는 감정, 태도 인식 등 모든 측면이 UX에 포함된다. 제품이나 서비스의 편의성, 효율성부터 디자인적인 부분까지 고려된다. UI : User Interface(사용자 인터페이스), 사용자가 디지털 제품이나 서비스와 만나는 면이자 상호작용할 수 있도록 연결하는 매개체입니다. 사용자가 누르고 클릭하는 버튼, 텍스트, 이미지, 애니메이션 등의 시각적 요소들이 모두 UI 구성 요소이다. GUI Graphical User Interface(그래픽 사용자 인터페이스) : 사용자가 그래픽 기반으로 컴퓨터와 상호작용하는 방식. 복잡한 명령어 대신 마..

아모레퍼시픽 공식 온라인 쇼핑몰을 토대로 컴포넌트 기능을 연습해 보았다. 모바일 페이지를 컴포넌트 적용 한 후 인스턴트를 생성해서 다음 페이지를 쉽게 만들어 볼 수 있었다. https://www.figma.com/file/nOUO5UKd2IMj1lD9YwrHQL/1%EC%A3%BC%EC%B0%A8-%EA%B3%BC%EC%A0%9C---%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EA%B8%B0%EB%8A%A5?type=design&node-id=0%3A1&mode=design&t=ufn0ujgDEMD1SExr-1

1. 1주차 내가 배운것 - 피그마 툴 공부 : 프레임과 그룹의 차이, 플로우차트 오토레이아웃, 컴포넌트와 인스턴트, 컴포넌츠 베리언츠 - 데일리미션 : UX/UI 직무 및 유사 업종 직무 공부, 필요한 역량 파악 2. 느낀점 첫 일주차는 생소한 부분이 많아서 긴장이 좀 되었다. 피그마 툴의 용어와 UXUI가 무엇인지 개념을 잡는데 에너지를 쏟았다. 생각보다 UXUI의 디자이너의 업무 범위가 넓고 필요한 역량들이 많다고 생각되었다. 또 모집공고를 보면서 디자이너 간의 경계가 모호하고 UXUI디자이너는 거의 총괄매니저라고 할정도로 다양한 역할을 요구한다는 것을 알 수 있었다. 쉽지 않을 것은 생각에 걱정도 좀 되었다. 3. 다음 일주일을 위한 계획 본 캠프 시작하기 전에 기본 적인 툴 다루는 방법과, 개념..

1. 요구사항 1) 카카오뱅크 : UX/UI 디자이너 유관 경력 4년 이상이신 분을 원해요. Android/iOS/Web의 실무 환경에 대한 이해도가 높으신 분이 필요해요. 서비스의 설계부터 운영까지의 전반적인 과정에 대한 이해가 있으신 분이 좋아요. 서비스 정책들을 이해하고 구조화되고 일관된 UX를 설계한 경험이 있으신 분을 원해요. 데이터를 기반으로 설계하고 사용성을 개선한 경험이 있으신 분이면 더 좋아요. 서비스 개발 과정 전반에서 유연하고 적극적인 커뮤니케이션이 가능하신 분이 좋아요. 2) 와디즈 : 프로덕트 디자이너 프로덕트 디자인(UI/UX),Web/App 서비스 디자인 경력 3년 이상 보유하신 분 정성/정량 데이터 기반 요구사항 분석 및 솔루션 도출 능력을 보유하신 분 Figma 툴 숙련도가..

1. 비슷한 직무 JD 분석 1) UX리서치 ▶ 하나금융융합기술원 ● 주요업무 UX 리서치를 기반으로 한 다양한 금융 시스템 UX 개선 방향 수립 Research question 해결에 가장 적합한 리서치 설계 및 수행 UX 관련 문헌 연구 및 마켓 트렌드 조사를 통한 인사이트 도출 사용자 경험 중심의 업무 및 의사결정 문화 전파 및 교육 ● 자격요건 디자인, HCI 등 UX 관련 전공자 또는 이에 준하는 전문성 및 업무능력 보유 UX 리서치를 통해 유의미한 인사이트를 도출하고, 이를 기반으로 최종 UX 설계 완료 경험 정량적/정성적 데이터 기반의 분석적 사고 가능 UX 리서치 설계 및 진행 시 필요한 Tool 사용 가능(Figma, Protopie 등) ● 우대사항 정량/정성 UX 리서치 설계부터 분석..

1. 유저플로우란 ? 순서도라고 하며, 어떠한 일을 처리하는 과정을 순서대로 간단한 기호와 도형으로 도식화한 것을 의미 사용자와 프로덕트가 어떻게 상호작용하는지 그 과정을 비주얼화 해서 보여주는 것. 직관적인 사용자 흐름을 보여서 불필요한 부분을 정리할 수 있다. 최대한 심플하게 만드는 것이 목표이다. 2. 피그마에서 유저플로우 사용방법 먼저 위 상단 파랑색 버튼을 눌러 flow chart를 검색해서 run을 눌러 주면 창이 뜨게된다. 내가 사용하고 싶은 모양을 눌러서 글자를 입력한다. 도형을 클릭 하면 화살표가 나타난다. 화살표를 눌러 원하는 도형을 바로 추가 할 수 있다. 3. 기타 주의사항 통일성있는 도형을 사용해줘야 한다. ex) 시작부분은 네모, YES와 NO는 마름모