main-image

[템플릿 제작TIP] 효과적인 이미지 사용 방법

2022년 6월 24일작성
1,408 명 읽음

[템플릿 제작TIP] 효과적인 이미지 사용 방법

 

이미지는 디자인에서 아주 큰 역할을 합니다.  

담고자 하는 정보를 일차원적으로 전달할 수 있기 때문에 이미지를 활용한 디자인이 많이 쓰입니다.

툴디에서 이미지를 효과적으로 사용하는 방법을 소개합니다!

 

 

1. 디자인 컨셉에 맞는 적절한 이미지의 선택

- 연관성 있거나, 영감을 주는 이미지를 선택합니다. (여름 - 바다, 음료&음식 - 음료&음식사진)

- 상징적인 이미지를 활용합니다. (태극기, 투표, 지구 등)

 

 

 

2. 시선의 흐름

- 이미지의 시선 흐름을 따라갑니다.

- 이미지 속 사람이나 동물의 시선이 왼쪽을 향해 있다면 바라보는 방향에 텍스트를, 오른쪽을 향해 있다면 오른쪽에 텍스트를 배치하여 자연스럽게 텍스트에 주목하게끔 유도할 수 있습니다.

 

 

 

3. 배경과 텍스트의 대비

- 어두운 배경에 밝은 텍스트, 밝은 배경에 어두운 텍스트 등 배경과 텍스트를 대비시키면 전체적인 텍스트의 가독성을 높일 수 있습니다.

 

 

4. 배경을 흐리게 하거나 도형 안에 텍스트 넣기  

- 배경이 진하면 텍스트가 눈에 잘 띄지 않습니다. 때문에 배경을 흐리게 하거나 도형 안에 텍스트를 넣으면 텍스트가 더 눈에 잘 띄는 효과가 납니다.

 

 

 

 


