본문 바로가기

D128

[UXUI 사전캠프 3주차] UX/UI디자인 관련 용어 정리 Ver.2 가변영역 나인패치를 사용하면 유동적으로 개수나 크기를 고정하지 않고 활용할 수 있는데, 이 때 유동적으로 변하는 영역을 뜻한다. 나인패치 대화장에 주로 사용되는 기술로 고정되지 않고 유동적으로 활용된다. 대화형 UI에서 사진, 영상, 링크 등 다양한 요소로 활용할 수 있다. 계층적 네비게이션 하위메뉴가 있는 계층구조로 연결된 네비게이션 고스트버튼 사용자의 행위를 유도하는 버튼. 얇은 테두리선에 내부는 평범한 텍스트와 투명한 배경으로 구성. 플랫한 화면과 어울리고 높은 대비효과를 주므로 사용자가 터치하기 편하다는 장점이 있다. 그리드 리스트 UI 그리드 리스트는 스프링보드나 사진 앨범과 같은 갤러리 화면에서 사용하는 UI로 여러 셀이 격자 모양으로 배치된다. 셀 내부에는 주로 이미지를 삽입하지만 아이콘이나.. 2023. 12. 4.
[FIGMA] 클릭하면 이동하는 피그마 프로토타이핑?! Figma의 Prototyping에 대해 정리해보는 시간을 가져보도록 하겠습니다! 프로토타입 패턴(prototype pattern)은 소프트웨어 디자인 패턴 용어로, 생성할 객체들의 타입이 프로토타입인 인스턴스로부터 결정되도록 하며, 인스턴스는 새 객체를 만들기 위해 자신을 복제(clone)하게 됩니다. Protptype은 제품에 대한 사용성 및 기능을 테스트하기 위해 시험 형태를 만들어보는 개략적인 틀을 뜻합니다. 피그마에서 프로토타입을 사용하는 방법은 전혀 어렵지 않습니다. 예시를 들어 이런 나이키 어플창을 구현하고 싶을 때에 왼쪽에 나이키 로고를 클릭할 시 오른쪽 화면을 구현시키고 싶다면 1. 프로토타입모드로 변경 2. 행동을 진행시킬 방향을 화살표로 지정 3. 행동 지정 4. 결과 지정 간단하게 .. 2023. 12. 4.
[UXUI 사전캠프 2주차] UX/UI디자인 2주차 WIL. 2주차 회고록 작성 이번 주는 UX/UI에 대해 기초적인 개념을 알고난 후, Figma에 대한 기초 공부를 하고 그에 맞춰 웹 혹은 앱을 디자인 해보는 시간을 가졌다. 일단 기초 지식에 대한 공부는 큰 어려움은 없었는데, 문제는 웹사이트를 고르는 것부터 시작되었다. 내가 아는 기본 지식으로 도대체 어떻게 만들어야 할지 막막해져서 사이트 선정하는데 가장 애를 먹었던 것 같다. 그래도 평소 자주 보는 게임 사이트가 가장 알기 쉬울 것 같아 선정하게 되었다. 사이트 디자인을 해볼 때는 Hover가 정말 많이 쓰여서 인상깊었던 것 같다. 처음엔 어떤 기능인지도 잘 몰라서, 하나하나 배워가느라 오래 걸리기도하고 너무 어렵기도 하였지만, 어느정도 계속 사용해보니 감을 익힌 것 같다. 앞으로 유용하게 많이 쓸 수 있.. 2023. 12. 1.
[UXUI 사전캠프 2주차] 자주 사용하는 웹/앱 서비스 홈 화면 분석 오늘은 자주 사용하는 웹이나 앱 서비스의 홈 화면을 분석해보는 시간을 가지려합니다. 저는 평소 제가 자주 방문하고 사용하던 여러 사이트와 어플리케이션을 살펴보다가 '밀리의 서재'라는 전자책 어플리케이션을 가지고 분석을 해보려 합니다. 01 ㅣ 웹 서비스 선정 이유 1. 선정 이유 평소 제가 짜투리 시간에 자주 사용하던 어플이기도 하고, 홈 화면을 천천히 살펴보니 배운 요소들이 많이 보여서 복습하기 좋은 환경이라 생각하여 선정하게 되었습니다. 2. 서비스 소개 '밀리의 서재' 라는 어플리케이션은 월정액으로 도서를 대여해 읽을 수 있는 전자책 서비스이다. 국내에서 월정액 도서 서비스 중 최고 수준인 약 14만 권 정도의 책을 읽을 수 있습니다. 책을 좋아하지 않는 사람들을 타깃으로 삼고, 오디오북과 챗북같은.. 2023. 11. 28.

티스토리툴바