헬로,재민

본 후기는 본 후기는 [유데미x스나이퍼팩토리] UI/UX 포트폴리오 과정 2기(B-log) 리뷰로 작성 되었습니다. 컴포넌트컴포넌트는 아이콘 버튼 레이아웃 등 많이 사용하는 오브젝트를 저장해두고 바녹해서 사용하는 요소이다  컴포넌트 만들기cmd+opt+k 인스턴스main component - 원본이다 디자인에 사용하지않고 컴포넌트끼리 정리해서 모아둔다인스턴스는 컴포넌트를 복사한 요소로, 메인 컴포넌트에 영향을 받지 않음Detach instance - 인스턴스를 컴포넌트에서 분리go to main component - 메인 컴포넌트로 가기 오버라이드 메인컴포넌트를 복사해 색상 크기 등 수정할수 있다.push changes to main component -인스턴스에서 수정한것을 메인 컴포넌트로 덮어씌우기 ..

유데미 스나이퍼팩토리 2024. 12. 25. 23:11

이번주 월요일부터는 IA와 UI기획에 들어갔다UI기획엔 와이어프레임 그리고 유저플로우가 있다 모바일 IA에 대한 팀장님이 충분히 인지하고 오는게 좋을거같다며 주말에  좋은 블로그 내용들을 준비해주셨다.  1. 상단 인터페이스 - 빠르고 직관적인 접근 모바일에서 검색 알림 프로필처럼 자주 이용하는 기능을 배치하는곳이다 , 즉시 접근성2. 하단 인터페이스 - 주요기능에 대한 빠른 이동주로 고정 내비게이션이 위치한다, 이동의 편리함과 안정적인 내비게이션 경험을 제공하는 것이 목표3. 홈 인터페이스 - 핵심 정보모바일 서비스의 첫화면이기에 즉각적이고 개인화된 정보 제공이면 좋다 서비스 IA와 플로우 차트의 공통점- 서비스의 전체 구조를 파악하기 위해 활용- 프로젝트 전체 규모를 이해시키고 개발자와 디자이너와 ..

유데미 스나이퍼팩토리 2024. 12. 24. 15:16

본 후기는 본 후기는 [유데미x스나이퍼팩토리] UI/UX 포트폴리오 과정 2기(B-log) 리뷰로 작성 되었습니다.  컴포넌트여러아이콘 드래그하고 피그마 세트 만글기  이후 에셋에서 가져와 하나씩 변경가능하다, 원하는걸로 바꾸면된다 컴포넌트 프로퍼티 text Property - 디자인 패널에서 텍스트를 재정의 booleam Property - 레이어의 보이기 / 숨기기 상태를 토글instance Swap Property  - 디자인 패널에서 인스턴스를 교체  1. 각각 선택해서 각각 세트가 아닌 컴포넌트로 만든다 - 그래야 스왑이 된다  2. 버튼안에 하나 넣는다3. cmd+opt+k -> 컴포넌트 만들기 , 버튼 통째로 컴포넌트로 만든다 4. 버튼 자체를 클릭하고 appearance옆에 육각형 아이콘을..

유데미 스나이퍼팩토리 2024. 11. 26. 21:33

1. 어떤 것을 배웠나요? - 이번주는 ui의 개념과 피그마의 간단한 기본툴 그리고 프로토타입과 오토레이앙수 컨스트런트등을 배웠다- 또한 매일 배운것들을 기록했기에 https://hi-jaemin.tistory.com/ 에서 확인해보면 좋겠다  헬로,재민 hi-jaemin.tistory.com   2. 오늘 겪은 시행착오/어려운 점이 있었나요?- 개발을 해본적있어 ui의 명칭은 어느정도 인지한 상태였지만 UX의 개념과 자료수집은 조금 쉽지 않았다  3. 앞으로 적용해야겠다고 느낀 점이 있다면 무엇이고, 어떻게 해보면 좋을까요?- 일단 내가 만들 앱과 웹의 ux 리서치나 자료분석에 힘을 써야 할거같다 4. 현재까지의 학습 평가 및 다음 학습을 위한 다짐/목표를 공유해주세요.- 매번 개발 전 디자인을 할 때..

