Asas Web Design ⁠

00:00:00–00:00:03

00:00:00 Dalam video kali ni kita nak belajar tentang asas web design.

00:00:03–00:00:06

00:00:00 Dalam video kali ni kita nak belajar tentang asas web design.

00:00:03 Macam mana nak buat website yang kami dah design sebelum ni.

00:00:06–00:00:09

00:00:03 Macam mana nak buat website yang kami dah design sebelum ni.

00:00:06 Contoh macam ni, contoh ni, eh macam-macam contohlah kita tengok eh.

00:00:09–00:00:12

00:00:06 Contoh macam ni, contoh ni, eh macam-macam contohlah kita tengok eh.

00:00:11 So kita nak buat design untuk website versi mobile eh.

00:00:12–00:00:15

00:00:11 So kita nak buat design untuk website versi mobile eh.

00:00:15–00:00:18

00:00:11 So kita nak buat design untuk website versi mobile eh.

00:00:17 Saya tak nak ajar awak pasal desktop.

00:00:18–00:00:24

00:00:17 Saya tak nak ajar awak pasal desktop.

00:00:19 Yang ni awak kena cari sendiri sebab saya nak ajar versi mobile.

00:00:21 Sebab mobile ni lah cara yang kita nak upload dalam on-pay.

00:00:24–00:00:27

00:00:21 Sebab mobile ni lah cara yang kita nak upload dalam on-pay.

00:00:24 Tadi sebelum ni kan saya dah ajar awak kan asas on-pay kan.

00:00:26 So macam mana nak gunakan benda ni

00:00:27–00:00:36

00:00:26 So macam mana nak gunakan benda ni

00:00:29 Untuk upload ke dalam OnPay nanti

00:00:31 So jom kita tengok

00:00:32 Asas kepada web design

00:00:34 Okay so

00:00:36–00:00:39

00:00:36 Ada banyak design kat sini

00:00:37 Tapi saya nak ambil design yang

00:00:39–00:00:42

00:00:37 Tapi saya nak ambil design yang

00:00:41 Design mana saya nak ambil

00:00:42–00:00:45

00:00:41 Design mana saya nak ambil

00:00:42 Ini tuan sekejap lama ni

00:00:45–00:00:48

00:00:42 Ini tuan sekejap lama ni

00:00:48–00:00:51

00:00:49 Alhamdulillah

00:00:49 Alhamdulillah

00:00:51–00:00:54

00:00:52 BTS blueprint team sale

00:00:54–00:01:15

00:00:52 BTS blueprint team sale

00:00:55 Sebab dia ada page

00:00:56 So banyak macam-macam benda

00:00:57 Dan bila ada macam-macam benda ni

00:00:58 Dia berat aku guys

00:00:59 Dia berat sikit

00:01:00 Tapi okey lah

00:01:02 Sebab kita tak install pun

00:01:04 Saya pakai browser je

00:01:05 So dia auto save

00:01:06 Yang paling saya suka

00:01:08 Berada di mana-mana sahaja

00:01:10 Hang pula dah dia

00:01:11 Oh puji

00:01:14 So jangan puji

00:01:15–00:01:24

00:01:14 So jangan puji

00:01:19 Saya nak ambil satu contoh

00:01:21 Dan saya nak tunjukkan awak

00:01:22 Daripada skeleton

00:01:24–00:01:27

00:01:22 Daripada skeleton

00:01:26 Kepada versi yang dah finish

00:01:27–00:01:30

00:01:26 Kepada versi yang dah finish

00:01:28 Kita ambil blue pen timsial pula

00:01:30–00:01:39

00:01:28 Kita ambil blue pen timsial pula

00:01:39–00:01:42

00:01:42–00:01:45

00:01:45–00:01:48

00:01:48–00:01:51

00:01:48 Semua desain

00:01:49 Dia bermula daripada skeleton

00:01:51–00:01:54

00:01:49 Dia bermula daripada skeleton

00:01:51 Ada tak skeleton kat sini

00:01:54–00:01:57

00:01:54 Contoh, tunjukkan awak

00:01:55 Ini example yang bagus

00:01:57–00:02:00

