전체 글48 포트폴리오-칸트차트(스케줄 관리) 2023년, 1~2월경 UXUI 디자인할 때 자료 조사했던 내용을 토대로 앱 개발 기획서를 작성했다. 앱 로고: 모임숲의 'ㅁ,ㅇ,ㅅ'을 도형처럼 활용하여 숲을 형상화했고, 로고 컬러는 앱의 COLOR BAR를 이용했다. 프로젝트 개요: 가상의 앱을 만들기 전에 트렌드에 맞는 앱을 제작하고 싶었고, 도서 [2023 트렌드코리아]를 주로 참고했다. 유사앱 : 유사앱으로는 지역 중고거래와 동네 소식을 공유할 수 있는 당근마켓을 가장 메인으로 잡았고, 이외에 소모임만을 위해 만들어진 문토, 소모임이라는 앱의 카테고리와 운영 방식을 조사하며 모임숲을 기획하게 되었다. 특히, 당근마켓은 비교광고 형식을 제작할 때 비교 대상이 되는 브랜드로 채택했다. 현재 지역 친목을 나눌 수 있는 앱 중에서 당근마켓의 브랜드 가.. 2023. 5. 15. [C4D/에펙]-특수영상 합성 RIGGED BODY, 에펙그린스크린 활용 C4D에서 RIGGED BODY와 COLIDER BODY를 이용한 합성 영상을 만들었다. 빌딩에 거대한 바위를 굴리는 괴물이 나타나고 굴러오고, 빌딩 구조물에 바위가 부딪히면서 튕겨져 나가고, 사람들은 도망가는 장면을 뉴스 보도하듯이 구성한 영상. 비는 오디오는 내 목소리 더빙으로 해결. 여기에 그린스크린을 합성해서 뉴스 장면을 연출해보았다. 공이 튕겨져 나가는 장면은 트래킹이 중요했는데, 3D 트래킹 포인트를 잡을 때 바닥면을 잘 선정해서 잡아야 트래킹이 어색하지 않다. 트래킹을 처음 해봐서 서너차례 지우고 다시 하면서 반복하고 나니 바닥면의 트래킹이 제대로 잡혔다. 다음에는 더 잘할 수 있을 것 같다. 기둥과 의자에 부딪히는 부분은 다른 CUBE를 배치해서 영상에서 실제로 부딪히는 것처럼 보이게 하려.. 2023. 5. 8. [C4D] 오렌지 주스 광고 모델링 및 애니메이션 UI디자인이 끝나고, 곧바로 C4D로 모델링 및 애니메이션을 준 주스 광고를 만들었다. 오렌지가 나무에서 떨어질 때 Align to spline을 사용했고, ROTAION, SCALE,POSITION 등을 이용해서 애니메이션을 주었다. 지진이 나는 것 같은 효과는 에펙에서 WIGGLY를 이용했고, 블렌더 속에서 돌아가는 주스는 Whischy 질감을 , 주스를 표현하기 위해서 DISPLACEMENT를 이용했다. 화면 구도는 오렌지주스 광고를 참고해서 카메라 구도를 잡았다. 아래는 오렌지 주스 광고 완성본. https://www.youtube.com/watch?v=nLZrpnot2To 비영리 목적으로 제작한 C4D 영상입니다. [C4D 모델링] 2023. 5. 8. [모임숲 UI디자인] 스크린 버전 -1차 시안 디자인 작업 기간 : 2주 모임숲 UI디자인에 있어서 가장 시간이 많이 들었던 부분은 나무 심볼과 동물 캐릭터 디자인이었다. 나무 심볼 : 모임이 활성화 될 수록 나무가 성장하고, 모임이 주기적으로 열릴수록 꽃이나 열매가 열리는 것으로 직관적으로 표현하고자 노력했다. 동물캐릭터 : 참여자들이 캐릭터를 결정하고, 모임 참여도가 높을수록 횟수나 모임 개설 횟수에 따라 캐릭터 아이템을 주고, 아이템으로 캐릭터를 꾸밀 수 있다 앱의 콘텐츠를 채워나가는 데 심볼과 캐릭터는 중요한 부분을 차지했고, 디자인해야 하는 심볼의 종류도 이용자의 취향을 고려해서 다양하게 만들어야 했기 때문에 2주동안 학원에서 낮에는 진도를 나가고 밤과 주말에 남는 시간에 디자인하는 것이 빠듯한 일정이었다. 또한, 온보딩 페이지에서는 모임숲.. 2023. 5. 8. [UI디자인] 디자인 PPT 2023. 5. 8. [UI 디자인] 모임숲 소개 PPT -1차 시안 23.02월 1차 시안을 작업했다. 최종 포트폴리오 작업할 때 로고, 컬러바, 캐릭터 수정 등이 이루어졌다. 2023. 5. 8. [UI 디자인] 자료조사부터 UI 디자인까지 본격적인 UI에 들어가기에 앞서 UI에 필요한 디자인 컨셉을 정하는데 많은 시간을 들였다. 제대로 된 디자인 컨셉을 결정하지 않으면 디자인을 진행하다가 처음부터 다시 되돌아가야 할 수도 있기 때문에, 핀터레스트와 노트폴리오, 비핸스 등에서 디자인 레퍼런스를 다양하게 조사했다. 1. 핀터레스트, 비핸스 등에서 디자인 레퍼런스 조사 앱 아이콘, 로고, PPT 레이아웃, UI 레이아웃 참고 UI SAFE AREA에 맞는 디자인을 위해, 일러스트레이터로 디자인할 때 SAFE AREA ZONE을 틀처럼 만들어서 UI 페이지마다 적용했지만, 나중에는 많은 레이어가 겹치면서 그리드를 이용해서 SAFE AREA를 만들고 그리드를 잠근 후 작업하니 작업이 더 편리해졌다. 2. IOS 운영체제에 맞는 폰트 및 아이콘 사이.. 2023. 5. 8. [UX 디자인] 와이어 프레임 스케치부터 와이어프레임까지 사회조사분석을 통해 모임숲이라는 앱의 컨셉을 정했고, 다음으로 와이어 프레임을 정하게 됐다. 와이어 프레임이란 소프트웨어와 웹 디자인의 세계에서 쓰이는 개념으로, 웹사이트의 골격이나 앱의 사용자 인터페이스(UI) 및 핵심 기능을 나타내는 단순한 선과 도형으로 구성된 다이어그램 또는 다이어그램의 집합이다. 바로 디지털 드로잉을 하기보다는 먼저 대략적인 스케치를 통해 앱에 필요한 주요 기능과 서비스 등을 구상하면서 레이아웃을 잡아보았다. 사회조사분석 결과는 다음 링크를 참조 UX 스마트문화앱 - 사용자 조사방법 PPT ava-archive.tistory.com 와이어프레임 스케치에서 홈메뉴에 들어갈 대메뉴부터 정하고, 각 대메뉴 속에 들어갈 콘텐츠에 맞는 UI 레이아웃을 대략적으로 스케치해보았다. 스케치하면.. 2023. 5. 8. UX 스마트문화앱 - 사용자 조사방법 PPT 2023. 5. 8. 이전 1 2 3 4 5 6 다음
