[제로베이스] UIUX 디자인 스쿨_프리스쿨

프리스쿨

 

 

Image box 20230602

배너나 프로모션등에 이미지영역과 텍스트영역을 크게 구분하여 사용  콘텐츠의 성격에 따라 사이즈, 위치를 지정하여 통일감을 부여

* 해당 배너와 유사한 배너 제작 시 가이드를 만든 이미지 영역을 사용하여 통일감 있게 만듦

* '가이드화 한다.' -> 어디까지를 이미지 영역으로 쓸 것인가에 대한 정의가 필요

* 최대 글자줄수를 고려한 이미지 가이드 

* 좌측 마진값은 고정으로 두지만 우측 마진은 유동적이다. 그래도 좌측 마진값만큼 넘게 텍스트 추가를 하진 않는 편

세줄 작성을 고려한 이미지 영역 가이드

위 작업물이 바로 세줄까지 작성할 때를 대비해서 만든 이미지 가이드와 그 결과물이다.

주문한번에 포장까지 해결된다는 점을 착안해 이미지 선택

플래그가 있는 이미지

[실무팁] 이미지영역과 텍스트가 오버랩이 되게 제작할 때도 있긴 있으나 후속 디자인을 위해 협의가 필요하다.

[유의] 배경색과 어우러지는 텍스트 색을 정할 때 투명도로 조절을 하게 되면 해당 배경색에서는 어울릴 수 있지만 다른 배경색일 때 영향을 받기 때문에 최대한 텍스트 색을 정해서 배치하는 것이 좋다. 

[나의 생각]  이번에는 이미지와 배치를 고민하느라 오래 걸렸다. 나중에는 모아둔 이미지를 능숙하게 쓰는 디자이너가 되어있겠지? 아마도? 제발? 하나 하나 만들어 나가는게 오래 걸리긴 하지만 내가 고민해서 조화롭게 보이도록 배치하는 과정이 재미있다. 내눈에만 조화로워 보이면 어떡하지라는 걱정이 있기도 하지만 여러 연습을 통해 센스까지 길러나가야겠다.