kimyws

JQuery 함수 모음 - inpa ■ 트렌지션 ■ 메뉴바 나오기 ■ 팝업창 나오기 ■ 이미지 페이드 인아웃 효과 ■ 이미지 슬라이드 효과 ■ 버튼 클릭시 스크롤 이동 ■ 스넵 스크롤 CSS ■ 아래 컨텐츠가 밀어 올리면서 화면전환 ■  화면 이동에 따른 회전과 곡선  ■ 특정 구간 화면 이동 후 효과 실행 ■

보호되어 있는 글입니다.

보호되어 있는 글입니다.

■ 피그마기초○ 특징- 클라우드 기반으로 컴퓨터에 저장할 필요 없음- 윈도우 맥 OS 제약을 받지 않는다.- 팀원과 실시간 협업이 가능- 커뮤니티에서 다양한 에셋 과 플러그인을 제공- 기획 프로토타이핑 개발까지 최적의 툴임 ○ 인터페이스-  툴바- 레이어 패널- 캔버스- 계정, 공유, 프로토 타입- 속성 패널 ○ 주요 단축키- Ctrl + G : 그룹- Ctrl + Alt + G : 프레임으로 그룹- Ctrl + Shift + G : 그룹해제- Alt 드래그 : 복제- Ctrl + [, ] : 순서- Ctrl + Shift + [, ] : 한번에 순서 이동- Ctrl + D : 반복작업 ○ 많이 사용하는 plugin - Unsplash : 이미지 사용 사이트- Pixabay : 이미지 사용 ○ 레이어, ..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

■ A조 : 홈페이지(향수)○ 발표 : 김학현, 남승연○ 조원 : 김가영, 김다나, 김학현, 남승연  ■ B조 : 홈페이지(향수)○ 발표 : 엄지혜○ 조원 : 박예지, 엄지혜, 윤지희, 장윤희 ■ C조 : 홈페이지(화장품)○ 발표 : 김민정, 이수빈○ 조원 : 김민정, 김혜원, 송다은, 이수빈 ■ D조 : 홈페이지(쇼핑)○ 발표 : 백재훈, 성정현○ 조원 : 백재훈, 성정현, 이연정 ■ E조 : 홈페이지(렌즈)○ 발표 : 박예은, 이재아○ 조원 : 김나현, 박예은, 이연아, 이재아

■ 피그마 설치○ 피그마 사이트 ○ 피그마 로그인(구글과 연계) ○  피그마 다운로드  ■ 피그마 실행 / 주요 툴 ○  새 파일 만들기- 단축키 Ctrl + N- 위 메뉴에서 Design file 누르기  ○  이름변경- 위의 이름을 클릭하면 이름을 변경할 수 있다.  ○  확대 축소-  Ctrl + 마우스 휠- +, - 키- Ctrl + 0 : 100% 크기- 크기 수치조정  ○  이동과 크기- Move : 단축키 V : 이동을할 수 있는 툴- Scale : 단축키 K : 오브젝트의 크기를 변경하는 툴  ○  Frame, Section, Slice- Section : 아트보드를 전체 관리하는 부분 단축키 Shift + S- Frame : 아트보드 영역, 하나의 화면을 의미 단축키 A- Slice : ..

■ 이미지 top변경으로 내려오는 이미지 만들기  ○ 코드펜 확인 ○ HTML ○ Css.wrap{ width: 80%; margin: 0 auto;}header{ height: 200px; background-color: rgb(201, 44, 44); position: relative; z-index: 2;}main > .cts{ width: 20%; margin: 0 auto; background-color: red; position: ..

HOME PAGE 홈페이지 회사소개 회사역사 혁신기업 가구 의자 책상 소파 책장 침대 ..