00:01:55 Ini example yang bagus

00:01:57 Awak tengok ni

00:01:59 Tengok kiri kanan

00:02:00–00:02:03

00:01:59 Tengok kiri kanan

00:02:01 Semua desain bermula macam ni

00:02:03–00:02:06

00:02:01 Semua desain bermula macam ni

00:02:04 Lepas tu baru kita cantikkan dia belah kanan

00:02:06–00:02:09

00:02:04 Lepas tu baru kita cantikkan dia belah kanan

00:02:06 Tapi kanan ni pun tak cantik lagi

00:02:08 Dia ada versi yang lagi cantik lagi

00:02:09–00:02:12

00:02:08 Dia ada versi yang lagi cantik lagi

00:02:09 Ok, tapi point dia kiri kanan

00:02:12–00:02:15

00:02:09 Ok, tapi point dia kiri kanan

00:02:12 Nampak? Ni skeleton yang ni dah first draft

00:02:14 Contoh macam ni

00:02:15–00:02:18

00:02:14 Contoh macam ni

00:02:16 Mula campak-campak bodoh-bodoh macam ni je

00:02:18–00:02:21

00:02:18 Haa, campak bodoh-bodoh je dulu

00:02:20 Tak betul baru kita masukkan colour dia

00:02:21–00:02:24

00:02:20 Tak betul baru kita masukkan colour dia

00:02:22 Haa, beza lah bila kita dah masukkan colour

00:02:24–00:02:27

00:02:22 Haa, beza lah bila kita dah masukkan colour

00:02:24 Kita dah kemaskan dia

00:02:26 Kita dah masukkan detail-retail dia apa semua

00:02:27–00:02:30

00:02:26 Kita dah masukkan detail-retail dia apa semua

00:02:28 Haa, baru dah dia

00:02:30–00:02:33

00:02:30 Malatops macam ni

00:02:31 Ok, ni contoh

00:02:33–00:02:36

00:02:34 Haa, kan? Clean design dia

00:02:36–00:02:39

00:02:34 Haa, kan? Clean design dia

00:02:36 So inilah kelebihan

00:02:37 Bila kita belajar

00:02:38 Guna

00:02:39–00:02:42

00:02:38 Guna

00:02:39 Figma ni

00:02:41 Memang kita boleh buat

00:02:41 Design yang clean

00:02:42–00:02:45

00:02:41 Design yang clean

00:02:42 Macam ni

00:02:44 Ok

00:02:44 Lepas tu lagi

00:02:45–00:02:48

00:02:44 Lepas tu lagi

00:02:46 Contoh

00:02:48–00:02:51

00:02:48 So

00:02:48 Jom kita buat

00:02:50 Untuk contoh

00:02:51–00:02:54

00:02:50 Untuk contoh

00:02:51 Yang pertama

00:02:52 Bawah ni

00:02:53 Saya nak ambil

00:02:54–00:02:57

00:02:53 Saya nak ambil

00:02:54 Meta X ni

00:02:55 Bagi contoh

00:02:55 Ok

00:02:56 Saya duplicate frame ni jap

00:02:57–00:03:00

00:02:56 Saya duplicate frame ni jap

00:02:59 Saya dekat option

00:03:00–00:03:03

00:02:59 Saya dekat option

00:03:01 Ok

00:03:02 Saya duplicate

00:03:02 Saya letak bawah setiap lah

00:03:03–00:03:06

00:03:02 Saya letak bawah setiap lah

00:03:06–00:03:12

00:03:06 Bawa lari dia

00:03:07 main bawah ni

00:03:08 ok so

00:03:12–00:03:15

00:03:08 ok so

00:03:13 first step yang saya nak awak follow saya adalah

00:03:15–00:03:18

00:03:13 first step yang saya nak awak follow saya adalah

00:03:15 saya nak awak buat

00:03:17 satu frame

00:03:18–00:03:21

00:03:17 satu frame

00:03:19 kita nak buat satu frame

00:03:20 frame ni kita akan tarik je

00:03:21–00:03:27

00:03:20 frame ni kita akan tarik je

00:03:24 dan kita akan pilih

00:03:25 size frame yang standard

