본문 바로가기

전체 글128

[FIGMA] Figma로 포트폴리오 템플릿 만들어보기 오늘은 Figma로 ppt, 포트폴리오 템플릿을 만들어보는 시간을 가져보도록 하겠습니다. 피그마는 디자인 툴이지만, PDF파일을 제작하는데도 편리하게 사용할 수 있는데요, 오늘은 포트폴리오 템플릿을 대략적으로 제작해보도록 하겠습니다. 포트폴리오 제작 시 대중적으로 많이 사용되는 Plug-in들이 있습니다. 1. Mock-Up 2. Unsplash 3. Wireframe Designer 4. Material Symbols 5. Product Planner 6. Charts 이 플러그인으로 대략적인 포트폴리오 템플릿을 제작해보았습니다. 2023. 12. 8.
[UXUI 사전캠프 3주차] 앱 서비스 선정, 회원가입 프로세스 분석. 저번 주에는 웹 사이트를 선정하여 분석해보고 클론을 제작하는 과정을 직접 해보았습니다. 이번 주에는 앱 서비스를 선정하여 분석해보고 이에 맞는 클론을 제작하는 과정을 해보려고 합니다. 오늘은 제가 선정한 앱 서비스를 소개해드리고 프로세스를 간단히 분석해보는 시간을 가져보도록 하겠습니다. 01 ㅣ 앱 서비스 선정 1. 선정한 이유와 서비스 소개 저는 STOVE 앱을 선정하였습니다. Stove는 Smilegate의 자체 런처이며, 기본적으로 로스트아크, 테일즈러너 등 스마일게이트에서 개발 및 스마일게이트 메가포트가 퍼블리싱하는 온라인 및 모바일 게임을 서비스하고 있습니다. 또한, 요즘 게임에서 자주 사용되는 OTP 인증번호를 앱에서 제공함으로써 간편히 보안인증을 거쳐 게임에 안전히 로그인 할 수 있도록 도와.. 2023. 12. 5.
[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.

티스토리툴바