최신 아티클
thumbnail
[툴디 사용법] 작업 속도를 높이는 단축키 업데이트 안내
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!신규 에디터에서 일부 기능의 단축키가 변경되었습니다.단축키 목록을 확인하고, 작업 효율을 높여보세요 ! 파일 단축키windowsmac os저장Ctrl + SCmd + S실행취소Ctrl + ZCmd + Z재실행Ctrl + YCmd + Shift +Z 편집 단축키windowsmac os선택 해제ESCESC요소 삭제Delete/BackspaceBackspace다중 선택Ctrl + 요소 선택Cmd + 요소 선택전체 선택Ctrl + ACmd + A복사Ctrl + CCmd + C붙여넣기Ctrl + VCmd + V잘라내기Ctrl + XCmd + X스타일 복사Ctrl + Shift + CCmd + Shift + C45도 회전Shift + 회전Shift + 회전수직/수평 이동Shift + 이동Shift + 이동그룹화Ctrl + GCmd + G그룹 해제Ctrl + Shift + GCmd + Shift + G요소 이동방향키(←, →, ↑, ↓)방향키(←, →, ↑, ↓)요소 크게 이동Shift + 방향키(←, →, ↑, ↓)Shift + 방향키(←, →, ↑, ↓)요소 잠금/해제Alt + Shift + LOpt + Shift + L텍스트 추가TT사각형 추가SS원형 추가CC프레임 만들기Ctrl + FCmd + F 정렬 단축키windowsmac os왼쪽 정렬Ctrl + ←Cmd + ←오른쪽 정렬Ctrl + →Cmd + →위로 정렬Ctrl + ↑Cmd + ↑아래로 정렬Ctrl + ↓Cmd + ↓한단계 아래로Ctrl + [Cmd + [한단계 위로Ctrl + ]Cmd + ]맨 아래로Ctrl + Shift + [ 맨 위로Ctrl + Shift + ] 좌우 중앙정렬Ctrl + Shift + ↑Cmd + Shift + ↑상하 중앙정렬Ctrl + Shift + ↓Cmd + Shift + ↓다음 페이지PageDown 이전 페이지PageUp 첫 페이지로Home 마지막 페이지로End 캔버스영역 단축키windowsmac os확대/축소(미세조정)Ctrl + 마우스휠Cmd + 마우스휠확대/축소Ctrl + - , +Cmd + - , +화면맞춤Ctrl + Alt + 0Cmd + Opt + 0화면 100% 보기Ctrl + Alt + 1Cmd + Opt + 1 페이지 단축키windowsmac os빈 페이지 추가Ctrl + EnterCmd + Enter아트보드 잡기Space Bar + 드래그Space Bar + 드래그눈금자 보기Shift + RShift + R가이드라인 보기Shift + GShift + G가이드라인 잠금/해제Alt + ;Option + ;가이드라인 가로 추가Alt + ,Option + ,가이드라인 세로 추가Alt + .Option + . 자주 사용하는 단축키를 익혀두고 작업 속도를 높여보세요!감사합니다!
thumbnail
[툴디 INFO] 새로운 tooldi 에디터, 쉽고 빠른 디자인 시작하기!
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!항상 툴디를 애정 어린 마음으로 이용해 주시는 여러분께 진심으로 감사드립니다. 툴디는 더 나은 디자인 경험을 제공해드리기 위해신규 에디터를 도입하고, 현재 기능 개선 및 안정화 작업을 지속적으로 진행하고 있습니다. 앞으로 모든 디자인 작업은 새로운 에디터를 통해 진행되며,사용자 편의성과 작업 효율을 높이기 위한 다양한 변화가 적용되었습니다. 지금부터 신규 에디터에서 달라진 주요 사항들을 안내해 드리겠습니다. 🆕 신규 에디터 사용 안내 ✅ 모든 템플릿 오픈은 신규 에디터에서만!디자인 시작, 템플릿 확인, 작업중인 템플릿 등 모든 작업은 신규 에디터에서만 가능합니다! ❎ 새로 저장한 템플릿은 이전 에디터에서 열 수 없어요저장 방식이 달라져서, 신규 에디터에서 만든 템플릿은 이전 버전에서는 불러올 수 없습니다! ❎ 이전 에디터도 사용 가능하지만, 제한이 있어요.[메뉴 - 이전 에디터 사용하기] 메뉴를 통해 이동하실 수 있어요!하지만, 일부 기능 및 템플릿 업로드 기능 등의 제한이 있습니다. 🆕 신규 및 개선된 기능 🧑‍💻 넓어진 작업 환경속성 설정 영역이 화면 상단으로 이동하면서, 디자인 영역이 더 넓어졌어요.더 쾌적한 환경에서 작업해보세요! 🔄 자동 저장 기능작업 중 별도로 저장 버튼을 누르지 않아도 OK!작업 내용이 자동으로 저장되어 작업 중 끊김 없이 진행할 수 있어요! 🕘 최근 사용 콘텐츠최근 사용한 요소, 사진 등을 한 번에 확인하고, 빠르게 다시 사용할 수 있어요.자주 쓰는 리소스를 일일이 다시 찾을 필요 없어요! 🔵 곡선 텍스트 기능텍스트를 원이나 곡선 형태로 배치 가능! 디자인에 재미와 포인트를 더해보세요! ⭐ 폰트 즐겨찾기자주 사용하는 폰트를 즐겨찾기에 등록해두면, 매번 다시 검색할 필요 없이 빠르게 선택할 수 있어요! 🎨 컬러 피커 개선투명도 조절이 가능해졌고, 내 팔레트에 저장도 가능!기본 색상 및 추천 색상도 더 보기 좋게 개선되어 색상 선택이 훨씬 쉬워졌어요. 🚀 전반적인 속도 개선템플릿 로딩부터 요소 편집, 저장까지 전반적인 속도 향상이 되었어요!더 빠르고 매끄러운 작업 환경을 경험해 보세요! 🧩 기능 사용성 개선스냅라인, 가이드라인, 빠른 편집 도구, 레이어 영역 등등 전반적인 기능들이 개선되었어요!정렬, 배치, 선택 등이 한층 더 편리해졌습니다. 기능 제한 안내 ❎ 텍스트의 부분 굵기 및 부분 색상 적용이 어려워요한 텍스트 박스 안에서는 동일한 색상, 동일한 굵기만 적용이 가능해요!걱정 마세요! 부분 적용 기능은 곧 개선될 예정이에요! ❎ 이전 에디터에서는 템플릿 업로드가 불가능합니다이전 에디터에서는 이제 템플릿을 업로드하실 수 없어요! 신규 에디터에서만 업로드가 가능합니다! ⚠ 필터 보정값 차이로 인해 색감이 다를 수 있어요!신규 에디터의 색상 표현 방식이 개선되었어요!따라서 이전 에디터에서 작업한 템플릿의 일부 컴포넌트 색감이 다르게 표현될 수 있어요. ⚠ 일부 기능들은 아직 준비 중이에요이전 에디터에서 사용하셨던 배경제거 기능이나 자유도형 그리기 등의 기능들은 개선 중이에요!조금 더 나은 경험을 제공해드리기 위함이니 조금만 기다려 주세요! ⚒ 신규 에디터는 계속해서 업데이트되고 있습니다!툴디팀은 더 완성도 높은 에디터의 안정화를 위해 오늘도 집중하고 있습니다.여러분의 소중한 피드백도 함께 반영하며, 더 편리하고 강력한 디자인 툴로 보답하겠습니다!감사합니다!