00:03:27–00:03:33

00:03:25 size frame yang standard

00:03:27 kalau saya size frame yang standard

00:03:29 kalau tengok kat sini

00:03:30 dia ada 400

00:03:32 dia ada 300

00:03:33–00:03:42

00:03:32 dia ada 300

00:03:33 kita nak lebar tu

00:03:35 yang panjang tak kisah

00:03:36 yang lebar

00:03:37 so lebar standard

00:03:38 pro max ni besar sangat

00:03:40 Tak semua phone susah macam ni

00:03:41 So kita nak ambil size phone yang standard lah

00:03:42–00:03:51

00:03:41 So kita nak ambil size phone yang standard lah

00:03:44 Bagi saya size phone yang standard

00:03:46 Yang semua orang selamat

00:03:47 Saya akan ambil dalam sekitar yang ni

00:03:51–00:03:54

00:03:51 390

00:03:52 13, 14

00:03:53 Ni standard lah

00:03:54–00:04:00

00:03:53 Ni standard lah

00:03:54 Kalau kita ambil yang besar sangat pun

00:03:56 Masalah juga

00:03:56 Contoh macam ni

00:03:57 14 plus kan

00:03:58 So saya ambil 13, 14 iPhone

00:04:00–00:04:03

00:03:58 So saya ambil 13, 14 iPhone

00:04:00 So standard

00:04:01 Tak besar sangat, tak kecil sangat

00:04:03–00:04:06

00:04:01 Tak besar sangat, tak kecil sangat

00:04:04 And then

00:04:05 Kita akan

00:04:06–00:04:09

00:04:05 Kita akan

00:04:07 Tekan ni

00:04:07 Kita akan tarik dia ke bawah

00:04:09–00:04:21

00:04:07 Kita akan tarik dia ke bawah

00:04:11 Tarik dia

00:04:12 Tarik dia

00:04:13 Mana nak tarik ni

00:04:14 Oh dia tak keluar tangan

00:04:21–00:04:24

00:04:14 Oh dia tak keluar tangan

00:04:21 Lenggong tu

00:04:22 Ok tekan sini

00:04:24–00:04:27

00:04:22 Ok tekan sini

00:04:24 Tarik dia

00:04:25 Bawah

00:04:25 Saya biasakan tarik dia panjang sikit lah

00:04:27–00:04:30

00:04:25 Saya biasakan tarik dia panjang sikit lah

00:04:27 Biar macam dia zip

00:04:28 Ok dah

00:04:30–00:04:33

00:04:30 So

00:04:31 Perasan tak sebelum ni kita dah belajar pasal copywriting

00:04:33–00:04:36

00:04:31 Perasan tak sebelum ni kita dah belajar pasal copywriting

00:04:35 Copywriting yang kita dah belajar ni kan

00:04:36–00:04:39

00:04:35 Copywriting yang kita dah belajar ni kan

00:04:37 Yang ni

00:04:37 Saya nak awak masukkan copywriting ni

00:04:39–00:04:45

00:04:37 Saya nak awak masukkan copywriting ni

00:04:39 Masukkan semua copywriting ni

00:04:41 Dekat dalam artikel tadi tu

00:04:43 Dan kita dah belajar formula

00:04:45–00:04:51

00:04:43 Dan kita dah belajar formula

00:04:45 Save space

00:04:46 Educate apa semua ni

00:04:47 Katalah awak nak ni

00:04:49 Saya boleh je command A

00:04:50 Saya copy ni

00:04:51–00:04:54

00:04:50 Saya copy ni

00:04:51 Saya masukkan je terus kat sini

00:04:52 Kat sebelah ni

00:04:54–00:04:57

00:04:54 Paste

00:04:55 Mana dia

00:04:57–00:05:00

00:04:58 Mana dia

00:04:58 Oh besar sangat

00:04:59 Haa ambil kau

00:05:00–00:05:03

00:04:59 Haa ambil kau

00:05:00 So kita alih dia

00:05:02 Kita kecilkan dia

00:05:02 Kita ambil scale ni

00:05:03–00:05:06

00:05:02 Kita ambil scale ni

00:05:06–00:05:09

