My Melody Kawaii

피그마 3

사이트만들기-메인페이지 피그마 제작하기

메인페이지 피그마 제작 헤더 부분에 로고와 로그인과 메뉴 페이지가 있는데 아이콘을 넣었는데 함께 저장이 안돼서 대략 이런 아이콘을 쓸 예정입니다. 카테고리 아이콘 로그인 아이콘 그리고 메인 부분에는 베너 이미지로 이미지 슬라이드 효과로 오른쪽으로 넘어가면서 여러장의 이미지와 함께 유통기한 확인하러 가는 버튼과 피부타입테스트를 할 수 있는 버튼이 있을 예정입니다. 또한 큰 섹션을 잡아서 그 안에 전체적인 광고 느낌으로 배경이 있으면 마우스 이펙트 효과처럼 전체 배경은 고정되어있고 마우스를 내리면서 하나씩 광고같이 보이는 효과를 주며 푸터에서는 로고와 함께 바로 갈 수 있는 페이지를 연결하고 이메일을 적어둘 예정입니다. https://vinne.co.kr/?gclid=Cj0KCQjwi46iBhDyARIsA..

페이지 유형 하단에 나오는 푸터를 만들어보자!

푸터 유형 페이지에서 푸터 유형은 맨 밑 하단에 위치해 있으며 정보 및 연락처가 나와 있거나 사이트 링크 섹션, 소셜미디어 섹션,구독섹션,저작권섹션,이전/다음페이지 링크 섹션,페이지 맨위로 링크등이 제공됩니다. pigma pigma 피그마를 사용하여 그리드를 이용해서 전체적인 틀을 잡아줍니다. HTML 푸터 Festival Ticket 티켓예매 티켓예약 티켓 유의사항 현장 발권 Festival News DJ 인터뷰 NEW MUSIC 메거진 DJ V LIVE Festival Music 음원 예약하기 음원 구매하기 음악 듣기 음원 및 저작권 Festival F.lab F.lab 소개 페스티벌 즐기는 법 F.lab 신청하기 F.lab 사람들 Festival world 페스티벌 종류 세계 음악 역사 페스티벌 역..

페이지 제작 2023.03.22

페이지 제작 카드 유형을 만들어보자!

카드유형 다양한 사이트 유형 중 오늘은 카드 유형을 만들어 보았습니다! FIgma사용 만드는 방법 먼저 피그마를 열어서 프레임을 만들어 주며 width 값 1920 height값을 800정도 설정해 줍니다. layout grid 설정에서 columns로 바꿔준 후 count 12, margin 380, gutter20으로 설정해줍니다. R을 누르면 프레임 값이 만들어 지는데 height값 20으로 양쪽 끝 그리드를 빨간선으로 눈금을 잡아줍니다. 다시 프레임을 만들어서 카드 섹션이 들어갈 수 있도록 3개의 프레임을 만들어 줍니다. 제목사이의 간격을 150으로 잡아준후 30간격을 만들어 준 후 2줄 내용이 들어갈 수 있도록 65정도 간격을 줍니다. 카드 사이에 간격이 70정도 준 후 카드에 들어가는 그림을 ..

페이지 제작 2023.03.07