portpolio - 자기pr/리뉴얼/팀프로젝트

1. 포트폴리오 기획

포트폴리오 기획 방법 참고 : https://songeun91_.blog.me/ 

(1) 나는 앞으로 어떻게 살 것인가?

(2) 나는 어떤 디자인을 하고 싶은가? (어떤 디자이너가 되고 싶은가?)

(3) 회사에서 원하는 인재상

- 커뮤니케이션 능력 - 디자인 감각 - 신속성 - 통찰력 - 창의력 - 도전정신 - 팀워크 - 실행력 - 유연한 사고 - 도덕성

(4) 스왓 분석

강점

약점

기회

위협

(5) 작업 스케쥴

(6) 목적 / 전략 / 컨셉 / 룩앤필 (레이아웃 - 디자인 엘리먼트 - 포토그래피) / 레퍼런스

---------------------------------------------------------------------------------------------

(주)한국동물구조관리협회(http://www.karma.or.kr/) 웹페이지 리뉴얼

:: 목적

① 거시적 목적 : 실무에서 많이 사용하는 그리드형 IA 포트폴리오 제작                  - IA란? IA : Information Architecture

② 구축 목적 : 빠르고 용이하게 원하는 정보의 메뉴로 이동, 웹사이트의 주된 목적을 몇가지 뽑아 분명히 함(실태 고발, 활동 알림, 입양 및 후원 촉진) 

---------------------------------------------------------------------------------------------

'영화'라는 주제로 자유롭게 팀원끼리 아이디어 나눠 웹사이트 구축

목적

밝고 명랑한 분위기와 능력면에서의 신뢰로

팀워크가 중요시되는 디자인 회사에

적합한 인재상임을 표현할 수 있는

포트폴리오 제작

컨셉트

키워드 - 명랑, 신뢰, 감성적

색상 - 주조색 : 노란색  보조색 : 검정색 강조색 : 파란색 예정

 

강조색 #0D86FF

주조색 #F8F06A 강조색 #0D86FF

주조색은 채도가 낮음에 비해 강조색이 채도가 높아 강조색을 주조색 안에 넣었을 때 눈이 아프고 주조색이 죽어 보였다. 강조색을 #0D86FF색으로 변경하였다.

 

http://notefolio.net/jeonghwan_Thomas_lee/52001

유기견홈페이지 http://www.karma.or.kr/

다가가기 쉽고 사랑스러운 느낌 주기위해 일러스트 요소

http://designnas.com/portfolio/2017_ui/socar/index.html

https://blog.naver.com/jeuneus/221220299207

sbs아카데미 포트폴리오반 수강

디자인 기획 참고
https://songeun91_.blog.me/                                                            http://www.hongsi.x-y.net/2017_ui7/cse_c/main.html
https://m.post.naver.com/viewer/postView.nhn?volumeNo=5446687&memberNo=610&vType=VERTICAL
https://envato.com/websites/design/betheme-craftbeer/wve00m

메인 레이아웃 http://mattbarnesenterprises.com/
https://kaseta.co/
서브페이지로 작품들 한번에 보여주기 좋은 페이지 http://www.epok-design.fr/
http://websites.envatousercontent.com/design/betheme-craftbeer/wve00m/preview?layout=desktop
동적효과 - 서브
https://www.wokine.com/
서브페이지들 레이아웃 잡기 좋은 페이지 https://thegeneration.se/
동영상을 할 수 있다면 해보세용 https://uigstudio.com/
다양한 색깔 http://www.giampierocruceli.com/

깔끔한 목업작업 https://blog.naver.com/jeuneus/221202487976

--------------------------------------------------------------------------------------------

https://www.behance.net/academyjungle
-디자인 참고 사이트 비핸스

https://dribbble.com/
-디자인 참고 사이트 드리블

https://www.dbcut.com/bbs/index.php
-디자인 참고 사이트 디비컷 - 색감만 보는 것 추천

https://www.hongsidesign.com
-홍시 디자인 학원

http://hongsi.x-y.net/2016_ui1/sjh_c/
홍시디자인 포트폴리오

http://www.designnas.com/
-디자인 나스 학원

http://www.colourlovers.com/
-컬러 참고 사이트

https://color.adobe.com/ko/create/color-wheel/
-어도비 컬러 cc 컬러 참고 사이트

https://www.typographicposters.com/
-타이포그라피 참고 사이트

http://www.freeqration.com/featured/
-무료 고화질 이미지 다운로드 사이트

https://pixabay.com/
-무료 사진 및 동영상 다운로드 사이트

css/jquery 공작소 www.superkts.com

신기한겈ㅋ

http://cafe.daum.net/dotax/FGFP/9109?q=%ED%9E%88%EC%96%B4%EB%A1%9C%EC%A6%88

섹션별로 색깔 바뀌면서 바뀌는 것 1, 2, 3, ...

https://codepen.io/georgemarts/pen/JdNKBL

intro 글 넘어가는 것

https://codepen.io/epilande/pen/usHIw

https://codepen.io/farly/pen/dYqYJa

영화 조명

https://codepen.io/cathbailh/pen/pvvPjW

흐리게

https://codepen.io/herve/pen/EyhID