00:05:06 Kita kecilkan dia lagi

00:05:09–00:05:12

00:05:09 Kecilkan dia lagi

00:05:11 Kita bagi dia kat sebelah tu

00:05:12–00:05:15

00:05:11 Kita bagi dia kat sebelah tu

00:05:12 Sebagai rujukan je lah

00:05:13 Kita balik kat dah

00:05:15–00:05:18

00:05:16 Haa macam tu

00:05:17 so mungkin saya tak buat dia

00:05:18–00:05:21

00:05:17 so mungkin saya tak buat dia

00:05:19 bowl lah sekejap lagi, kecilkan sikit

00:05:21–00:05:24

00:05:19 bowl lah sekejap lagi, kecilkan sikit

00:05:22 lagi, ok

00:05:24–00:05:27

00:05:24 besar lagi ni

00:05:26 sekejap

00:05:27–00:05:33

00:05:26 sekejap

00:05:27 tu lah barat dia, ok

00:05:28 kita biar dia dekat situ

00:05:31 jadi, lepas pergi balik dekat

00:05:33–00:05:36

00:05:31 jadi, lepas pergi balik dekat

00:05:33 move

00:05:35 saya akan buat ayat ni

00:05:36–00:05:39

00:05:35 saya akan buat ayat ni

00:05:37 tak bowl lah, kecil kat bowl-bowl banyak ni

00:05:39–00:05:42

00:05:37 tak bowl lah, kecil kat bowl-bowl banyak ni

00:05:39 regular, ok dah

00:05:41 settle, so

00:05:42–00:05:45

00:05:41 settle, so

00:05:45–00:05:48

00:05:45 barulah kita start, dan bila kita

00:05:47 nak buat design ni, first draft ni

00:05:48–00:05:51

00:05:47 nak buat design ni, first draft ni

00:05:49 awak kena tahu, saya nak awak masukkan je

00:05:51–00:05:54

00:05:49 awak kena tahu, saya nak awak masukkan je

00:05:51 contoh macam ni kan

00:05:52 kita buat, kenapa awak nak tekan

00:05:54–00:05:57

00:05:52 kita buat, kenapa awak nak tekan

00:05:54 speech delay, kita copy

00:05:57–00:06:00

00:05:57 saya akan paste dia, saya akan letak sini

00:05:59 dan mungkin saya akan

00:06:00–00:06:06

00:05:59 dan mungkin saya akan

00:06:01 kecilkan lagi, aku tulis ni, so kalau saya nak

00:06:02 dia ngam-ngam kat situ, macam ni besar

00:06:04 so saya boleh tukar sini, saya tekan

00:06:06–00:06:09

00:06:04 so saya boleh tukar sini, saya tekan

00:06:07 saya tekan

00:06:09–00:06:12

00:06:10 option ataupun

00:06:11 shift, saya boleh

00:06:12–00:06:18

00:06:11 shift, saya boleh

00:06:13 tarik macam ni, ni pun menarik kat

00:06:18–00:06:21

00:06:18 So yang ni pun saya boleh kecilkan dia

00:06:21–00:06:24

00:06:21 Kenapa anak tu kena special delay

00:06:24–00:06:27

00:06:24 Ini kita buat kepala kat atas

00:06:25 Lepas tu dah settle

00:06:27–00:06:30

00:06:25 Lepas tu dah settle

00:06:27 Kita kan ada yang nak letak gambar

00:06:29 Kita pun letaklah satu kotak kat sini

00:06:30–00:06:33

00:06:29 Kita pun letaklah satu kotak kat sini

00:06:31 Letak kotak

00:06:32 Kotak ni letak center

00:06:33–00:06:36

00:06:32 Kotak ni letak center

00:06:35 Kita double click

00:06:36–00:06:45

00:06:35 Kita double click

00:06:36 Kita boleh tulis kat tengah ni

00:06:38 Kita letak ni letak tulisan

00:06:42 Kita buat gambar apa

00:06:43 Gambar

00:06:45–00:07:00

00:06:46 Anak

00:06:48 Nah bukan

00:06:49 Ni speech delay

00:06:51 Bukan English

