BlueWIPER BlueWIPER

프리스쿨 Image box 20230602 배너나 프로모션등에 이미지영역과 텍스트영역을 크게 구분하여 사용 콘텐츠의 성격에 따라 사이즈, 위치를 지정하여 통일감을 부여 * 해당 배너와 유사한 배너 제작 시 가이드를 만든 이미지 영역을 사용하여 통일감 있게 만듦 * '가이드화 한다.' -> 어디까지를 이미지 영역으로 쓸 것인가에 대한 정의가 필요 * 최대 글자줄수를 고려한 이미지 가이드 * 좌측 마진값은 고정으로 두지만 우측 마진은 유동적이다. 그래도 좌측 마진값만큼 넘게 텍스트 추가를 하진 않는 편 위 작업물이 바로 세줄까지 작성할 때를 대비해서 만든 이미지 가이드와 그 결과물이다. [실무팁] 이미지영역과 텍스트가 오버랩이 되게 제작할 때도 있긴 있으나 후속 디자인을 위해 협의가 필요하다. [유의] 배경..

프리스쿨 Tab 20230601 페이지 내 유사한 정보를 그룹핑하여 콘텐츠를 정리할 때 사용 여러 섹션을 신속하게 전환할 수 있게 함 탭이 표현하는 정보의 볼륨에 따라 뎁스라는 위계가 생기며 해당위계를 탭에도 시각적으로 표현 하위뎁스가 상위뎁스 위로 표현되는 것을 권장하지 않음 * 상위뎁스(Depth)에서 하위뎁스로 갈수록 볼륨감이 적어짐 * 뎁스 간 차이를 둘 것 * 같은 뎁스라도 활성화인지 비활성화인지에 따라 폰트 무게감에 차이를 주기도 한다. [실무팁] 각 메뉴의 on(활성화)/off(비활성화) 버전을 동일하게 만들어 준다. 요소 간 간격은 짝수로 하는 것이 좋다. [유의] 아이콘을 만들 시 가이드 도형을 삽입해서 간격을 균형 잡는다. [나의 생각] 강의는 40분이 채 안 되는데 디테일을 강사님과 ..