HTML5 & CSS3 : 포트폴리오 작업

2022.11.11.

• UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 41

 

---

Review

 선생님께서 요즘은 금요일에 진도를 안 나가고 포트폴리오 작업을 할 시간을 주신다.

처음부터 명확하게 포트폴리오 컨셉을 인테리어로 정했고, 내가 만들 웹 페이지는 매거진 형식

이었으면 좋겠다고 생각했다. 이유는 이미지를 나열하는 방식으로 심미성을 향상시킬 수 있고,

사용자들에게 내가 추구하는 것을 한 눈에 보여줄 수 있다고 생각하기 때문이다.

깔끔한 디자인으로 사용자들에게 편리하도록 디자인하고, 내가 평소 웹 페이지를 이용하면서

보기에 좋았던 부분이나 개선하면 좋겠다 생각했던 부분을 참고해 만들고자 했다.

 

평소 좋아하는 잡지인 Magazine B의 웹 페이지를 클론코딩하는 방식의 포트폴리오를 하나

만들고자 한다.

내가 너무 좋아하는 형식으로 만들어져 있고, 접속했을 때 보이는 아름다운 이미지와 잡지의

간략한 설명, 깔끔한 폰트 디자인이 사용자들의 시선을 사로잡는다고 생각한다.

 

Magazine B는 전 세계에서 찾은 균형 잡힌 브랜드를 한 호에 하나씩 소개하는 광고 없는

월간지로, 브랜드의 숨은 얘기는 물론 감성과 문화까지 담고있어 브랜드에 관심 있는 사람

이라면 누구나 쉽게 볼 수 있다. 

나 또한 'IKEA' 라는  홈 퍼니싱 브랜드에 관심을 가지고 있는 사람으로서 우연히 서점에 갔다가

Magazine B에서 이케아를 소개한 잡지를 처음 보게 되었다.

Magazine B에서 B는 Brand와 Balance를 뜻하며, 균형잡힌 브랜드가 이 매거진의 철학이라고

한다. 한 브랜드만 집중적으로 소개하는 잡지가 흔치 않은데 정말 흥미로웠다.

 

설명이 길어졌는데, Magazine B의 철학을 너무 리스펙하고 잡지 디자인이나 여러 요소들이 

나에게 영감을 주었다고 생각해서 이 기업의 웹 페이지를 클론코딩하기로 마음먹었다.

 

이 외에도 관심있는 브랜드인 '오늘의집', '29CM', 그리고 현재 일하고 있는 필라테스 학원의

웹 페이지 만들기도 포트폴리오로 활용하려 계획하고 있다.

 

파이팅 - !

 

 

---

 

• UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 41

 

 

 

0

:hover 상태일 때 background 넣기

 

지금은 메인페이지만 완성한 상태이다. 아직 스크립트를 배우지 않은 상황이라 반응형까진

구현하지 못했고 내가 할 수 있는 선까지만 만들었다 !

갈 길이 멀지만 차근차근 부족한 점들을 채워나갈 예정이다 파이팅 - !