포트폴리오 사이트 만들기 프로젝트1 - Figma

 

• 포트폴리오 사이트 만들기 프로젝트1 - Figma

---

Review
 
 

 조금 더 기본적인 이론을 다시 상기시키며 공부하기 위해 강의를 들으면서 포트폴리오 사이트 만들기

프로젝트를 시작하려고 한다.

이미지나 내용은 일단 미정이라 인테리어 사이트처럼 대강 만들어놓으려고 하고, 우선 피그마 작업 연습

차원에서 시작하게 되었다. 계획대로 잘 됐으면 좋겠는데... 

피그마로 먼저 작업 후에 코딩 작업을 시작하려고 한다.

 

파이팅 !

 

---

 

• 포트폴리오 사이트 만들기 프로젝트1 - Figma

 

 

 

 

 

1. Header 영역

 

헤더 영역 피그마 작업

 

헤더 영역 완성 화면

 

 

2. slide 영역

 

슬라이드 영역 피그마 작업

 

슬라이드 영역 완성 화면

 

 

3. Image 영역

 

이미지 영역 피그마 작업

 

이미지 영역 완성 화면

 

 

4. image / text 영역

 

이미지/텍스트 영역 피그마 작업

 

이미지/텍스트 영역 완성 화면

 

 

5. Card 유형 

 

카드 유형 피그마 작업

 

카드 유형 완성 화면

 

 

6. Banner 영역

 

배너 영역 피그마 작업

 

배너 영역 완성 화면

 

 

7. Text 영역

 

텍스트 영역 피그마 작업

 

텍스트 영역 완성 화면

 

 

8. Footer 영역 

 

푸터 영역 피그마 작업

 

푸터 영역 완성 화면

 

 

 

 

 

* 이미지 출처

: unsplash