00:06:52 Gambar

00:06:53 Anak

00:06:54 Mindphone

00:06:56 Contohnya

00:06:57 Kita buat macam ni

00:07:00–00:07:03

00:06:57 Kita buat macam ni

00:07:03–00:07:06

00:06:57 Kita buat macam ni

00:07:05 Ok

00:07:06–00:07:12

00:07:05 Ok

00:07:06 Kita boleh kecilkan sikit

00:07:07 Kita boleh segitakan dia

00:07:11 So kita akan ulang mudalah ni

00:07:12–00:07:18

00:07:11 So kita akan ulang mudalah ni

00:07:14 Kenapa anak terkena

00:07:16 Kenapa anak terkena speech delay

00:07:18–00:07:21

00:07:16 Kenapa anak terkena speech delay

00:07:18 Ha

00:07:18 Kita pun masukkan lah ayat ni

00:07:20 Saya akan buat macam tu lah biasanya

00:07:21–00:07:27

00:07:20 Saya akan buat macam tu lah biasanya

00:07:22 Copy

00:07:23 Saya akan masukkan kat sini

00:07:27–00:07:30

00:07:27 Rupanya

00:07:28 Ada kajian nak putihkan

00:07:29 ni, ni, ni. Lepas tu kita pun

00:07:30–00:07:36

00:07:29 ni, ni, ni. Lepas tu kita pun

00:07:32 ok. Ok, kita letak

00:07:33 tu lagi. Kalau kita nak

00:07:35 kecikkan sikit, mungkin gambar yang kali ni dia

00:07:36–00:07:39

00:07:35 kecikkan sikit, mungkin gambar yang kali ni dia

00:07:37 tak nak besar sangat. Kecik sikit macam ni.

00:07:39–00:07:42

00:07:37 tak nak besar sangat. Kecik sikit macam ni.

00:07:42–00:07:48

00:07:43 Lepas tu. Ada lagi.

00:07:45 Ada lagi. So, kita kena susun.

00:07:47 Susun ikut kita punya ni.

00:07:48–00:07:54

00:07:47 Susun ikut kita punya ni.

00:07:49 Susun-susun sampai kita macam

00:07:51 dia sebenarnya bercerita

00:07:53 lengkap dengan penyusunan.

00:07:54–00:08:00

00:07:53 lengkap dengan penyusunan.

00:07:56 Tapi tak apa. Awak

00:07:57 try dulu buat, sebab

00:07:59 dalam video yang seterusnya, saya akan

00:08:00–00:08:03

00:07:59 dalam video yang seterusnya, saya akan

00:08:01 belajar template, nak template tak

00:08:03–00:08:06

00:08:01 belajar template, nak template tak

00:08:03 ok, mesti nak template kan, tapi tak apa

00:08:05 belajar yang susah dulu, nanti boleh dapat

00:08:06–00:08:09

00:08:05 belajar yang susah dulu, nanti boleh dapat

00:08:07 template, berhargai template, nanti dapat yang senang

00:08:09–00:08:12

00:08:07 template, berhargai template, nanti dapat yang senang

00:08:09 template tak hargai, ok tak apa

00:08:11 so try dulu buat, try buat sikit-sikit

00:08:12–00:08:15

00:08:11 so try dulu buat, try buat sikit-sikit

00:08:13 tengok macam mana, letak-letak-letak

00:08:15–00:08:18

00:08:13 tengok macam mana, letak-letak-letak

00:08:15 so dalam video yang seterusnya

00:08:17 saya akan bagi awak template, ok tapi

00:08:18–00:08:21

00:08:17 saya akan bagi awak template, ok tapi

00:08:19 bila awak dah pakai template, boleh tak

00:08:21–00:08:27

00:08:19 bila awak dah pakai template, boleh tak

00:08:21 saya minta tolong satu je, jangan hilang

00:08:23 kreativiti, sebab masalah bila orang pakai template

00:08:25 saya ni, dia terus akan follow

00:08:27–00:08:33

00:08:25 saya ni, dia terus akan follow

00:08:27 sepijit-sepijit template, sedangkan template tu

00:08:29 just panduan untuk awak mulakan je

