본문 바로가기

전체 글108

3주차 숙제 - 프로토 타입 프로토 타입이란? 원래의 형태 또는 전형적인 예, 기초 또는 표준이다. 시제품이 나오기 전의 제품 디자인의 원형으로 개발 검증과 양산 검증을 거쳐야 시제품이 될 수 있다. 프로토타입은 '정보시스템의 미완성 버전 또는 중요한 기능들이 포함되어 있는 시스템의 초기모델'이다.   오른쪽에 있는 프로토타입 누르고 프레임을 누르면 오른쪽 가운데에 점이 뜬다. 점을 프레임이랑 연결하면은위 사진과 같이 팝업창이 뜬다.   On tap Instant 로 되어잇는지 확인을 하고 X를 누른다그러고는 플레이 아이콘( present)을 누르면은  버튼을 클릭하면 다음으로 넘어가게 된다.(전에 만들어 놓았던 리디자인에 프로타입만 했다) 2024. 5. 7.
3주차 2일 아티클 스티디 - UI 디자인 완성도 올리기, 레이아웃 편(1) 아티클 요약구글 머티리얼 디자인의 지속적인 업데이트와 보완점을 논하고 소통하고자 하는 목적으로 만들어진 사이트가 바로 머티리얼 디자인 블로그 이다. 오늘 요약할 아티클은 블로그의 내용보다 레이아웃에 대하여 설명을 한다.   이 스크린샷 페이지의 레이아웃을 보면 왼쪽 부분의 x좌표(가로 시작점)가 다르다. 2개의 카드 구성요소를 한 묶음으로 정하고. 시작점을 다르게 교차한다. 이러한 레이아웃은 조형요소중 "리듬"에 해당하며, 좌우를 계속 교차시켜 "균형" 또한 적용이 되어있다. 좌우 마진이 동일한 상태에서 컬럼의 커터값(구성요소와 구성요소의 사이 간격)과 동일하게 왼쪽에 여백을 주어 리듬감과 균형감을 준 레이아웃이다.    레드와 블루컬러의 가로값은 같다.그렇다면 왜? "리듬" 과 "균형" 을 레이아웃에 .. 2024. 5. 7.
WIL 2주차 WIL 2주차 FACTS(사실, 객관) : Figma 관련 해서 모르는 기능이 있었는데 이번 사전캠프를 통해서 알게 되었다.FEELINGS(느낌, 주관) :  UX/UI디자이너가 어떤 일을 하는지에 대하여 전에 보다 자세하게 알게 었다. FINDINGS(배운 것) : 사전캠프 전에는 피그마툴에서 베리어블이 어려웠었는데 사전캠프를 참가 하고는 조금 쉽게 느껴겨졌다. 그리고 좋은 디자인을  하기 위해서는 아티클 하고 책을 찾아보고  정보를 얻는 것이  매우 중요하다고 생각하게 되었다.FUTURE(미래) : 이번주에 사전캠프를 진행하면서 컴포넌트 만들기 였는데 머티리얼디자인3(머티리얼유디자인) 의 다이나믹 컬러 부분이 좀 어렵긴했다. 나중에 다이나믹 컬러 부분을 공부를 해서  사전캠프 5주차에 나의 관심 분야.. 2024. 5. 3.
사용자 인터뷰로 숨은 니즈 발견하기🔍 인터뷰 진행과정 대산 선정 > 리시치 방법 정의 > 리서치 내용 설계 리크루팅 및 일정 계획 실행 1. 대상선정어떤 서비스를 만들지에 대한 구체적인 분류기준을 마련해야된다 2. 리서치 방법이용 동기, 니즈, 태도 등을 파악하려면 인터뷰가 적합하다의견, 만족도, 선호도를 파악하려면 설문조사가 유용하다특정 행동이나 고충을 이해하려면 관찰이 효과적이다. 3. 리서치 내용소개, 주요 부분, 맺음말로 구분할 수 있다. 이 중 가장 중요한 '주요 부분'에서는 섹션 별로 구분해서, '무엇을 알아내야 현황을 파악했다고 할 수 있을까?'를 자문하면서, 가벼운 화제 순으로 작성해야 한다.인터뷰 동의서에는 인터뷰 진행 시간, 참가자의 자의적 결정임을 알리고 도중에 그만둘 수 있다는 점, 제공 정보(녹화나 녹음 등)의 취급.. 2024. 5. 2.
컴포넌트 만들기2 2주차 화요일 데일리 미션 피그마 실습https://www.figma.com/file/OVvdzKknddHvqWSoauGTwq/Untitled?type=design&node-id=0%3A1&mode=design&t=nlkBmebFoVeA2kV6-1 2024. 5. 1.
컴포넌트 만들기1 컴포넌트란 🤔웹, 모바일 화면에서 각 기능을 구성하는 최소의 단위이다. 이 최소의 단위들이 모여 하나의 페이지가 되고 페이지들이 모여 하나의 서비스가 된다.피그마 실습 https://www.figma.com/file/Ot4yqbz12jJ57Tb9EJGsyJ/Untitled?type=design&node-id=0%3A1&mode=design&t=trNPPMVsg20FGP1u-1 2024. 4. 30.