• Tidak ada hasil yang ditemukan

Design Techniques for Effective and Efficient Design

N/A
N/A
Fikri Alghi

Academic year: 2024

Membagikan "Design Techniques for Effective and Efficient Design"

Copied!
56
0
0

Teks penuh

(1)

Youth Mental Health First Aid

Workshop

Here is where your presentation

begins

(2)

Teknik Perancangan

Teknik perancangan adalah kumpulan prinsip-prinsip atau metode-metode yang digunakan oleh para desainer untuk menghasilkan rancangan yang efektif dan efisien. Teknik perancangan tidak hanya membantu desainer untuk

menciptakan karya yang menarik secara visual, tetapi

juga membantu untuk memenuhi tujuan bisnis dan

komunikatif yang diinginkan. Berikut adalah beberapa

teknik perancangan yang sering digunakan oleh para

desainer.

(3)

03

01 02

04

Teknik Perancangan

Komposisi

Visual Warna

Tipograf

You can describe the topic of the section here

Ilustrasi

You can describe the topic of the section here

(4)

07

05 06

08

Teknik Perancangan

Fotograf Motion

Graphics

Desain

Responsif Mockup

(5)

07 08

Teknik Perancangan

User

Experience (UX) Design

Branding

(6)

Aspek

Perancangan

Aspek perancangan adalah elemen penting dalam pengembangan rancangan visual yang

efektif dan efisien. Aspek perancangan melibatkan berbagai prinsip dan teknik yang

digunakan untuk menciptakan rancangan visual yang berfungsi dengan baik dalam memenuhi tujuan bisnis dan komunikatif

yang diinginkan, serta menghasilkan

pengalaman pengguna yang optimal.

(7)

Features of the topic

Konsitensi Visual

Penggunaan Warma

Tipograf Tata Letak

Kontras

(8)

Cara Penerapan Berbagai Teknik dan Aspek

Perancangan Gunakan Pengaturan Warna yang tepat

Gunakan tipograf yang tepat

Mulailah dengan penelitian dan analisis

Gunakan Konsitensi Visual

1

2

3

4

(9)

Cara Penerapan Berbagai Teknik dan Aspek

Perancangan Gunakan fotograf atau ilustrasi yang tepat

Gunakan alat bantu perancangan yang

tepat Gunakan tata letak

yang tepat

Gunakan kontras yang tepat

5

6

7

8

(10)

Alat bantu perancangan Menghasilkan rancangan visual yang efektif dan efsien

Alat Bantu Perancangan

Alat bantu perancangan merupakan software atau aplikasi yang digunakan para desainer untuk membuat rancangan visual. Alat bantu perancangan sangat membantu para desainer dalam menghasilkan rancangan visual yang efektif dan efisien, karena alat bantu perancangan memiliki berbagai fitur yang dapat membantu desainer dalam membuat tata letak, mengatur warna, memilih font, menambahkan gambar, dan banyak lagi.

(11)

Alat bantu perancangan yang sering digunakan desainer

Adobe Creative Suite Affinity Designer

Sketch InVision

Figma Adobe XD

Canva Gravit Designer

Procreate Affintiy Photo

(12)

Cara menerapkan alat bantu perancangan menghasilkan

rancangan visual yang efektif dan efsien

Dalam dunia desain, alat bantu perancangan (design tools) sangatlah penting dalam membantu desainer menciptakan rancangan visual yang efektif dan efisien.

Beberapa alat bantu perancangan yang sering digunakan adalah perangkat lunak desain grafis

seperti Adobe Photoshop, Adobe Illustrator,

CorelDRAW, dan Sketch. Selain itu, terdapat pula alat bantu perancangan berbasis web seperti Canva,

Figma, dan InVision.

(13)

Examples of mental health frst aid

Pemilihan alat bantu perancangan yang tepat

Penggunaan Fitur dan Tool yang tersedia

Pemahaman Konsep dasar desain

Penerapan Prinsip

Responsiftas

(14)

Kolaborasi dan Review

Menggunakan

Prototyping

(15)

—Someone Famous

Konsistensi visual adalah aspek perancangan yang melibatkan pengembangan elemen-elemen visual yang seragam dan konsisten dalam seluruh rancangan visual.

Konsistensi visual mencakup aspek-aspek seperti warna,

tipografi, ukuran, tata letak, dan gaya visual