00:08:31 kalau boleh dah pakai, alihkan

00:08:33–00:08:36

00:08:31 kalau boleh dah pakai, alihkan

00:08:34 dia, ataupun guna

00:08:35 start idea sendiri, ok

00:08:36–00:08:39

00:08:35 start idea sendiri, ok

00:08:37 lepas tu, macam awak tengok kat sini kan, saya tunjuk

00:08:39–00:08:42

00:08:37 lepas tu, macam awak tengok kat sini kan, saya tunjuk

00:08:40 yang ni versi yang dah siap

00:08:41 mana nak dapat gambar ni, yang ni biasanya

00:08:42–00:08:45

00:08:41 mana nak dapat gambar ni, yang ni biasanya

00:08:43 kita buat asing lah, macam tu macam ni

00:08:45–00:08:51

00:08:43 kita buat asing lah, macam tu macam ni

00:08:46 yang ni, yang ni

00:08:47 dia buat kat mana ni, oh dia buat sesuatu

00:08:49 orang ajan betul, dia buat sesuatu guys

00:08:51–00:08:57

00:08:49 orang ajan betul, dia buat sesuatu guys

00:08:51 tengok, dia buat

00:08:53 sesuatu eh, bukan dia pergi ambil

00:08:56 So benda ni

00:08:57–00:09:00

00:08:56 So benda ni

00:08:57 Boleh je dibuat

00:08:58 Semua benda ni boleh dibuat

00:08:59 Macam ni

00:09:00–00:09:06

00:08:59 Macam ni

00:09:00 Ha ni buat satu-satu

00:09:04 Yes

00:09:05 Contoh lah kita ambil satu gambar

00:09:06–00:09:09

00:09:05 Contoh lah kita ambil satu gambar

00:09:06 Kita ambil gambar

00:09:08 Anak

00:09:09–00:09:12

00:09:08 Anak

00:09:10 Menangis

00:09:11 Okay

00:09:12–00:09:15

00:09:13 Kita tekan image

00:09:15–00:09:18

00:09:15 Kita ambil gambar

00:09:18–00:09:21

00:09:18 Inilah

00:09:19 Kita nak Melayu

00:09:21–00:09:27

00:09:19 Kita nak Melayu

00:09:21 Atau Cina

00:09:21 Okay

00:09:24 Saya save image

00:09:27–00:09:30

00:09:27 Lepas tu saya pergi dekat sini

00:09:30–00:09:33

00:09:33–00:09:36

00:09:33 Masuk gambar tu

00:09:34 Cuma sekarang ni dah ada satu features baru

00:09:36–00:09:39

00:09:34 Cuma sekarang ni dah ada satu features baru

00:09:36 Features AI ni

00:09:37 Kita boleh

00:09:39–00:09:42

00:09:39 Hilangkan background dia

00:09:40 Macam sekarang ni kan ada background

00:09:42–00:09:45

00:09:42 Dekat sini ada satu features ni

00:09:45–00:09:48

00:09:48–00:09:51

00:09:51–00:09:54

00:09:53 Image

00:09:54–00:10:03

00:10:02 Dekat ni

00:10:03–00:10:06

00:10:02 Dekat ni

00:10:03 Dekat ni

00:10:06–00:10:09

00:10:09–00:10:12

00:10:09 Ha ni

00:10:12–00:10:18

00:10:18–00:10:21

00:10:18 Dekat ni

00:10:19 Ada AI

00:10:21–00:10:33

00:10:26 dia rasa kat sini je

00:10:27 dah hilang dah AI ni

00:10:28 rasa tepi ni je

00:10:32 asset plugin widget

00:10:33–00:10:36

00:10:32 asset plugin widget

00:10:35 all

00:10:36–00:10:42

00:10:37 ah nanti rasa tunjuk awak

00:10:40 mana AI ni

00:10:41 hilang lah

00:10:42–00:10:45

00:10:41 hilang lah

00:10:43 aduh eh sebab bila kita ada AI tu

00:10:45–00:10:48

00:10:43 aduh eh sebab bila kita ada AI tu

00:10:45 kita boleh tanya dia remove kan background

