하얀 캔버스를 열어두고 디자인을 하기 위해 가장 먼저 고민하는 것은 결국 '구성'입니다. 전체적으로 어떤 색상을 사용할까, 어떤 배치를 사용할까 이런 것들이죠.
타일은 바로 이 점을 해결해주는 서비스입니다. 내용만 구성해둔다면 디자인을 '시작'할 수 있도록 해주는 것이지요. 슬라이드 상단의 디자인 바꾸기 버튼을 활용하시면 됩니다. 이 버튼을 누를 때 마다 현재의 텍스트 길이에 맞춰 다양한 디자인을 보여줍니다.
이렇게 타일이 보여주는 다양한 구성 외에 원하는 대로 설정을 더 하고 싶다면 박스를 선택하셔서 할 수 있습니다. 타일에서의 박스는 전체 디자인을 결정 짓고, 텍스트와 이미지를 분리해주는 기능을 하기도 합니다. 바로 이 부분이지요.
이 부분의 설정을 어떻게 바꾸느냐에 따라서 다양한 구도를 만들어보실 수 있습니다.
1) 박스의 색을 바꾸고 싶다.
우측의 설정 창에서 색상을 선택하시면 됩니다. 현재 88개의 색상을 제공하고 있습니다.
색상의 팔레트에서 원하는 색을 선택하시면 바로 적용되는데요. 이때 배경으로 사용한 이미지와 잘 어울리는, 디자인의 통일감을 줄 수 있는 색을 선택할 수 있어요. 색상바의 가장 상위에 Well-match라는 것이 있습니다. 이 것은 타일이 자동으로 이미지와 잘 어울리는 색을 추출해주는 기능입니다.
위의 예시에서 보이는 것처럼, 해바라기 이미지와 잘 어울리는 색들이 다섯 가지 추천됩니다. 그중에서 선택하시면 됩니다. 처음에 원했던 IndigoBlue를 사용하는 것보다 타일이 추천한 Custard색을 선택하는 것이 더 잘 어우러져 보입니다.
2) 박스의 배치를 바꾸고 싶다.
박스의 배치를 바꾸는 것이 결국 전체적인 디자인 구성을 바꾸게 될 것입니다. 우측 설정 메뉴에서 배치를 선택하시면 20개의 레이아웃을 볼 수 있습니다. 이는 모바일에서 가장 많이 사용되며 정보 전달에 효과적인 배치들을 뽑아서 선정해놓은 것입니다.
리스트의 이모티콘 모양대로 배치가 바뀌게 될 것입니다. 이때 적용을 취소하고 싶다면 제작화면 왼쪽 상단의 돌아가는 화살표 기호를 클릭하시면 이전 디자인으로 돌아갈 수 있습니다.
박스의 배치를 선택하고 덧붙여 사용할 수 있는 기능이 있습니다. 바로 테두리마진입니다. 테두리 마진은 박스를 모서리에 딱 붙일 것이냐 띄어서 사용할 것이냐를 결정합니다. 상, 하, 좌, 우의 모서리와 박스를 떨어트릴 수 있습니다. 테두리마진 버튼을 누를 때마다 적용되게 되므로 클릭을 해보시면서 원하는 상태를 결정하시면 됩니다.
다만, 테두리 마진 기능은 아래의 레이아웃에서만 가능합니다. 박스가 반투명한 상태를 띄고 있을 때에서만 기능이 활성화되게 됩니다. 배치 리스트에서 Sided box 선택지들을 이야기합니다.
3. 박스를 선으로 바꾸고 싶다.
면으로 보이는 박스를 '선'으로 바꾸고 싶다면 선모양 버튼을 누르시면 됩니다. 면과 선을 동시에 사용할 수는 없으며 선을 선택할 경우 박스의 모양대로 테두리가 생깁니다.
선모양은 클릭할 때마다 변경되며 실선으로 상하좌우인지, 점선으로 상하좌우인지를 결정할 수 있습니다. 클릭을 해보시면서 원하는 디자인으로 결정하시면 됩니다.
면이 아니라 선으로 결정하셨을 경우 이미지의 밝기가 자동으로 조정되게 됩니다. 이는 텍스트의 가독성을 위해 엔진이 자동으로 적용시키는 것 입니다. 만약 원치 않으실 경우 이미지 > 이미지 밝기를 클릭해서 원하는 대로 변경하실 수 있습니다.
4. 박스에 그라데이션을 넣고 싶다.
박스에 사용할 수 있는 그라데이션은 단방향과 양방향 두 가지가 있습니다. 단방향의 경우 점차 한 쪽면이 옅어지게 됩니다. 양방향의 경우 원래의 색과 어우러지는 색이 자동으로 적용되게 될 것입니다.
우측 설정 창에서 그라데이션 버튼을 누를 때마다 '비활성화 → 단방향 → 양방향'으로 바뀌면서 적용이 되게 됩니다. 단방향으로 결정했을 때, 옅어지는 위치는 [테두리마진]의 상태에 따라 적용됩니다.
5. 박스를 사용하고 싶지 않다.
우측의 설정 창에서 박스 숨김 버튼을 누르시면 됩니다. 그럼 박스가 없어지면서 이미지와 텍스트만 사용할 수 있는 상태로 바뀌게 됩니다.
선모양의 기능을 이야기하면서 말씀드린 것처럼 이미지의 밝기는 텍스트의 가독성을 우선하게 됩니다. 만약 이미지의 밝기를 원하는 대로 바꾸고 싶다면 이미지 > 이미지밝기에서 조정하시면 됩니다.
텍스트의 위치를 상하, 좌우로 바꾸고 싶을 때는 제목 / 본문텍스트 > 가로정렬 혹은 제목 / 본문텍스트 > 세로정렬에서 설정하실 수 있습니다.
6. 앞장의 디자인을 뒷장에도 적용하고 싶다.
슬라이드를 추가로 생성하면 앞장에서 적용된 색상, 배치, 폰트들이 동일하게 적용됩니다. 그런데 디자인 작업을 쭉 하시다가 마음이 변해 앞장의 디자인을 뒷장에서 그대로 적용하고 싶어진다면 양 슬라이드 사이의 버튼을 클릭하시면 됩니다.
윗 장에서 적용했던 디자인 구성을 아래로 적용시킬 수도 있고 아래 장에서 적용했던 디자인 구성을 윗 장으로 적용시킬 수도 있습니다.
바로 위의 것뿐만이 아니라 위의 모든 카드를 바꾸고 싶다면, 혹은 바로 아래 것뿐만이 아니라 아래의 모든 카드를 바꾸고 싶다면 버튼을 꾸욱- 길게 누르시면 됩니다. 그럼 아래와 같은 화면이 뜹니다.
배치와 글꼴, 색상을 변경할 수 있는 Tone & Manner 와 사이즈를 변경할 수 있는 버튼이 있습니다. 두 가지를 다 바꾸셔도 되고 둘 중 하나를 선택하셔도 됩니다.
※ 디자인이 아니라 내용까지 복제하고 싶을 때는 슬라이드 우측 상단의 복제 버튼을 누르시면 됩니다.
해당 슬라이드를 지우고 싶다면 제거 버튼을 누르시면 됩니다. 슬라이드의 순서를 바꾸고 싶을 때는 슬라이드 상단을 마우스로 눌러, 원하는 순서로 드래그하시면 됩니다.
· · ·
박스를 설정해서 디자인을 바꿀 때 가장 유의해야 하는 것은 정보 전달에서 이미지의 역할과 텍스트의 역할을 명확히 하는 것입니다. 이미지의 역할이 크다면 이미지를 더 잘 보일 수 있도록 하는 배치를 선택하고 텍스트의 역할이 크다면 텍스트를 더 잘 보일 수 있도록 하는 배치를 선택해야 합니다.
이제, 이렇게 멋지게 완성되어가는 콘텐츠에 우리의 로고를 넣고 싶다면 아래의 링크를 클릭해주세요.
로고를 바꾸고 싶다면 >
