Maeily-메인화면 기능추가 및 꾸미기(1)

저번에 레이아웃을 설계했으니까 이번에는 메인화면을 꾸며보는 작업을 할것이다.

먼저 해볼것은 header에 로고를 넣는 작업을 할것이다.

하지만 우리의 로고는 아직 정해진것이 없기때문에 그냥 임의의 로고를 넣기로 했다.(텍스트)

 

이제 프로토타입을 보면 

XD로 만든 프로토타입

백그라운드가 조금 회색계열인것을 볼 수 있다.

그래서 색을 바꾸는 작업을 하겠다.

 

 

폰트도 바꾸는 작업을 했다.

(폰트는 아직 정해진것이 없기때문에 임의로 설정을 해주었다. ※폰트는 Jua폰트이다.※)

 

그다음 content에 제목을 꾸며주는 작업을 진행하였다

border-bottom값을 줘서 제목과 내용을 나누었고 

font-size값을 증가시켜서 글씨가 눈에 더 잘 보이게 꾸몄다

css로 꾸민 레이아웃 

그리고 이모지를 넣어 더 꾸며주었다 (나중에 사진으로 대체할 예정이다.)

이모지를 추가한 레이아웃

오늘은 여기까지 하고 다음에는 각 content마다 기능을 넣어보도록 하겠다.