컴퓨터 인터넷 피피티 템플릿 (#디랩의 27번째 템플릿)

컴퓨터 인터넷 피피티 템플릿 (#디랩의 27번째 템플릿)

곧 있으면 30개의 피피티 템플릿이 저의 티스토리 블로그에 업로드될 예정입니다. 하루의 하나라는 목표를 가지고 저의 디자인 감각도 한층 올려볼겸 시작했었던 프로젝트가 어느새 중간 마무리를 보여주는 것같아 만족감을 얻을 수 있을 것 같습니다.

피피티 템플릿 디자인의 구상은 대게 우리 주변에서 자주 볼 수 있는, 경험할 수 있는 것들 위주로 주제를 잡고 제작에 돌입하게 됩니다. 이때 단 한 가지의 특징만을 가지고 구현하려고 애쓰는 행동은 도리어 풍족하지 못한 콘텐츠가 나오게 될 수 있습니다.

따라서 사물이나 서비스를 바라볼 때 될 수 있으면 다양한 시각에서 필요한 정보들을 캐치할 수 있도록 여러 번 사용하고 디자인으로 재해석하는 것이 중요하다고 생각합니다.

예를 들어 이전 카카오톡 템플릿 같은 경우에도, 소통을 할 수 있는 대화 기능과 프로필을 확인할 수 있는 모습, 친구목록 등의 기능을 바탕으로 템플릿의 슬라이드 별 디자인을 완성시켰던 기억이 납니다. 이렇듯 다양한 방면에서 우리가 자주 바라보는 관점을 토대로 제작에 임한다면 충분히 훌륭한 결과물을 취득할 수 있다고 생각합니다.

이번에 제작한 템플릿은 완성본이 아닌 디자인 시도정도로 제작해보았습니다. 어느 곳에서나 복사하여 붙여넣으면 사용할 수 있는 다양한 소스들을 하나의 PPT 파일에 집어 넣어놓았습니다.

일관성이 부족하기 때문에 매끄러운 진행을 위해서는 중간마다 슬라이드를 복사하여 수정해줌으로써 단계를 이을 수 있도록 조절해주심이 필요합니다.

(1) 인터넷 PPT템플릿 미리보기

---

전체적인 모습을 살펴보시면 알 수 있듯, 이번 편에서는 피피티 템플릿 자체에 대한 공유를 주 목적에 두기보단 하나의 디자인을 어떻게 하면 다양하게 우려먹을 수 있는 팁을 드리고자 이렇게 설명하는 타임을 가지게 되었습니다.

슬라이드 별 순서를 정해놓았기에 애니메이션과 전환효과만 적절하게 적용하시면 곧바로 사용이 가능한 모델이지만, 웬만하면 추가적인 슬라이드를 삽입하여 매끄럽게 스토리라인이 구축될 수 있도록 설정해주시는 것을 추천드립니다.

해당 피피티 템플릿은 언제나 그러하듯 여백에 간단한 디자인 정보가 담겨있습니다.

지우고 수정하셔도 상관 없으며, 무단배포만은 금지하고 있습니다.

(만약 상업적 / 공개적 이용을 원할 시에는 문의해주시기 바랍니다.)

요즘은 다양한 굵기를 제공해주는 한 가지 폰트만을 이용하여 PPT 전체 템플릿을 만드는 과정이 효율적이고 일관된 분위기를 연출하기 좋다고 생각하여 고수하고 있는 중입니다.

물론 다른 매력을 소유하고 있는 폰트와의 연계를 통해 더욱 멋진 디자인을 소화할 수 있겠지만, 가벼운 템플릿들은 이와 같은 방식으로 제작해보고자 합니다.

이렇게 만들면 사용자도 한 가지의 폰트만을 피씨에 설치하면 되므로 복잡한 과정을 소거할 수 있다는 장점이 있습니다.

해당 폰트는 하단의 링크에 접속하여 공식 페이지 다운로드를 이용해주시기 바랍니다.

넥슨 레벨업 폰트

(2) 슬라이드별 제작자 코멘트 및 활용방안

---

첫 번째 표지 슬라이드는 총 3가지의 타이틀 배치로 변경하여 적용해보았습니다.

가장 먼저 등장하는 1슬라이드에서는 모니터 상단에 비치된 일반적인 문장의 굵기 차로 타이틀과 서브타이틀을 구분짓는 역할을 하며, 그림자 효과를 적용하여 배경과 분리되어 더욱 선명하게 보일 수 있도록 제작하였습니다.

해당 모니터 사진은 PIXABAY에서 PNG파일로 다운받았으며, 모니터 위에 그라데이션 레이어를 입히고 로그인하는 창을 기본 툴로 제작하여 삽입해두었습니다.

그리고 마지막으로 전체적인 베네팅효과를 추가하기 위해서 전체 그라데이션 레이어가 올려져있습니다. 만약 아래 사진과 같이 더욱 어두운 화면을 선호하신다면 제 2슬라이드에서 필요한 부분만 캐치해서 사용해주시기 바랍니다.

앞서 말씀드린 바와 같이 더욱 어두운 그라데이션 레이어와 그에 따른 밝은 폰트 색상의 변화가 적용된 슬라이드입니다.

타이틀 박스의 좌측 배열 버전입니다.

사람의 시선은 좌에서 우로 향하는 것이 일반적이기 때문에 중요한 키워드는 항상 좌측에 위치시켜 눈에 띌 수 있도록 설계하는 것도 하나의 팁입니다.

마지막은 한글 버전의 표지입니다.

제 1슬라이드에서는 표지에서 보았던 로그인창의 확대된 모습과 우측 목차 혹은 콘텐츠를 작성할 수 있는 텍스트 박스를 확인할 수 있습니다.

제가 의도한 바는 모니터에 접속한 1인칭 시점을 구현해보고자 하였는데, 전환효과가 적용되어 있지 않기 때문에 실사용면에서 크게 느껴지지 않을지도 모르겠습니다.

상단 페이지의 또 다른 변형판입니다. 프레젠테이션에서는 배경이 어떤 색상으로 맞추어져있는지에 따라서 전체 분위기를 좌우하게 됩니다. 위 페이지의 경우 하단으로 내려갈 수록 어두워지는 그라데이션으로 시선이 밑으로 집중되는 효과를 보였다면, 해당 변형 슬라이드에서는 좌측과 우측을 완전히 별개의 개념으로 놓고 시선의 분산을 자아낼 수 있게 됩니다.

따라서 중요한 내용이 양쪽에 모두 배치되어있을 경우에는 2번째 예시 슬라이드를 사용해주시면 되겠습니다.

제 2슬라이드에서는 아이콘과 간단한 설명을 말로 풀어내는 장면입니다.

좌측 상단에 입혀져있는 디자인 랩이라는 문구는 원하는 텍스트로 편집할 수 있도록 기본 텍스트박스와 도형을 사용하였습니다.

아이콘에 적용된 그림자효과에서 학습할 수 있는 점은 그림자의 흐림효과를 완전히 배제함으로써 조금 더 입체감있는 모습을 구현할 수 있다는 점입니다.

반대로 흐림효과를 거의 최대로 준 모습은 위쪽에 보이는 로그인창이 동떨어져 있는 즉 입체적인 모습이기보단 뒷 배경과 구별될 수 있는 점으로 사용될 수 있습니다.

제 3슬라이드에서는 마치 커뮤니티 홈페이지에 접속하여 정보를 살펴보는 장면을 연출해보았습니다. 우측에 보이는 원형그래프는 실제 그래프가 아닌 도형으로 제작되었으며, 백분율은 텍스트로 수정해주셔야 합니다.

SNS 설정페이지에서 영감을 받아 만든 슬라이드입니다.

인물사진이나 설명하고자 하는 사물을 배경으로 넣어두고 그 위에 그라데이션을 하단 방향으로 적용하여 아래로 시선이 이동할 수 있게 만들 다음, 보여주고자하는 설명을 넣어주면 됩니다.

해당 슬라이드에서는 유입분석을 예로 들어 차트를 삽입하였지만, 표 / 설명글 / 이전 아이콘 배치 모두 활용이 가능한 디자인 여백입니다.

마지막 페이지에서는 자그마한 센스를 추가해 로그아웃 장면을 넣어보았습니다.

상단 서브타이틀에 형광펜 강조효과를 넣어두었는데, 도형의 크기를 조절하여 원하는 문장 혹은 단어를 강조하는데 사용해주시기 바랍니다.

(3) 인터넷 PPT 템플릿 다운로드

---

20.10.25 컴퓨터 인터넷 PPT템플릿.pptx

공감과 댓글은 제작자에게 큰 힘이 됩니다 :)