본문 바로가기

UIUX 3기 사전캠프+본캠프44

컴포넌트ㅣ인스턴스ㅣ프로퍼티ㅣ베리언트ㅣ오토레이아웃 컴포넌트 재사용 가능한 디자인 요소 (원본이라고 생각하면 된다) 피그마에서 버튼, 아이콘, 헤더, 푸터 등과 같이 디자인이 반복적으로 사용되는 요소들에 사용된다 컴포넌트를 만들어 사용함으로써 일관성을 유지하면서 프로젝트의 효율성을 높일 수 있다 컴포넌트를 수정하면 인스턴스가 함께 변경된다 인스턴스 (컴포넌트의 복제본) 컴포넌트의 모양, 스타일 등을 상속 받는다 수정 가능 인스턴스를 수정해도 기존 컴포넌트에는 영향을 안준다 컴포넌트 단축키 cmd+option+K 컴포넌트 디테치 (연결해제) 방법 마스터 컴포넌트는 원본이라 디체치가 안된다. (Detach Component 플러그인 쓰면 가능) 인스턴스 디테치 1) 우클릭->Detach instance 2) 또는 ctrl + alt + B 마스터를 실수로 지.. 2024. 2. 20.
디자인 가이드ㅣ스타일 가이드ㅣ디자인 시스템ㅣ호버ㅣ토글ㅣ글래스모피즘ㅣ인디케이터 호버(Hover) 피그마 디자인 도구에서 마우스를 요소 위로 움직일 때 나타나는 시각적 효과를 말한다 토글(Toggle) 버튼, 스위치 등의 UI 요소를 클릭하거나 터치하여 특정 기능을 켜거나 끌 때 사용되는 용어 글래스모피즘(Glassmorphism) 유리와 관련된 소재의 시각적 효과를 따라 하는 디자인 트렌드. 투명한 유리 판과 같은 효과를 내고 배경, 텍스트, 아이콘 등의 요소들이 유리 뒤로 흐르는 듯한 느낌이 난다. 인디케이터 (Indicator) 어떠한 상태, 위치, 조건을 나타내는 아이콘 또는 표시 요소 작업 진행 상태를 나타내는 프로그레스 바, 배터리 아이콘, 현재 페이지 위치를 표시하는 페이지 인디케이터 등 사용자에게 시스템의 상태나 작동 중인 기능에 대한 시각적 정보를 제공한다 디자인 가.. 2024. 2. 20.
와이어 프레임 와이어 프레임이란? 소프트웨어나 웹 디자인의 세계에서 비슷하게 정의된다. 웹사이트의 골격이나 애플리케이션의 사용자 인터페이스(UI) 및 핵심 기능을 나타내는 단순한 선과 도형으로 구성된 다이어그램 또는 다이어그램의 집합이다. 구조(페이지 요소의 구성 방식), 콘텐츠(페이지에 표시 될 내용), 기능(인터페이스의 작동 방식)을 설명하는데 사용 된다. 와이어프레임은 디자인 요소(이미지, 비디오, 텍스트)가 포함되기 전 상태이다. 와이어프레임을 통해 디자이너는 시각 디자인의 세부 묘사에 너무 치우치지 않고 전체적인 디자인 전략을 세울 수 있다. 제작 방법 1. 펜과 종이를 사용한 스케치 2. 그래픽 디자인 소프트웨어 사용 2024. 2. 19.
사전캠프 4주차 WIL 4주 동안의 사전캠프가 끝이 났다. 첫 1주째는 새로운 팀원분들과 친해지는 시간, 매니저님들에게 질문하는 용기를 내는 시간, 노션과 슬랙에 적응하는 시간을 가졌었다.2, 3주째는 본격적으로 강의에 집중을 했고, 팀원분들과 조금 친해져서 농담도 나누며 재밌게 보냈다. 하지만 여전히 내가 잘할 수 있을까? 부족하면 어쩌지? 하는 걱정이 있었다.4주째는 무엇이든 물어보살과 사전설명회를 통해 다들 같은 고민을 하고 있고 나는 소수가 아니다! 라는 생각이 들어 용기가 생겼다. 한 달 동안 주어진 피그마 강의를 통해 기본기를 다졌고, 팀원들과 어떻게 하면 더 빠르게 친해질 수 있을지, 스파르타를 통해 내가 어떤 것을 배워야 하는지에 대한 목표가 명확해졌다. 일단 팀이 배정되면 카메라를 꼭 키고 하자는 약속을 해야하.. 2024. 2. 19.
피그마 강의 3주차 숙제 (플러그인) 2024. 2. 13.
웹 서비스 분석 및 개선 아이디어 (넷플릭스) 웹 서비스 선정: 넷플릭스선정 이유: 제일 자주 사용하는 앱이지만 가끔 불편함을 느껴서 선정했다.서비스 소개: 시리즈와 영화를 인터넷 연결 지원 디바이스에서 시청할 수 있는 멤버십 기반 스트리밍 서비스이다. UI/UX 디자인 분석  인상 깊은 기능1. 영상을 보다가 밝기 조절을 쉽게 할 수 있어서 편리하다.2. 출연자의 이름을 클릭하면 배우의 필모그래피 페이지로 연결된다.   개선 아이디어1. 가끔 찜하기, 취소가 제대로 작동이 안 될 때가 있다. 2. 시작 화면이 New & Hot으로 연결되어 있는 게 불편할 때가 있다. 보통 사용자들은 본인들이 이미 보던 시리즈나 영화를 이어보려고 할 텐데 첫 화면부터 찜한 콘텐츠와 시청 중인 영상이 뜨면 편할 것 같다. 3. "홈"과 "나의 넷플릭스"가 분리가 잘 .. 2024. 2. 6.

티스토리툴바