유데미 스나이퍼팩토리 2024. 11. 24. 23:58

본 후기는 본 후기는 [유데미x스나이퍼팩토리] UI/UX 포트폴리오 과정 2기(B-log) 리뷰로 작성 되었습니다. 오토 레이아웃 2탄! "자동으로 변하는 레이아웃"버튼과 카드등에 많이 사용한다 shift + a를 사용한다 ,해제는 shift+ opt + a를 이용 이제 다음 내용 개발에서 쓰는 position : absolute처럼 오토레이아웃에도 Absolute position이 있다로고 사용은 - BrandFetch 플러그인이 있다   컨스트레인트 (통제)요소에는 부모요소와 자식요소가 있다큰틀이 부모 - 그안에 있는 사진 타이틀등이 자식/하위요소라고 한다 컨스트레인트는 "프레임" 안에서만 설정이 가능하다, 그룹은 절대!!안된다감싸는 부모가 있어야 자식요소에 통제(Constraints)가 가능하다  ..

유데미 스나이퍼팩토리 2024. 11. 24. 23:41

본 후기는 본 후기는 [유데미x스나이퍼팩토리] UI/UX 포트폴리오 과정 2기(B-log) 리뷰로 작성 되었습니다. 피그마 레이아웃 그리드그리드의 형태는베이스라인 그리드 - 텍스트가 놓일 위치를 결정하는 균일한 수평선 격자원고 그리드 - 단순히 페이지 위에 텍스트가 놓인 1단 그리드모듈 그리드 - 웹사이트에 많이 활용. 교차하는 열과 행으로 레이아웃을 만드는 그리드 그리드 용어컨테이너 - 사진 이미지 텍스트 등 디자인요소가 들어가는 부분 container , content width라고 부름 컬럼 - 열 또는 단 커터 - 컬럼과 컬럼 사이 마진 -좌우 여백그리드를 보기 안보기 단축키는 shift + G 레이아웃 그리드   권장 가이드라인은  모바일 화면 (375) 4컬럼 - 마진 16 -거터 16~20 ..

유데미 스나이퍼팩토리 2024. 11. 21. 18:02

본 후기는 본 후기는 [유데미x스나이퍼팩토리] UI/UX 포트폴리오 과정 2기(B-log) 리뷰로 작성 되었습니다.  컬러를 이용하여 효과적으로 메세지를 전달하고, 궁극적으로는 더 나은 사용자 경험을 만든다  컬러 플러그인 플러그인 Foundation Color Generato명도 추출 / 명암비 알려주는 플러그인  플러그인 Tailwind CSS Color Generator명도 추출 / 스타일과 베리어블로 만들어 주는 플러그인   컬러 대비 검사 플러그 인웹접근성 검사 플러그 Use Contras Color Contrast 색상 참고 사이트 https://www.colourlovers.com http://pantone.krhttp://design-seeds.comhttps://colorhunt..

유데미 스나이퍼팩토리 2024. 11. 20. 23:16

본 후기는 본 후기는 [유데미x스나이퍼팩토리] UI/UX 포트폴리오 과정 2기(B-log) 리뷰로 작성 되었습니다. 오늘은 UX에 관한 개념을 듣게 되었다.사용자의 경험을 바탕으로 개선안을 찾는 방법이라 할 수 있다. 서비스를 이용하며, 각자의 서비스에 대한 생각과 경험을 지니고있는 사람들을 사용자라고 일컫는다.페르소나도 비슷한 유형이다. 사용자의 경험은 연령, 성별, 시간, 장소, 맥락에 따라 다양하다. 예를 들어 , 뱅킹 이용시 누구는 돈을 보내기 위해 가입했고, 펀드를 위해 가입했고, 적금 상품을 알아보고 가입했다 등이 있다. 경험요소는 What 과 How로 구분된다  What - 어떤 은 정보 기능 형태를 말한다. 약간 눈에 보이는것들이고How - 어떻게 는 이용과정, 절차, 안내를 말하면서 추상..

유데미 스나이퍼팩토리 2024. 11. 19. 20:36