포트폴리오 기획

 

디자인을 들어가기 전에 항상 기획을 먼저 해야 하는 건 다들 아시죠?

저는 디자인을 전공하지 않아서 기획도 완벽하게 하지는 못해요..

그냥 코딩하기 쉽게 생각하고 첫번째 포트폴리오를 작성했던 거 같아요

" 이렇게 하면 코딩하기 쉽겠지. 저렇게 하면 어려우니까 쉽게 이렇게 바꾸자 "

 

하지만 첫번째 포트폴리오 제작을 마무리하고 나서 그러면 안돼는구나라는 생각을 했습니다

그래서 두번째 포트폴리오를 다시 새로 만들었던.. 아찔한 기억이 생생하네요

 

두 번째 포트폴리오에 관한 내용은 첫 번째 포트폴리오 정리가 끝나는 대로 정리해볼게요

 

우선 첫 번째 포트폴리오 기획을 해볼게요 :)

 

 

1. 스크롤 한번 할 때마다 한 영역씩 이동

웹 포트폴리오를 만들 때 많이 사용하는 기법으로 스크롤을 한번 굴리면 페이지가 아래로 내려가면서 다음 영역의 콘텐츠를 보여주는 방법입니다. 많이 사용하고 학원을 다닌 저에게는 이 방법이 가장 친근해서 이 방법을 기본으로 제작해볼 예정입니다.

스크롤 시 다음영역으로 이동

 

 

2. 폰트

한글 폰트는 S-Core Dream폰트, 영문과 숫자는 PT Sans 폰트를 이용하여 제작해볼 예정입니다. S-Core Dream폰트는 9가지의 다양한 굵기를 사용할 수 있는데, 이중에 Regular와 blod를 주로 사용 PT Sans폰트는 굵기는 2가지만 있지만, 이탈리체까지 해서 총 4가지가 있는데 이 폰트는 Bold Italic를 이용해 타이틀을 작성

사용폰트

해당 폰트는 에스코어와 구글 폰트에서 제공하고 있어서 쉽게 다운로드를 할 수 있습니다.

 

 

3. 색상 팔레트

색상은 많이 사용하지 않을 것이다. 애초에 포트폴리오를 심플하면서 깔끔한 포트폴리오를 만들 예정이었어서 색상을 딱 세가지만 사용할 것이다. 배경색으로 #192028, 멘트 색으로 #f2 f2 f2, 마지막 포인트 컬러로 #ffc400을 사용

그리고 배경색을 #f2f2f2색을 사용할 시 멘트 색을 #192028로 사용

ps. 여기서 그냥 검정(#000), 흰색(#fff)을 사용해도 되지만 웹에서는 안 쓴다고 해서 괜찮은 색상 추천을 받아서 사용하게 되었다.

 

컬러팔레트

해당 색상은 그냥 제가 검색해서 맞는 색상 이름을 찾긴 했지만 맞는지는 정확히는 모르겠어요^^

 

 

4. 들어갈 내용 정리

포트폴리오에 기본적으로 들어가야 하는 내용들과 저의 프로젝트, 디자인일 했던 것을 정리

1. 프로필 : 이름, 생년월일, 이메일, 연락처(카톡 아이디)
2. 스킬 : 포토샵, 일러스트, HTML, CSS, JavaScript, jQuery...
3. 자격증 : 컴퓨터 그래픽스 운용기능사, 웹디자인 기능사, GTQ그래픽스 기술자격...
4. 교육과정 : 입학, 현장실습, 학원, 졸업...
5. 포트폴리오 : 웹 리뉴얼, 일러스트 작업물, 포토샵 작업물, 베너 제작물, 로고제작...
6. 블로그 : 현재 블로그(공부 흔적) 소개

 

 

5. 벤치마킹

디자인이 부족한 저에게는 벤치마킹 없으면 디자인을 하지 못하기에 벤치마킹을 열심히 했어요

다른 사람들 포트폴리오도 많이 보고 괜찮은 디자인은 스크랩해놓고 자주 보고 며칠 동안은 벤치마킹만 한 거 같아요

포트폴리오들을 많이 보게 되면 괜찮은 JS 라이브러리가 많이 있어서 JS도 많이 찾아보고 그랬어요

ps. 괜찮은 JS들은 제가 다음 블로그에서 한 번에 정리해드릴게요. 코딩을 잘 못하는 사람들에게 진짜 많이 도움이 되는 JS들도 많이 있더라고요 그래서 제가 그나마 볼 수 있는 포트폴리오를 제작했던 거 같아요

 

 

6. 내용 배치

대충 틀과 내용이 정해졌으면 순서를 잘 배치해야 되는 것도 다들 잘 아시죠?

저를 소개하는 부분의 내용을 앞쪽으로 포트폴리오들은 뒤쪽으로 배치를 했어요(다들 그러겠지만..ㅎㅎ)

정리를 해볼까요?  :)

표지 → 프로필 → 스킬 → 포트폴리오 → 푸터

1. 표지 : 저번 포스팅에서 제작한 로고를 가운데에 배치하고 상단에는 메뉴 배치
2. 프로필 : 사진, 간단한 자기소개, 개인정보, 자격증, 교육과정
3. 스킬 : 원을 이용하여 스킬을 표현할 예정
4. 포트폴리오(웹 리뉴얼) : 기획의도, 제작기간, 키워드, 포인트 컬러
5. 포트폴리오(배너, 현수막, 로고) : 소개, 포인트 컬러, 원본 파일, 목업 파일
6. 푸터 : 블로그와 인스타 연결 링크걸기

 

 

이렇게 기획을 해봤는데 이렇게만 보면 괜찮은 포트폴리오가 나올 것만 같은 그런 두근거림이 있지요

기획할 때는 상상하는 것들이 있어서 괜찮은 디자인이 나올 거 같은 기대를 하고 디자인을 시작하는데

디자인을 막상 시작해보면 원하는 대로 잘 안되더라고요..

진짜 제가 디자인 쪽으로 갈 거면 지금이라도 디자인 공부를 좀 더해볼까 봐요ㅠㅠ

저에게는 아직 디자인을 할 수 있는 그런 감각이 많이 아주 많이 부족한 거 같아요..

 

다음 포스팅에는 제가 사용하고, 또 괜찮은 JS를 소개하는 포스팅이 될 거 같아요.

이렇게 보잘것없는 저의 포트폴리오 기획을 봐주셔서 감사합니다.

 

 

 

댓글과 하트는 저에게 많은 힘이 됩니다 :)

 

https://chpofo.tistory.com/39

포트폴리오 시작 - 로고제작