00:10:47 dia nanti akan remove background

00:10:48–00:10:51

00:10:47 dia nanti akan remove background

00:10:49 tak ada itu ada dekat

00:10:51–00:10:54

00:10:49 tak ada itu ada dekat

00:10:54–00:11:00

00:10:49 tak ada itu ada dekat

00:10:55 sebab tu canva adalah kelebihan

00:10:57 dia juga canva ni

00:10:58 Ada benda-benda yang ada

00:11:00–00:11:03

00:10:58 Ada benda-benda yang ada

00:11:00 Tak ada kat sini

00:11:01 Tapi yang ni kalau kata

00:11:02 Saya nak edit image ni

00:11:03–00:11:09

00:11:02 Saya nak edit image ni

00:11:03 Saya boleh lah

00:11:04 Crop dia ke

00:11:06 Ni apa

00:11:07 Coba edit juga dah

00:11:08 Ni lain dah

00:11:09–00:11:12

00:11:08 Ni lain dah

00:11:10 Ini ni

00:11:11 Ni gambar ni

00:11:12–00:11:15

00:11:11 Ni gambar ni

00:11:13 Crop

00:11:14 Kalau nak crop

00:11:15–00:11:21

00:11:14 Kalau nak crop

00:11:15 Look for computer

00:11:21–00:11:24

00:11:15 Look for computer

00:11:24–00:11:27

00:11:24 Tak jumpa lah guys

00:11:25 Takpelah

00:11:26 Okay lah saya belanja

00:11:27–00:11:30

00:11:26 Okay lah saya belanja

00:11:27 Tapi ni awak carilah

00:11:30–00:11:33

00:11:30 Google lah sendiri

00:11:31 Macam mana nak crop gambar ni

00:11:32 Kalau tak pakai lah

00:11:33–00:11:36

00:11:32 Kalau tak pakai lah

00:11:33 Canva ke apa kan

00:11:34 Okay so

00:11:35 Awak dah faham dah

00:11:36–00:11:39

00:11:35 Awak dah faham dah

00:11:36 Inilah nama dia skeleton

00:11:37 Bila kita buat skeleton ni

00:11:39–00:11:42

00:11:37 Bila kita buat skeleton ni

00:11:39 Saya nak awak

00:11:39 Free flow dulu

00:11:40 Daripada idea yang sekarang

00:11:42–00:11:45

00:11:40 Daripada idea yang sekarang

00:11:42 Macam ni lah

00:11:43 Masukkan je

00:11:44 Nampak tak cantik kan

00:11:45–00:11:48

00:11:44 Nampak tak cantik kan

00:11:45 Masukkan je

00:11:45 Masukkan je

00:11:47 Dia memang

00:11:48–00:11:51

00:11:47 Dia memang

00:11:48 Bila kita buat

00:11:48 First draft ni

00:11:49 Dia memang

00:11:50 Buat je

00:11:51–00:11:54

00:11:50 Buat je

00:11:52 Buat je

00:11:53 Masukkan je

00:11:54–00:11:57

00:11:53 Masukkan je

00:11:54 Yang lain tak lah

00:11:56 Contoh draft ni

00:11:57–00:12:00

00:11:56 Contoh draft ni

00:11:57 Sebab kalau awak terus nak buat design

00:11:59 Nanti awak akan pressure tau

00:12:00–00:12:03

00:11:59 Nanti awak akan pressure tau

00:12:00 Sebab nak buat design lawa-lawa terus ni

00:12:01 Susah

00:12:02 Bukan senang

00:12:03–00:12:06

00:12:02 Bukan senang

00:12:03 So biasa kita akan buat

00:12:04 Bersih yang

00:12:05 Biasa-biasa dulu

00:12:06–00:12:09

00:12:05 Biasa-biasa dulu

00:12:07 Lepas tu

00:12:07 Barulah kita upkan design dia

00:12:09–00:12:12

00:12:07 Barulah kita upkan design dia

00:12:09 Itu step dia

00:12:10 Sebab tu

00:12:11 Dia ada 3 step

00:12:12–00:12:15

00:12:11 Dia ada 3 step

00:12:12 Step pertama

