본문 바로가기

진짜 전문가가 되기 위해!/디자인 연습

[디자인 - 연습] 웹디자인 연습(5) - 이마트24

  • 주제 > 이마트 24 편의점 제품, 편의점 창업
  • 컨셉 > 귀여운, 재미있는, 심플한
  • 표현방법 > 그래픽디자인, 컨텐츠, 이미지
  • 폰트 > 'Noto Sans KR'
  • 타겟층 > 20-30대, 30-40대
  • 주요색 > #F8BB00
  • 색 분배 비율
  • 와이어 프레임
1. 모든 길이가 일정하지 않다.
2. 컨텐츠에 맞는 길이대로 설정이 되어있다.
ex) 제품은 박스 길이가 좁고 길게 되어있고 부모 컨텐츠는 위아래 비해서 짧다이벤트, 프랜드 소개, 창업 문의 등 중요도는 낮지만 방문 고객에 딱맞는 컨텐츠는 간격이 넒다.

*리뷰

  • 작업시간 > 3시간 
  • 선정이유 >
1. 이전보다 레이아웃이 정돈 되어 보이지느 않지만 각기 다른 레이아웃을 다룰 수 있을 것 같았다.
2.  메인 컬러가 사이트 전체 비중이 높은 편이다. (보통은 흰색 외에 포인트로만 메인을 써줌.) 

-느낌점 > 

1번만 했고 이번에는 보지도 외우지도 않고 기억을 더듬어 해보았다. 좋은데 분석하는 과정이 없어서 배운게 아니고 베낀다는 느낌이 들었다. 그리고 간격이 일정하고 정열이 잘 정리 되어있는 사이트와  상반되게 불규칙적이고 컨텐츠 위주로 간격을 만들어서 하면서 모습을 아주 잊어버렸을 때 추측이 불가능했다.


*셀프 점검

1. 이 시안 연습을 얻어가고 싶은 게 무엇인지 파악하고 연습할 것

--> 컨텐츠별로 각각 레이아웃이 모두 달라서 색다른 레이아웃을 배우고자 했다. 

2. 시작 전 분석하는 시간을 가질 것 (색분량, 레이아웃을 왜 그렇게 짰는지, 순서와 폰트 굵기의 상관관계)

--> 분석은 안함

3. 잘 모르겠으면 한번더 하기

-->1번만함

4. 안보고 해보기 

--> 안보고 하긴 했는데 레이아웃을 수치나 간격의 크기를 몰라서 연습하면서 분석이 되지 않았다.

미리 분석을 하던지 하면서 할거면 두 번 하면서 익혀보는 게 더 좋을 것 같다.

*결과

원본이 조금 다르다 왼쪽이 연습 오른쪽이 원작