(16)

Penggunaan warna adalah aspek perancangan yang melibatkan pengembangan palet warna yang tepat untuk mencapai tujuan bisnis dan komunikatif yang diinginkan.

Penggunaan warna yang tepat dapat membantu membangun identitas merek yang kuat,

menarik perhatian target audiens, dan menciptakan pengalaman pengguna yang

menyenangkan. Dalam penggunaan warna, para desainer harus mempertimbangkan

kontras, keseimbangan, dan keselarasan dengan elemen-elemen visual lainnya.

(17)

—Someone Famous

Tata letak adalah aspek perancangan yang melibatkan pengaturan elemen-elemen visual dalam rancangan visual. Tata letak yang

tepat dapat membantu memperkuat pesan komunikatif,

meningkatkan keterbacaan teks, dan menciptakan gaya visual yang konsisten. Dalam pengembangan tata letak, para desainer harus

mempertimbangkan keseimbangan, konsistensi visual, dan

penempatan elemen-elemen visual yang strategis

(18)

—Someone Famous

Kontras adalah aspek perancangan yang melibatkan pengembangan perbedaan visual yang signifikan antara elemen-elemen visual

dalam rancangan visual. Kontras dapat membantu menarik perhatian pengamat, memperjelas pesan komunikatif, dan menciptakan gaya visual yang dinamis. Dalam pengembangan kontras, para desainer harus mempertimbangkan warna, ukuran,

tata letak, dan gaya visual.

(19)

Theory lesson

0 1

You can enter a subtitle

here if you need it

(20)

Concepts of mental health

Concept 1 Concept 2

Venus has a beautiful name and is the second planet from the Sun. It’s hot and has a poisonous

atmosphere Mercury is the closest

planet to the Sun and the smallest one in the Solar

System—it’s only a bit larger than the Moon

(21)

Features of the

topic

0 2

You can enter a subtitle

here if you need it

(22)

Mars is actually a very cold place

Neptune is the farthest planet from

the Sun

Unhealthy habits

Stress

What causes mental illness?

Genetics

Mercury is the smallest planet of

them all

Childhood trauma

Venus is the second planet from the Sun

Environment

Jupiter is the biggest planet of

them all

Negative thoughts

Saturn is composed of hydrogen and helium

(23)

A picture is worth a

thousand words

(24)

Sebelum memulai perancangan, desainer harus memilih alat bantu perancangan yang tepat sesuai dengan kebutuhan. Adobe Photoshop dan Illustrator, misalnya, cocok untuk rancangan visual yang kompleks dan detail.

Sedangkan untuk rancangan visual yang lebih sederhana, alat bantu perancangan berbasis web seperti Canva atau Figma dapat menjadi pilihan yang tepat. Pemilihan alat bantu perancangan yang tepat dapat membantu desainer dalam menciptakan rancangan visual yang efektif dan efisien dengan lebih mudah dan cepat.

(25)

Sebelum memulai perancangan, desainer harus memilih alat bantu perancangan yang tepat sesuai dengan kebutuhan. Adobe Photoshop dan Illustrator, misalnya, cocok untuk rancangan visual yang kompleks dan detail.

Sedangkan untuk rancangan visual yang lebih sederhana, alat bantu perancangan berbasis web seperti Canva atau Figma dapat menjadi pilihan yang tepat. Pemilihan alat bantu perancangan yang tepat dapat membantu desainer dalam menciptakan rancangan visual yang efektif dan efisien dengan lebih mudah dan cepat.

(26)

150,00 0

Big numbers catch your audience’s attention

(27)

9h 55m 23s

is Jupiter's rotation period

333,000

Earths is the Sun’s mass

386,000 km

is the distance between Earth and the Moon

(28)

This is a map

Despite being red, Mars is a cold place

Venus

Venus is the second planet from the Sun

Jupiter

It’s the biggest planet in the Solar System

Mars Saturn

Saturn is a gas giant and has several rings

(29)

Emotional frst aid

Mars is actually a very cold place

Neptune is the farthest planet from the Sun

Brooding

Rejection Trauma

Mercury is the smallest planet of them all

Guilt

Venus is the second planet from the Sun

Loneliness

Jupiter is the biggest planet of them all

(30)

Give statistical data

Follow the link in the graph to modify its data and then paste the new one here.