00:12:13 Dia panggil sebagai skeleton

00:12:15–00:12:18

00:12:15 Ataupun

00:12:16 Rangka

00:12:17 Step kedua

00:12:18–00:12:21

00:12:17 Step kedua

00:12:18 Kita buat yang low

00:12:19 Sampai design banting

00:12:20 Kita buat sini

00:12:21–00:12:24

00:12:20 Kita buat sini

00:12:22 Benda dia sini

00:12:23 Step yang kedua

00:12:24–00:12:27

00:12:23 Step yang kedua

00:12:27–00:12:30

00:12:23 Step yang kedua

00:12:27 Dia panggil sebagai

00:12:28 Design ni

00:12:29 Macam ni kan

00:12:30–00:12:33

00:12:29 Macam ni kan

00:12:30 Ni asal usul ni

00:12:31 Design ni tak lawa

00:12:32 Tapi yang ni kita dah terbuang

00:12:33–00:12:36

00:12:32 Tapi yang ni kita dah terbuang

00:12:33 Design ni tak lawa tu

00:12:34 Terus saya tunjuk ke awak

00:12:35 Kita yang tak jumpa tu

00:12:36–00:12:39

00:12:35 Kita yang tak jumpa tu

00:12:36 So bila kita edit

00:12:38 Kita terus terupgrade

00:12:39–00:12:42

00:12:38 Kita terus terupgrade

00:12:39 Daripada design yang sedia ada

00:12:40 Okay

00:12:41 Jadi awak cuba lubat

00:12:42–00:12:45

00:12:41 Jadi awak cuba lubat

00:12:43 Haa sekejap

00:12:44 Saya cari satu lagi lah

00:12:45–00:12:48

00:12:44 Saya cari satu lagi lah

00:12:45 Last last

00:12:45 Cari cari cari

00:12:47 Ada ke tak ada

00:12:48–00:12:51

00:12:47 Ada ke tak ada

00:12:50 Hmm

00:12:51–00:12:54

00:12:50 Hmm

00:12:51 F.t.a

00:12:52 Raku right

00:12:53 Hmm

00:12:54–00:12:57

00:12:53 Hmm

00:12:57–00:13:00

00:12:57 Yang ni kot

00:12:58 Dia berat lah

00:13:00–00:13:09

00:12:58 Dia berat lah

00:13:03 Kadang-kadang gambar tu

00:13:04 Loading dia keluar tak keluar

00:13:05 Ambil masa sikit

00:13:07 Tunggu sikit

00:13:08 Pop dia keluar

00:13:09–00:13:12

00:13:08 Pop dia keluar

00:13:09 BTS

00:13:12–00:13:15

00:13:15–00:13:18

00:13:18–00:13:21

00:13:19 Bluefin Timsail

00:13:21–00:13:24

00:13:21 Haa

00:13:21 Ni yang tadi lah

00:13:22 Sama lah kan

00:13:23 Ni Mikey Blood

00:13:24–00:13:27

00:13:23 Ni Mikey Blood

00:13:27–00:13:30

00:13:23 Ni Mikey Blood

00:13:28 Buat website Mikey Blood pun

00:13:30–00:13:33

00:13:28 Buat website Mikey Blood pun

00:13:30 Pakai sini

00:13:31 Nampak

00:13:32 Macam 4 je

00:13:33–00:13:36

00:13:32 Macam 4 je

00:13:34 Ha

00:13:36–00:13:39

00:13:37 Tentu

00:13:39–00:13:42

00:13:42–00:13:45

00:13:43 Boleh je nak beli apa semua

00:13:44 Ok guys so teruskan

00:13:45–00:13:48

00:13:44 Ok guys so teruskan

00:13:46 Nanti saya tunjukkan template

00:13:48–00:13:51

00:13:46 Nanti saya tunjukkan template

00:13:48 Dalam video yang seterusnya

00:13:50 Sorry lah tak jumpa pulak

00:13:51–00:13:54

00:13:50 Sorry lah tak jumpa pulak

00:13:52 Jumpa dalam video yang seterusnya

00:13:53 Zas

00:13:54–00:13:55

00:13:53 Zas