본문 바로가기

전체 글70

[231219]4주차 피그마 강의 정리_시각자료 템플릿 만들기, 피그마 기능, 단축키 12/19 *플러그인으로 시각자료 템플릿 만들기* -Plugin_Mockup 소스 활용: 썸네일 등 (제품, iphone 실물 사진 등) -Plugin_Unsplash(랜덤이미지 활용가능): 인덱스 등 -Plugin_Wireframe Desingner: 주제 검색 후 활용 가능 -Plugin_Product Planner -Plugin_Charts: 인포그래픽 차트 활용 -Plugin_Color Paletts: 캔버스에 넣고 스포이드 (단축키 I)로 색 가져오기 *피그마 활용 발표* -Prototype에서 Flow starting point=시작점 설정 가능 -여러개 file->PDF 묶어보낼 때 = File->export to frame(내보낼 파일을 새로운 창에 뽑기) -이미지 저장 후 PDF로 묶는 .. 2023. 12. 19.
[231219]3주차 피그마 HW_프로토타입, 스마트 애니메이션 12/19 *유저 플로우* 사용자가 제품, 서비스를 사용할 때 취하는 전체 경로를 표시하는 다이어그램 *화면 설계서* -오토레이아웃을 잘 활용할 것 -오토레이아웃 리사이징 확인하기 *Prototype* 화면 순서, 플로우 간을 연결시켜 트리거를 통해 어떤 화면으로 어떤 이터랙션 스타일로 이동할 것인지 목업으로 보여주는 것 -다중 컴포넌트로 활용을 같이 하면 좋다. *스마트 애니메이션* -이미지 플러그인: upsplash -레이어 이름 순서 확인!!!!! 핵심화면을 먼저 제작할 것 *피그마 미러 앱* 폰으로도 플로우를 볼 수 있다. 2023. 12. 19.
[231218]2주차 피그마 강의 정리_오토레이아웃 12/18 *오토레이아웃: 컨텐츠에 따라 자유롭게 변형되는 프레임->요소 수정할 때 자동으로 사이즈 변경 된다. ->Auto layout 패널 활용! ->ctrl+shift+G로 해제 ->패딩값 조절 canvas stacking: 겹쳤을 때 정렬 단축키: shift+A 반응형 레이아웃 *오토레이아웃 리사이징: 프레임 생성 시, 상위 프레임 사이즈가 조정될 때 콘텐츠와 컨테이너가 어떻게 반응해야할지 설정하는 속성 1. Hug contents: 안에 콘텐츠가 있어야 뜬다. 2. Fill: 바깥에 컨테이너가 있어야 뜬다. 3. Fixed: 상대적 개념이 아니라 모든 경우에 뜬다. 컨테이너>컨테이너 또는 콘텐츠>콘텐츠 텍스트 대문자-> 더보기에서 대문자 변경 자동으로 가능 *컴포넌트* 컴포넌트가 master -.. 2023. 12. 19.
[231218]1주차 피그마 HW_플러그인 활용, 플로우 차트 그리기 12/18 *Plugins->Flow chart 실행* 요소 클릭 후 콘텐츠 내용 작성 연결 부분 화살표 클릭 후 도형 선택 연결 부분도 내용 작성 *강의 정리* boolean Group 플러그인-> 머터리얼 디자인 아이콘-> 가져오기 투명도 조절 단축키-> 숫자 5 색 스포이트 단축키-> I 그룹 단축키-> ctrl G 스타일 지정(반복할 때) 저장해놓고 사용 이미지를 한번에 내보낼 때 ctrl + shift + e Q. 프레임 안에 요소가 있는데 내보내지 않아진다면? A. 레이어 확인하기 *****!텍스트와 이미지를 함께 늘리는 법 단축키 k-> 답답했던 부분인데,,, 단축키 나이스,,,, !이미지 클리핑 마스크 우클릭 use a mask !클리핑 마스크 해제 마스크 영역인 도형을 선택 !플러그인 u.. 2023. 12. 18.

티스토리툴바