16 lines
1.8 KiB
Markdown
16 lines
1.8 KiB
Markdown
## 프로필영역상세 디자인 작업
|
|
1. 프로필 영역의 xpading: 25, ypadding: 34
|
|
2. 프로필 영역은 수직 방향으로 3열로 나뉘고 각 간격 32px
|
|
3. 첫번째열은 프로필 사진 영역으로 높이가 120px이며 프로필 사진과 등급아이콘이 수평으로 들어가고 프로필사진은 120x120 px 등급은 62x62px 둘 사이 간격은 8px 수평방향 중앙에 배치
|
|
|
|
4. 두번째영역은 닉네임, 정보 영역으로 높이가 120px이며 내부에는 닉네임, 레벨, 등급, 포인트가 수직으로 배치
|
|
4-1. 닉네임과 레벨 수직간격은 20px 레벨과 등급, 등급과 포인트의 수직 간격은 12px
|
|
4-2. 닉네임영역은 폰트 컬러 5c5c5c 폰트사이즈 18px
|
|
4-3. 레벨,등급,포인트 라벨은 가로 사이즈 64px 좌측에 16px*16px아이콘이 배치되며(임시로 사각형 svg 아이콘 생성해서 넣기) 8px간격으로 우측에 텍스트 좌측정렬 컬러 8c8c8c이고 폰트사이즈 12px
|
|
4-4. 라벨의 우측 정보는 라벨과 수평으로 24px 간격에 배치되며 닉네임과 컬러같고, 폰트사이즈 16px
|
|
|
|
5. 세번째 열은 버튼 영역이며 수직으로 4개의 버튼이들어가며 모두 300px*32px 라운드는 full 텍스트 는 좌측부터 100px 위치에 배치되며 가장 왼쪽에 돋보기 아이콘 폰트는 12px, 텍스트컬러는 흰색
|
|
5-1. 첫번째 버튼은 내 정보 페이지
|
|
5-2. 두번째 버튼은 포인트 히스토리
|
|
5-3. 세번째 버튼은 내가 쓴 게시글 버튼 가장 우측에 개수 표현 개수는 흰배경에 풀라운드 width 47 height 18px 텍스트 컬러 707070 텍스트 사이즈 10px
|
|
5-4. 네번째 버튼은 내가 쓴 게시글 버튼 가장 우측에 개수 표현 개수는 흰배경에 풀라운드 width 47 height 18px 텍스트 컬러 707070 텍스트 사이즈 10px |