Asas Web Design ⁠ Draf transkrip automatik penuh. Pembetulan istilah berdasarkan sumber direkodkan secara berasingan; tanda semakan menunjukkan perkataan yang perlu diperiksa. [00:00:00–00:00:03] Dalam video kali ni kita nak belajar tentang asas web design. [00:00:03–00:00:06] Macam mana nak buat website yang kami dah design sebelum ni. [00:00:06–00:00:10] Contoh macam ni, contoh ni, eh macam-macam contohlah kita tengok eh. [00:00:11–00:00:17] So kita nak buat design untuk website versi mobile eh. [00:00:17–00:00:18] Saya tak nak ajar awak pasal desktop. [semak: uncertain words] [00:00:19–00:00:21] Yang ni awak kena cari sendiri sebab saya nak ajar versi mobile. [00:00:21–00:00:24] Sebab mobile ni lah cara yang kita nak upload dalam on-pay. [00:00:24–00:00:26] Tadi sebelum ni kan saya dah ajar awak kan asas on-pay kan. [semak: uncertain words] [00:00:26–00:00:29] So macam mana nak gunakan benda ni [semak: uncertain words] [00:00:29–00:00:31] Untuk upload ke dalam OnPay nanti [semak: uncertain words] [00:00:31–00:00:32] So jom kita tengok [00:00:32–00:00:34] Asas kepada web design [semak: uncertain words] [00:00:34–00:00:35] Okay so [semak: uncertain words] [00:00:36–00:00:37] Ada banyak design kat sini [00:00:37–00:00:40] Tapi saya nak ambil design yang [00:00:41–00:00:42] Design mana saya nak ambil [00:00:42–00:00:47] Ini tuan sekejap lama ni [semak: uncertain words] [00:00:49–00:00:49] Alhamdulillah [00:00:49–00:00:50] Alhamdulillah [00:00:52–00:00:54] BTS blueprint team sale [semak: uncertain words] [00:00:55–00:00:56] Sebab dia ada page [00:00:56–00:00:57] So banyak macam-macam benda [semak: uncertain words] [00:00:57–00:00:58] Dan bila ada macam-macam benda ni [00:00:58–00:00:59] Dia berat aku guys [semak: uncertain words] [00:00:59–00:01:00] Dia berat sikit [00:01:00–00:01:02] Tapi okey lah [semak: uncertain words] [00:01:02–00:01:04] Sebab kita tak install pun [00:01:04–00:01:05] Saya pakai browser je [00:01:05–00:01:06] So dia auto save [semak: uncertain words] [00:01:06–00:01:08] Yang paling saya suka [00:01:08–00:01:10] Berada di mana-mana sahaja [00:01:10–00:01:11] Hang pula dah dia [00:01:11–00:01:14] Oh puji [00:01:14–00:01:15] So jangan puji [semak: uncertain words] [00:01:19–00:01:21] Saya nak ambil satu contoh [00:01:21–00:01:22] Dan saya nak tunjukkan awak [00:01:22–00:01:24] Daripada skeleton [00:01:26–00:01:28] Kepada versi yang dah finish [00:01:28–00:01:30] Kita ambil blue pen timsial pula [semak: uncertain words] [00:01:48–00:01:49] Semua desain [semak: uncertain words] [00:01:49–00:01:51] Dia bermula daripada skeleton [semak: uncertain words] [00:01:51–00:01:53] Ada tak skeleton kat sini [00:01:54–00:01:55] Contoh, tunjukkan awak [00:01:55–00:01:57] Ini example yang bagus [00:01:57–00:01:58] Awak tengok ni [semak: uncertain words] [00:01:59–00:02:00] Tengok kiri kanan [00:02:01–00:02:03] Semua desain bermula macam ni [00:02:04–00:02:06] Lepas tu baru kita cantikkan dia belah kanan [00:02:06–00:02:08] Tapi kanan ni pun tak cantik lagi [00:02:08–00:02:09] Dia ada versi yang lagi cantik lagi [semak: uncertain words] [00:02:09–00:02:12] Ok, tapi point dia kiri kanan [semak: uncertain words] [00:02:12–00:02:13] Nampak? Ni skeleton yang ni dah first draft [00:02:14–00:02:15] Contoh macam ni [00:02:16–00:02:17] Mula campak-campak bodoh-bodoh macam ni je [00:02:18–00:02:20] Haa, campak bodoh-bodoh je dulu [00:02:20–00:02:22] Tak betul baru kita masukkan colour dia [semak: uncertain words] [00:02:22–00:02:24] Haa, beza lah bila kita dah masukkan colour [00:02:24–00:02:26] Kita dah kemaskan dia [00:02:26–00:02:28] Kita dah masukkan detail-retail dia apa semua [semak: uncertain words] [00:02:28–00:02:29] Haa, baru dah dia [00:02:30–00:02:31] Malatops macam ni [semak: uncertain words] [00:02:31–00:02:32] Ok, ni contoh [00:02:34–00:02:36] Haa, kan? Clean design dia [00:02:36–00:02:37] So inilah kelebihan [00:02:37–00:02:38] Bila kita belajar [00:02:38–00:02:39] Guna [00:02:39–00:02:41] Figma ni [00:02:41–00:02:41] Memang kita boleh buat [00:02:41–00:02:42] Design yang clean [semak: uncertain words] [00:02:42–00:02:43] Macam ni [semak: uncertain words] [00:02:44–00:02:44] Ok [semak: uncertain words] [00:02:44–00:02:45] Lepas tu lagi [semak: uncertain words] [00:02:46–00:02:47] Contoh [00:02:48–00:02:48] So [00:02:48–00:02:50] Jom kita buat [00:02:50–00:02:51] Untuk contoh [00:02:51–00:02:52] Yang pertama [00:02:52–00:02:53] Bawah ni [00:02:53–00:02:54] Saya nak ambil [00:02:54–00:02:55] Meta X ni [semak: uncertain words] [00:02:55–00:02:55] Bagi contoh [semak: uncertain words] [00:02:55–00:02:56] Ok [00:02:56–00:02:59] Saya duplicate frame ni jap [semak: uncertain words] [00:02:59–00:03:00] Saya dekat option [semak: uncertain words] [00:03:01–00:03:02] Ok [semak: uncertain words] [00:03:02–00:03:02] Saya duplicate [semak: uncertain words] [00:03:02–00:03:04] Saya letak bawah setiap lah [semak: uncertain words] [00:03:06–00:03:07] Bawa lari dia [semak: uncertain words] [00:03:07–00:03:08] main bawah ni [00:03:08–00:03:12] ok so [semak: uncertain words] [00:03:13–00:03:15] first step yang saya nak awak follow saya adalah [00:03:15–00:03:17] saya nak awak buat [00:03:17–00:03:18] satu frame [00:03:19–00:03:20] kita nak buat satu frame [semak: uncertain words] [00:03:20–00:03:24] frame ni kita akan tarik je [00:03:24–00:03:25] dan kita akan pilih [00:03:25–00:03:27] size frame yang standard [00:03:27–00:03:29] kalau saya size frame yang standard [00:03:29–00:03:30] kalau tengok kat sini [semak: uncertain words] [00:03:30–00:03:32] dia ada 400 [semak: number or amount] [00:03:32–00:03:33] dia ada 300 [semak: number or amount] [00:03:33–00:03:35] kita nak lebar tu [00:03:35–00:03:36] yang panjang tak kisah [00:03:36–00:03:37] yang lebar [00:03:37–00:03:38] so lebar standard [00:03:38–00:03:40] pro max ni besar sangat [semak: uncertain words] [00:03:40–00:03:41] Tak semua phone susah macam ni [semak: uncertain words] [00:03:41–00:03:44] So kita nak ambil size phone yang standard lah [semak: uncertain words] [00:03:44–00:03:46] Bagi saya size phone yang standard [00:03:46–00:03:47] Yang semua orang selamat [00:03:47–00:03:50] Saya akan ambil dalam sekitar yang ni [00:03:51–00:03:51] 390 [semak: number or amount] [00:03:52–00:03:53] 13, 14 [semak: number or amount] [00:03:53–00:03:54] Ni standard lah [semak: uncertain words] [00:03:54–00:03:56] Kalau kita ambil yang besar sangat pun [00:03:56–00:03:56] Masalah juga [00:03:56–00:03:57] Contoh macam ni [semak: uncertain words] [00:03:57–00:03:58] 14 plus kan [semak: number or amount] [00:03:58–00:04:00] So saya ambil 13, 14 iPhone [semak: number or amount] [00:04:00–00:04:01] So standard [00:04:01–00:04:03] Tak besar sangat, tak kecil sangat [semak: uncertain words] [00:04:04–00:04:04] And then [semak: uncertain words] [00:04:05–00:04:06] Kita akan [00:04:07–00:04:07] Tekan ni [00:04:07–00:04:09] Kita akan tarik dia ke bawah [00:04:11–00:04:12] Tarik dia [00:04:12–00:04:13] Tarik dia [semak: uncertain words] [00:04:13–00:04:14] Mana nak tarik ni [semak: uncertain words] [00:04:14–00:04:21] Oh dia tak keluar tangan [semak: uncertain words] [00:04:21–00:04:22] Lenggong tu [semak: uncertain words] [00:04:22–00:04:24] Ok tekan sini [semak: uncertain words] [00:04:24–00:04:25] Tarik dia [00:04:25–00:04:25] Bawah [00:04:25–00:04:27] Saya biasakan tarik dia panjang sikit lah [semak: uncertain words] [00:04:27–00:04:28] Biar macam dia zip [semak: uncertain words] [00:04:28–00:04:29] Ok dah [semak: uncertain words] [00:04:30–00:04:30] So [semak: uncertain words] [00:04:31–00:04:34] Perasan tak sebelum ni kita dah belajar pasal copywriting [semak: uncertain words] [00:04:35–00:04:37] Copywriting yang kita dah belajar ni kan [00:04:37–00:04:37] Yang ni [00:04:37–00:04:39] Saya nak awak masukkan copywriting ni [00:04:39–00:04:41] Masukkan semua copywriting ni [00:04:41–00:04:43] Dekat dalam artikel tadi tu [00:04:43–00:04:45] Dan kita dah belajar formula [00:04:45–00:04:46] Save space [semak: uncertain words] [00:04:46–00:04:47] Educate apa semua ni [semak: uncertain words] [00:04:47–00:04:49] Katalah awak nak ni [00:04:49–00:04:50] Saya boleh je command A [semak: uncertain words] [00:04:50–00:04:51] Saya copy ni [00:04:51–00:04:52] Saya masukkan je terus kat sini [00:04:52–00:04:53] Kat sebelah ni [00:04:54–00:04:55] Paste [00:04:55–00:04:56] Mana dia [semak: uncertain words] [00:04:58–00:04:58] Mana dia [00:04:58–00:04:59] Oh besar sangat [00:04:59–00:05:00] Haa ambil kau [00:05:00–00:05:02] So kita alih dia [00:05:02–00:05:02] Kita kecilkan dia [00:05:02–00:05:05] Kita ambil scale ni [semak: uncertain words] [00:05:06–00:05:07] Kita kecilkan dia lagi [semak: uncertain words] [00:05:09–00:05:10] Kecilkan dia lagi [00:05:11–00:05:12] Kita bagi dia kat sebelah tu [00:05:12–00:05:13] Sebagai rujukan je lah [00:05:13–00:05:14] Kita balik kat dah [semak: uncertain words] [00:05:16–00:05:16] Haa macam tu [00:05:17–00:05:19] so mungkin saya tak buat dia [semak: uncertain words] [00:05:19–00:05:21] bowl lah sekejap lagi, kecilkan sikit [semak: uncertain words] [00:05:22–00:05:23] lagi, ok [semak: uncertain words] [00:05:24–00:05:25] besar lagi ni [00:05:26–00:05:27] sekejap [00:05:27–00:05:28] tu lah barat dia, ok [semak: uncertain words] [00:05:28–00:05:29] kita biar dia dekat situ [semak: uncertain words] [00:05:31–00:05:33] jadi, lepas pergi balik dekat [semak: uncertain words] [00:05:33–00:05:34] move [00:05:35–00:05:37] saya akan buat ayat ni [00:05:37–00:05:39] tak bowl lah, kecil kat bowl-bowl banyak ni [semak: uncertain words] [00:05:39–00:05:41] regular, ok dah [semak: uncertain words] [00:05:41–00:05:42] settle, so [semak: uncertain words] [00:05:45–00:05:47] barulah kita start, dan bila kita [00:05:47–00:05:48] nak buat design ni, first draft ni [semak: uncertain words] [00:05:49–00:05:51] awak kena tahu, saya nak awak masukkan je [00:05:51–00:05:52] contoh macam ni kan [00:05:52–00:05:54] kita buat, kenapa awak nak tekan [semak: uncertain words] [00:05:54–00:05:56] speech delay, kita copy [semak: uncertain words] [00:05:57–00:05:58] saya akan paste dia, saya akan letak sini [semak: uncertain words] [00:05:59–00:06:01] dan mungkin saya akan [00:06:01–00:06:02] kecilkan lagi, aku tulis ni, so kalau saya nak [semak: uncertain words] [00:06:02–00:06:04] dia ngam-ngam kat situ, macam ni besar [00:06:04–00:06:06] so saya boleh tukar sini, saya tekan [00:06:07–00:06:08] saya tekan [00:06:10–00:06:11] option ataupun [00:06:11–00:06:12] shift, saya boleh [00:06:13–00:06:14] tarik macam ni, ni pun menarik kat [00:06:18–00:06:20] So yang ni pun saya boleh kecilkan dia [semak: uncertain words] [00:06:21–00:06:23] Kenapa anak tu kena special delay [semak: uncertain words] [00:06:24–00:06:25] Ini kita buat kepala kat atas [semak: uncertain words] [00:06:25–00:06:27] Lepas tu dah settle [semak: uncertain words] [00:06:27–00:06:29] Kita kan ada yang nak letak gambar [00:06:29–00:06:30] Kita pun letaklah satu kotak kat sini [00:06:31–00:06:32] Letak kotak [00:06:32–00:06:34] Kotak ni letak center [semak: uncertain words] [00:06:35–00:06:36] Kita double click [00:06:36–00:06:38] Kita boleh tulis kat tengah ni [semak: uncertain words] [00:06:38–00:06:41] Kita letak ni letak tulisan [semak: uncertain words] [00:06:42–00:06:43] Kita buat gambar apa [semak: uncertain words] [00:06:43–00:06:44] Gambar [00:06:46–00:06:47] Anak [semak: uncertain words] [00:06:48–00:06:49] Nah bukan [semak: uncertain words] [00:06:49–00:06:51] Ni speech delay [semak: uncertain words] [00:06:51–00:06:52] Bukan English [semak: uncertain words] [00:06:52–00:06:53] Gambar [00:06:53–00:06:54] Anak [00:06:54–00:06:54] Mindphone [semak: uncertain words] [00:06:56–00:06:57] Contohnya [00:06:57–00:07:05] Kita buat macam ni [semak: uncertain words] [00:07:05–00:07:06] Ok [semak: uncertain words] [00:07:06–00:07:07] Kita boleh kecilkan sikit [00:07:07–00:07:11] Kita boleh segitakan dia [00:07:11–00:07:14] So kita akan ulang mudalah ni [semak: uncertain words] [00:07:14–00:07:16] Kenapa anak terkena [00:07:16–00:07:18] Kenapa anak terkena speech delay [00:07:18–00:07:18] Ha [semak: uncertain words] [00:07:18–00:07:20] Kita pun masukkan lah ayat ni [semak: uncertain words] [00:07:20–00:07:21] Saya akan buat macam tu lah biasanya [00:07:22–00:07:23] Copy [00:07:23–00:07:24] Saya akan masukkan kat sini [semak: uncertain words] [00:07:27–00:07:28] Rupanya [00:07:28–00:07:29] Ada kajian nak putihkan [semak: uncertain words] [00:07:29–00:07:32] ni, ni, ni. Lepas tu kita pun [semak: uncertain words] [00:07:32–00:07:33] ok. Ok, kita letak [semak: uncertain words] [00:07:33–00:07:35] tu lagi. Kalau kita nak [semak: uncertain words] [00:07:35–00:07:37] kecikkan sikit, mungkin gambar yang kali ni dia [00:07:37–00:07:39] tak nak besar sangat. Kecik sikit macam ni. [00:07:43–00:07:45] Lepas tu. Ada lagi. [00:07:45–00:07:47] Ada lagi. So, kita kena susun. [00:07:47–00:07:49] Susun ikut kita punya ni. [00:07:49–00:07:51] Susun-susun sampai kita macam [00:07:51–00:07:53] dia sebenarnya bercerita [00:07:53–00:07:55] lengkap dengan penyusunan. [00:07:56–00:07:57] Tapi tak apa. Awak [00:07:57–00:07:59] try dulu buat, sebab [00:07:59–00:08:01] dalam video yang seterusnya, saya akan [00:08:01–00:08:03] belajar template, nak template tak [semak: uncertain words] [00:08:03–00:08:05] ok, mesti nak template kan, tapi tak apa [semak: uncertain words] [00:08:05–00:08:07] belajar yang susah dulu, nanti boleh dapat [semak: uncertain words] [00:08:07–00:08:09] template, berhargai template, nanti dapat yang senang [00:08:09–00:08:11] template tak hargai, ok tak apa [00:08:11–00:08:13] so try dulu buat, try buat sikit-sikit [00:08:13–00:08:15] tengok macam mana, letak-letak-letak [00:08:15–00:08:17] so dalam video yang seterusnya [00:08:17–00:08:19] saya akan bagi awak template, ok tapi [00:08:19–00:08:21] bila awak dah pakai template, boleh tak [00:08:21–00:08:23] saya minta tolong satu je, jangan hilang [00:08:23–00:08:25] kreativiti, sebab masalah bila orang pakai template [00:08:25–00:08:27] saya ni, dia terus akan follow [00:08:27–00:08:29] sepijit-sepijit template, sedangkan template tu [00:08:29–00:08:31] just panduan untuk awak mulakan je [00:08:31–00:08:34] kalau boleh dah pakai, alihkan [semak: uncertain words] [00:08:34–00:08:35] dia, ataupun guna [00:08:35–00:08:37] start idea sendiri, ok [00:08:37–00:08:40] lepas tu, macam awak tengok kat sini kan, saya tunjuk [00:08:40–00:08:41] yang ni versi yang dah siap [semak: uncertain words] [00:08:41–00:08:43] mana nak dapat gambar ni, yang ni biasanya [semak: uncertain words] [00:08:43–00:08:46] kita buat asing lah, macam tu macam ni [00:08:46–00:08:47] yang ni, yang ni [semak: uncertain words] [00:08:47–00:08:49] dia buat kat mana ni, oh dia buat sesuatu [semak: uncertain words] [00:08:49–00:08:51] orang ajan betul, dia buat sesuatu guys [semak: uncertain words] [00:08:51–00:08:53] tengok, dia buat [00:08:53–00:08:55] sesuatu eh, bukan dia pergi ambil [semak: uncertain words] [00:08:56–00:08:57] So benda ni [00:08:57–00:08:58] Boleh je dibuat [00:08:58–00:08:59] Semua benda ni boleh dibuat [00:08:59–00:09:00] Macam ni [00:09:00–00:09:00] Ha ni buat satu-satu [semak: uncertain words] [00:09:04–00:09:05] Yes [00:09:05–00:09:06] Contoh lah kita ambil satu gambar [00:09:06–00:09:08] Kita ambil gambar [00:09:08–00:09:09] Anak [00:09:10–00:09:11] Menangis [00:09:11–00:09:11] Okay [semak: uncertain words] [00:09:13–00:09:14] Kita tekan image [00:09:15–00:09:16] Kita ambil gambar [00:09:18–00:09:18] Inilah [semak: uncertain words] [00:09:19–00:09:21] Kita nak Melayu [semak: uncertain words] [00:09:21–00:09:21] Atau Cina [semak: uncertain words] [00:09:21–00:09:22] Okay [semak: uncertain words] [00:09:24–00:09:25] Saya save image [00:09:27–00:09:28] Lepas tu saya pergi dekat sini [00:09:33–00:09:34] Masuk gambar tu [semak: uncertain words] [00:09:34–00:09:36] Cuma sekarang ni dah ada satu features baru [00:09:36–00:09:37] Features AI ni [00:09:37–00:09:38] Kita boleh [00:09:39–00:09:40] Hilangkan background dia [00:09:40–00:09:41] Macam sekarang ni kan ada background [00:09:42–00:09:44] Dekat sini ada satu features ni [00:09:53–00:09:53] Image [00:10:02–00:10:03] Dekat ni [00:10:03–00:10:03] Dekat ni [00:10:09–00:10:10] Ha ni [semak: uncertain words] [00:10:18–00:10:19] Dekat ni [00:10:19–00:10:20] Ada AI [semak: uncertain words] [00:10:26–00:10:27] dia rasa kat sini je [semak: uncertain words] [00:10:27–00:10:28] dah hilang dah AI ni [semak: uncertain words] [00:10:28–00:10:30] rasa tepi ni je [00:10:32–00:10:34] asset plugin widget [00:10:35–00:10:35] all [00:10:37–00:10:39] ah nanti rasa tunjuk awak [semak: uncertain words] [00:10:40–00:10:41] mana AI ni [00:10:41–00:10:42] hilang lah [semak: uncertain words] [00:10:43–00:10:45] aduh eh sebab bila kita ada AI tu [semak: uncertain words] [00:10:45–00:10:47] kita boleh tanya dia remove kan background [semak: uncertain words] [00:10:47–00:10:49] dia nanti akan remove background [semak: uncertain words] [00:10:49–00:10:55] tak ada itu ada dekat [00:10:55–00:10:57] sebab tu canva adalah kelebihan [00:10:57–00:10:58] dia juga canva ni [semak: uncertain words] [00:10:58–00:11:00] Ada benda-benda yang ada [00:11:00–00:11:01] Tak ada kat sini [semak: uncertain words] [00:11:01–00:11:02] Tapi yang ni kalau kata [semak: uncertain words] [00:11:02–00:11:03] Saya nak edit image ni [semak: uncertain words] [00:11:03–00:11:04] Saya boleh lah [semak: uncertain words] [00:11:04–00:11:06] Crop dia ke [00:11:06–00:11:06] Ni apa [semak: uncertain words] [00:11:07–00:11:08] Coba edit juga dah [semak: uncertain words] [00:11:08–00:11:10] Ni lain dah [semak: uncertain words] [00:11:10–00:11:10] Ini ni [semak: uncertain words] [00:11:11–00:11:12] Ni gambar ni [semak: uncertain words] [00:11:13–00:11:14] Crop [00:11:14–00:11:15] Kalau nak crop [semak: uncertain words] [00:11:15–00:11:23] Look for computer [semak: uncertain words] [00:11:24–00:11:25] Tak jumpa lah guys [00:11:25–00:11:26] Takpelah [00:11:26–00:11:27] Okay lah saya belanja [semak: uncertain words] [00:11:27–00:11:29] Tapi ni awak carilah [00:11:30–00:11:31] Google lah sendiri [00:11:31–00:11:32] Macam mana nak crop gambar ni [00:11:32–00:11:33] Kalau tak pakai lah [semak: uncertain words] [00:11:33–00:11:34] Canva ke apa kan [00:11:34–00:11:35] Okay so [00:11:35–00:11:36] Awak dah faham dah [semak: uncertain words] [00:11:36–00:11:37] Inilah nama dia skeleton [00:11:37–00:11:39] Bila kita buat skeleton ni [00:11:39–00:11:39] Saya nak awak [00:11:39–00:11:40] Free flow dulu [00:11:40–00:11:42] Daripada idea yang sekarang [00:11:42–00:11:43] Macam ni lah [00:11:43–00:11:44] Masukkan je [00:11:44–00:11:45] Nampak tak cantik kan [00:11:45–00:11:45] Masukkan je [00:11:45–00:11:47] Masukkan je [00:11:47–00:11:48] Dia memang [semak: uncertain words] [00:11:48–00:11:48] Bila kita buat [semak: uncertain words] [00:11:48–00:11:49] First draft ni [00:11:49–00:11:50] Dia memang [00:11:50–00:11:51] Buat je [00:11:52–00:11:53] Buat je [00:11:53–00:11:54] Masukkan je [00:11:54–00:11:56] Yang lain tak lah [semak: uncertain words] [00:11:56–00:11:57] Contoh draft ni [00:11:57–00:11:59] Sebab kalau awak terus nak buat design [00:11:59–00:12:00] Nanti awak akan pressure tau [semak: uncertain words] [00:12:00–00:12:01] Sebab nak buat design lawa-lawa terus ni [00:12:01–00:12:02] Susah [00:12:02–00:12:03] Bukan senang [00:12:03–00:12:04] So biasa kita akan buat [00:12:04–00:12:05] Bersih yang [00:12:05–00:12:06] Biasa-biasa dulu [00:12:07–00:12:07] Lepas tu [00:12:07–00:12:09] Barulah kita upkan design dia [semak: uncertain words] [00:12:09–00:12:10] Itu step dia [00:12:10–00:12:11] Sebab tu [00:12:11–00:12:12] Dia ada 3 step [semak: uncertain words, number or amount] [00:12:12–00:12:13] Step pertama [00:12:13–00:12:14] Dia panggil sebagai skeleton [semak: uncertain words] [00:12:15–00:12:15] Ataupun [00:12:16–00:12:16] Rangka [00:12:17–00:12:18] Step kedua [00:12:18–00:12:19] Kita buat yang low [00:12:19–00:12:20] Sampai design banting [00:12:20–00:12:21] Kita buat sini [00:12:22–00:12:23] Benda dia sini [semak: uncertain words] [00:12:23–00:12:27] Step yang kedua [00:12:27–00:12:28] Dia panggil sebagai [00:12:28–00:12:29] Design ni [00:12:29–00:12:30] Macam ni kan [00:12:30–00:12:31] Ni asal usul ni [00:12:31–00:12:32] Design ni tak lawa [semak: uncertain words] [00:12:32–00:12:33] Tapi yang ni kita dah terbuang [semak: uncertain words] [00:12:33–00:12:34] Design ni tak lawa tu [semak: uncertain words] [00:12:34–00:12:35] Terus saya tunjuk ke awak [semak: uncertain words] [00:12:35–00:12:36] Kita yang tak jumpa tu [semak: uncertain words] [00:12:36–00:12:38] So bila kita edit [semak: uncertain words] [00:12:38–00:12:39] Kita terus terupgrade [semak: uncertain words] [00:12:39–00:12:40] Daripada design yang sedia ada [00:12:40–00:12:41] Okay [semak: uncertain words] [00:12:41–00:12:43] Jadi awak cuba lubat [semak: uncertain words] [00:12:43–00:12:44] Haa sekejap [semak: uncertain words] [00:12:44–00:12:45] Saya cari satu lagi lah [00:12:45–00:12:45] Last last [00:12:45–00:12:46] Cari cari cari [00:12:47–00:12:48] Ada ke tak ada [semak: uncertain words] [00:12:50–00:12:51] Hmm [00:12:51–00:12:52] F.t.a [semak: uncertain words] [00:12:52–00:12:53] Raku right [semak: uncertain words] [00:12:53–00:12:54] Hmm [00:12:57–00:12:58] Yang ni kot [semak: uncertain words] [00:12:58–00:13:03] Dia berat lah [semak: uncertain words] [00:13:03–00:13:04] Kadang-kadang gambar tu [00:13:04–00:13:05] Loading dia keluar tak keluar [00:13:05–00:13:07] Ambil masa sikit [00:13:07–00:13:08] Tunggu sikit [00:13:08–00:13:09] Pop dia keluar [semak: uncertain words] [00:13:09–00:13:09] BTS [00:13:19–00:13:20] Bluefin Timsail [semak: uncertain words] [00:13:21–00:13:21] Haa [00:13:21–00:13:22] Ni yang tadi lah [00:13:22–00:13:23] Sama lah kan [00:13:23–00:13:27] Ni Mikey Blood [semak: uncertain words] [00:13:28–00:13:30] Buat website Mikey Blood pun [semak: uncertain words] [00:13:30–00:13:30] Pakai sini [semak: uncertain words] [00:13:31–00:13:32] Nampak [00:13:32–00:13:34] Macam 4 je [semak: uncertain words, number or amount] [00:13:34–00:13:35] Ha [semak: uncertain words] [00:13:37–00:13:37] Tentu [00:13:43–00:13:44] Boleh je nak beli apa semua [semak: uncertain words] [00:13:44–00:13:46] Ok guys so teruskan [semak: uncertain words] [00:13:46–00:13:48] Nanti saya tunjukkan template [00:13:48–00:13:50] Dalam video yang seterusnya [00:13:50–00:13:51] Sorry lah tak jumpa pulak [00:13:52–00:13:53] Jumpa dalam video yang seterusnya [00:13:53–00:13:54] Zas [semak: low segment confidence, uncertain words]