For more info, click here

Mars is actually a very cold place It’s the farthest

planet from the Sun

Mars Neptune

Mercury

It’s the closest planet to the Sun

Venus

Venus is the second planet from the Sun

30%

5%

35%

30%

(31)

Aweso me

words

(32)

Practical exercise

Identify the trigger

Symptoms that you feel

Behaviour during the

situation Alternative positive behaviour

… …

… …

(33)

Our doctors

Lauren Anne Luke

Thompson

You can talk a bit about this person here You can talk a bit about

this person here

(34)

Desktop software

You can replace the image on the screen with your own work.

Right-click on it and then choose "Replace image" so you can add yours

(35)

CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon and infographics &

images by Freepik

Thanks!

Do you have any questions?

[email protected] | +91 620 421 838 | yourcompany.com

Please keep this slide for attribution

(36)

Mental health icon pack

(37)

Alternative resources

Here’s an assortment of alternative resources whose style fits the one of this template

Vectors

● Hand drawn mental health instagram posts collection

(38)

Resources

Did you like the resources on this template? Get them for free at our other websites:

Vectors

● Hand drawn mental health landin g page template

● Hand drawn mental health instagra m stories collection

Icons

● Mental health

Photos

● Full shot woman with anxiety

● Full shot woman sitting chair

● Team meeting online conference call I

● Team meeting online conference call II

(39)

For more information about editing slides, please readour FAQs or visit Slidesgo School:

https://slidesgo.com/faqsandhttps://slidesgo.com/slidesgo-school

Instructions for use

If you have a free account, in order to use this template, you must credit Slidesgo by keeping the Thanks slide. Please refer to the next slide to read the instructions for premium users.

As a Free user, you are allowed to:

- Modify this template.

- Use it for both personal and commercial projects.

You are not allowed to:

- Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).

- Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.

- Include Slidesgo Content in an online or offline database or file.

- Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.

- Acquire the copyright of Slidesgo Content.

(40)

As a Premium user, you can use this template without attributing Slidesgo or keeping the "Thanks" slide.

You are allowed to:

Modify this template.

Use it for both personal and commercial purposes.

Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits.

Share this template in an editable format with people who are not part of your team.

You are not allowed to:

Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template).

Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in any other product or service that offers downloadable images, icons or presentations that may be subject to distribution or resale.

Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this Template.

Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an intellectual property registry or similar.

For more information about editing slides, please readour FAQs or visit Slidesgo School:

https://slidesgo.com/faqsandhttps://slidesgo.com/slidesgo-school

Instructions for use (premium users)

(41)

This presentation has been made using the following fonts:

Yusei Magic

(https://fonts.google.com/specimen/Yusei+Magic)

Hind

(https://fonts.google.com/specimen/Hind)

Fonts & colors used

#332c27 #e8b0af #ffffff #f9f6f1 #eab56f #d8bca7

(42)

Create your Story with our illustrated concepts. Choose the style you like the most, edit its colors, pick the background and layers you want to show and bring them to life with the animator panel! It will boost

your presentation. Check out How it works.

Pana Amico Bro Rafiki Cuate

Storyset

(43)

You can easily resize these resources without losing quality. To change the color, just ungroup the resource and click on the object you want to change. Then, click on the paint bucket and select the color you want.

Group the resource again when you’re done. You can also look for more infographics on Slidesgo.

Use our editable graphic resources...

(44)
(45)
(46)

JANUARY FEBRUARY MARCH APRIL MAY JUNE

PHASE 1

PHASE 2 Task 1

Task 2

Task 1

Task 2

JANUARY FEBRUARY MARCH APRIL

PHASE 1

Task 1

Task 2

(47)
(48)
(49)

You can resize these icons without losing quality.

You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.

In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.

...and our sets of editable icons

(50)

Educational Icons Medical Icons

(51)

Business Icons Teamwork Icons

(52)

Help & Support Icons Avatar Icons

(53)

Creative Process Icons Performing Arts Icons

(54)

Nature Icons

(55)

SEO & Marketing Icons

(56)

Referensi

Dokumen terkait

The tools used in the design process of this research are Adobe After Effects for editing motion graphics videos, Adobe Photoshop for making video documentary designs and Audacity as

The result of this study shows that the design of Reog Ponorogo motion graphics can be the right media to provide information about Reog art to the public, especially millennial youth..