Asas Web Design ⁠
Source: https://coachadib.com/module/6ac033f2c9df5ee2bec8f923
Automatic full-length draft. Uncertain wording and figures require review.

[00:00:00.000 – 00:00:03.560] Dalam video kali ni kita nak belajar tentang asas web design.

[00:00:03.740 – 00:00:06.140] Macam mana nak buat website yang kami dah design sebelum ni.

[00:00:06.360 – 00:00:10.620] Contoh macam ni, contoh ni, eh macam-macam contohlah kita tengok eh.

[00:00:11.100 – 00:00:17.120] So kita nak buat design untuk website versi mobile eh.

[00:00:17.200 – 00:00:18.560] Saya tak nak ajar awak pasal desktop.

[00:00:19.000 – 00:00:21.640] Yang ni awak kena cari sendiri sebab saya nak ajar versi mobile.

[00:00:21.740 – 00:00:24.200] Sebab mobile ni lah cara yang kita nak upload dalam on-pay.

[00:00:24.720 – 00:00:26.860] Tadi sebelum ni kan saya dah ajar awak kan asas on-pay kan.

[00:00:26.860 – 00:00:29.260] So macam mana nak gunakan benda ni

[00:00:29.260 – 00:00:31.020] Untuk upload ke dalam OnPay nanti

[00:00:31.020 – 00:00:32.500] So jom kita tengok

[00:00:32.500 – 00:00:34.720] Asas kepada web design

[00:00:34.720 – 00:00:35.580] Okay so

[00:00:36.740 – 00:00:37.940] Ada banyak design kat sini

[00:00:37.940 – 00:00:40.320] Tapi saya nak ambil design yang

[00:00:41.680 – 00:00:42.840] Design mana saya nak ambil

[00:00:42.840 – 00:00:47.770] Ini tuan sekejap lama ni

[00:00:49.310 – 00:00:49.850] Alhamdulillah

[00:00:49.850 – 00:00:50.330] Alhamdulillah

[00:00:52.390 – 00:00:54.090] BTS blueprint team sale

[00:00:55.090 – 00:00:56.110] Sebab dia ada page

[00:00:56.110 – 00:00:57.230] So banyak macam-macam benda

[00:00:57.230 – 00:00:58.530] Dan bila ada macam-macam benda ni

[00:00:58.530 – 00:00:59.390] Dia berat aku guys

[00:00:59.390 – 00:01:00.830] Dia berat sikit

[00:01:00.830 – 00:01:02.450] Tapi okey lah

[00:01:02.450 – 00:01:04.170] Sebab kita tak install pun

[00:01:04.170 – 00:01:05.950] Saya pakai browser je

[00:01:05.950 – 00:01:06.990] So dia auto save

[00:01:06.990 – 00:01:08.170] Yang paling saya suka

[00:01:08.170 – 00:01:10.210] Berada di mana-mana sahaja

[00:01:10.210 – 00:01:11.910] Hang pula dah dia

[00:01:11.910 – 00:01:14.730] Oh puji

[00:01:14.730 – 00:01:15.950] So jangan puji

[00:01:19.660 – 00:01:21.920] Saya nak ambil satu contoh

[00:01:21.920 – 00:01:22.780] Dan saya nak tunjukkan awak

[00:01:22.780 – 00:01:24.540] Daripada skeleton

[00:01:26.000 – 00:01:28.020] Kepada versi yang dah finish

[00:01:28.020 – 00:01:30.480] Kita ambil blue pen timsial pula

[00:01:48.280 – 00:01:49.460] Semua desain

[00:01:49.460 – 00:01:51.520] Dia bermula daripada skeleton

[00:01:51.520 – 00:01:53.220] Ada tak skeleton kat sini

[00:01:54.220 – 00:01:55.400] Contoh, tunjukkan awak

[00:01:55.400 – 00:01:57.360] Ini example yang bagus

[00:01:57.360 – 00:01:58.240] Awak tengok ni

[00:01:59.140 – 00:02:00.420] Tengok kiri kanan

[00:02:01.240 – 00:02:03.200] Semua desain bermula macam ni

[00:02:04.220 – 00:02:06.320] Lepas tu baru kita cantikkan dia belah kanan

[00:02:06.880 – 00:02:08.380] Tapi kanan ni pun tak cantik lagi

[00:02:08.380 – 00:02:09.940] Dia ada versi yang lagi cantik lagi

[00:02:09.940 – 00:02:12.060] Ok, tapi point dia kiri kanan

[00:02:12.060 – 00:02:13.920] Nampak? Ni skeleton yang ni dah first draft

[00:02:14.440 – 00:02:15.260] Contoh macam ni

[00:02:16.180 – 00:02:17.860] Mula campak-campak bodoh-bodoh macam ni je

[00:02:18.620 – 00:02:20.000] Haa, campak bodoh-bodoh je dulu

[00:02:20.000 – 00:02:22.420] Tak betul baru kita masukkan colour dia

[00:02:22.420 – 00:02:24.500] Haa, beza lah bila kita dah masukkan colour

[00:02:24.960 – 00:02:26.340] Kita dah kemaskan dia

[00:02:26.800 – 00:02:28.720] Kita dah masukkan detail-retail dia apa semua

[00:02:28.720 – 00:02:29.580] Haa, baru dah dia

[00:02:30.140 – 00:02:31.220] Malatops macam ni

[00:02:31.900 – 00:02:32.940] Ok, ni contoh

[00:02:34.280 – 00:02:36.140] Haa, kan? Clean design dia

[00:02:36.140 – 00:02:37.880] So inilah kelebihan

[00:02:37.880 – 00:02:38.820] Bila kita belajar

[00:02:38.820 – 00:02:39.820] Guna

[00:02:39.820 – 00:02:41.000] Figma ni

[00:02:41.000 – 00:02:41.940] Memang kita boleh buat

[00:02:41.940 – 00:02:42.820] Design yang clean

[00:02:42.820 – 00:02:43.240] Macam ni

[00:02:44.260 – 00:02:44.900] Ok

[00:02:44.900 – 00:02:45.760] Lepas tu lagi

[00:02:46.400 – 00:02:47.040] Contoh

[00:02:48.000 – 00:02:48.640] So

[00:02:48.640 – 00:02:50.560] Jom kita buat

[00:02:50.560 – 00:02:51.960] Untuk contoh

[00:02:51.960 – 00:02:52.920] Yang pertama

[00:02:52.920 – 00:02:53.480] Bawah ni

[00:02:53.480 – 00:02:54.500] Saya nak ambil

[00:02:54.500 – 00:02:55.140] Meta X ni

[00:02:55.140 – 00:02:55.660] Bagi contoh

[00:02:55.660 – 00:02:56.780] Ok

[00:02:56.780 – 00:02:59.560] Saya duplicate frame ni jap

[00:02:59.560 – 00:03:00.600] Saya dekat option

[00:03:01.780 – 00:03:02.420] Ok

[00:03:02.420 – 00:03:02.860] Saya duplicate

[00:03:02.860 – 00:03:04.220] Saya letak bawah setiap lah

[00:03:06.010 – 00:03:07.290] Bawa lari dia

[00:03:07.290 – 00:03:08.210] main bawah ni

[00:03:08.210 – 00:03:12.700] ok so

[00:03:13.500 – 00:03:15.820] first step yang saya nak awak follow saya adalah

[00:03:15.820 – 00:03:17.900] saya nak awak buat

[00:03:17.900 – 00:03:18.660] satu frame

[00:03:19.480 – 00:03:20.960] kita nak buat satu frame

[00:03:20.960 – 00:03:24.080] frame ni kita akan tarik je

[00:03:24.080 – 00:03:25.600] dan kita akan pilih

[00:03:25.600 – 00:03:27.240] size frame yang standard

[00:03:27.240 – 00:03:29.900] kalau saya size frame yang standard

[00:03:29.900 – 00:03:30.640] kalau tengok kat sini

[00:03:30.640 – 00:03:32.160] dia ada 400

[00:03:32.800 – 00:03:33.780] dia ada 300

[00:03:33.780 – 00:03:35.600] kita nak lebar tu

[00:03:35.600 – 00:03:36.620] yang panjang tak kisah

[00:03:36.620 – 00:03:37.620] yang lebar

[00:03:37.620 – 00:03:38.800] so lebar standard

[00:03:38.800 – 00:03:40.080] pro max ni besar sangat

[00:03:40.080 – 00:03:41.860] Tak semua phone susah macam ni

[00:03:41.860 – 00:03:44.220] So kita nak ambil size phone yang standard lah

[00:03:44.220 – 00:03:46.340] Bagi saya size phone yang standard

[00:03:46.340 – 00:03:47.920] Yang semua orang selamat

[00:03:47.920 – 00:03:50.200] Saya akan ambil dalam sekitar yang ni

[00:03:51.200 – 00:03:51.740] 390

[00:03:52.540 – 00:03:53.520] 13, 14

[00:03:53.520 – 00:03:54.440] Ni standard lah

[00:03:54.440 – 00:03:56.180] Kalau kita ambil yang besar sangat pun

[00:03:56.180 – 00:03:56.920] Masalah juga

[00:03:56.920 – 00:03:57.620] Contoh macam ni

[00:03:57.620 – 00:03:58.560] 14 plus kan

[00:03:58.560 – 00:04:00.660] So saya ambil 13, 14 iPhone

[00:04:00.660 – 00:04:01.880] So standard

[00:04:01.880 – 00:04:03.120] Tak besar sangat, tak kecil sangat

[00:04:04.000 – 00:04:04.860] And then

[00:04:05.460 – 00:04:06.540] Kita akan

[00:04:07.100 – 00:04:07.840] Tekan ni

[00:04:07.840 – 00:04:09.240] Kita akan tarik dia ke bawah

[00:04:11.060 – 00:04:12.200] Tarik dia

[00:04:12.200 – 00:04:13.240] Tarik dia

[00:04:13.240 – 00:04:14.740] Mana nak tarik ni

[00:04:14.740 – 00:04:21.930] Oh dia tak keluar tangan

[00:04:21.930 – 00:04:22.710] Lenggong tu

[00:04:22.710 – 00:04:24.450] Ok tekan sini

[00:04:24.450 – 00:04:25.190] Tarik dia

[00:04:25.190 – 00:04:25.730] Bawah

[00:04:25.730 – 00:04:27.290] Saya biasakan tarik dia panjang sikit lah

[00:04:27.290 – 00:04:28.270] Biar macam dia zip

[00:04:28.270 – 00:04:29.050] Ok dah

[00:04:30.010 – 00:04:30.530] So

[00:04:31.990 – 00:04:34.410] Perasan tak sebelum ni kita dah belajar pasal copywriting

[00:04:35.950 – 00:04:37.290] Copywriting yang kita dah belajar ni kan

[00:04:37.290 – 00:04:37.810] Yang ni

[00:04:37.810 – 00:04:39.890] Saya nak awak masukkan copywriting ni

[00:04:39.890 – 00:04:41.450] Masukkan semua copywriting ni

[00:04:41.450 – 00:04:43.510] Dekat dalam artikel tadi tu

[00:04:43.510 – 00:04:45.570] Dan kita dah belajar formula

[00:04:45.570 – 00:04:46.830] Save space

[00:04:46.830 – 00:04:47.890] Educate apa semua ni

[00:04:47.890 – 00:04:49.250] Katalah awak nak ni

[00:04:49.250 – 00:04:50.370] Saya boleh je command A

[00:04:50.370 – 00:04:51.310] Saya copy ni

[00:04:51.310 – 00:04:52.990] Saya masukkan je terus kat sini

[00:04:52.990 – 00:04:53.790] Kat sebelah ni

[00:04:54.650 – 00:04:55.090] Paste

[00:04:55.810 – 00:04:56.410] Mana dia

[00:04:58.010 – 00:04:58.530] Mana dia

[00:04:58.530 – 00:04:59.270] Oh besar sangat

[00:04:59.270 – 00:05:00.010] Haa ambil kau

[00:05:00.830 – 00:05:02.010] So kita alih dia

[00:05:02.010 – 00:05:02.810] Kita kecilkan dia

[00:05:02.810 – 00:05:05.070] Kita ambil scale ni

[00:05:06.210 – 00:05:07.370] Kita kecilkan dia lagi

[00:05:09.630 – 00:05:10.330] Kecilkan dia lagi

[00:05:11.190 – 00:05:12.630] Kita bagi dia kat sebelah tu

[00:05:12.630 – 00:05:13.970] Sebagai rujukan je lah

[00:05:13.970 – 00:05:14.990] Kita balik kat dah

[00:05:16.090 – 00:05:16.870] Haa macam tu

[00:05:17.610 – 00:05:19.450] so mungkin saya tak buat dia

[00:05:19.450 – 00:05:21.270] bowl lah sekejap lagi, kecilkan sikit

[00:05:22.090 – 00:05:23.410] lagi, ok

[00:05:24.330 – 00:05:25.250] besar lagi ni

[00:05:26.810 – 00:05:27.330] sekejap

[00:05:27.330 – 00:05:28.910] tu lah barat dia, ok

[00:05:28.910 – 00:05:29.910] kita biar dia dekat situ

[00:05:31.570 – 00:05:33.470] jadi, lepas pergi balik dekat

[00:05:33.470 – 00:05:34.210] move

[00:05:35.810 – 00:05:37.550] saya akan buat ayat ni

[00:05:37.550 – 00:05:39.650] tak bowl lah, kecil kat bowl-bowl banyak ni

[00:05:39.650 – 00:05:41.410] regular, ok dah

[00:05:41.410 – 00:05:42.830] settle, so

[00:05:45.160 – 00:05:47.060] barulah kita start, dan bila kita

[00:05:47.060 – 00:05:48.620] nak buat design ni, first draft ni

[00:05:49.080 – 00:05:51.180] awak kena tahu, saya nak awak masukkan je

[00:05:51.180 – 00:05:52.120] contoh macam ni kan

[00:05:52.700 – 00:05:54.860] kita buat, kenapa awak nak tekan

[00:05:54.860 – 00:05:56.580] speech delay, kita copy

[00:05:57.000 – 00:05:58.660] saya akan paste dia, saya akan letak sini

[00:05:59.760 – 00:06:01.120] dan mungkin saya akan

[00:06:01.120 – 00:06:02.960] kecilkan lagi, aku tulis ni, so kalau saya nak

[00:06:02.960 – 00:06:04.940] dia ngam-ngam kat situ, macam ni besar

[00:06:04.940 – 00:06:06.720] so saya boleh tukar sini, saya tekan

[00:06:07.760 – 00:06:08.480] saya tekan

[00:06:10.300 – 00:06:11.020] option ataupun

[00:06:11.020 – 00:06:12.200] shift, saya boleh

[00:06:13.000 – 00:06:14.580] tarik macam ni, ni pun menarik kat

[00:06:18.120 – 00:06:20.120] So yang ni pun saya boleh kecilkan dia

[00:06:21.940 – 00:06:23.420] Kenapa anak tu kena special delay

[00:06:24.240 – 00:06:25.960] Ini kita buat kepala kat atas

[00:06:25.960 – 00:06:27.860] Lepas tu dah settle

[00:06:27.860 – 00:06:29.540] Kita kan ada yang nak letak gambar

[00:06:29.540 – 00:06:30.980] Kita pun letaklah satu kotak kat sini

[00:06:31.780 – 00:06:32.740] Letak kotak

[00:06:32.740 – 00:06:34.940] Kotak ni letak center

[00:06:35.440 – 00:06:36.460] Kita double click

[00:06:36.460 – 00:06:38.340] Kita boleh tulis kat tengah ni

[00:06:38.340 – 00:06:41.780] Kita letak ni letak tulisan

[00:06:42.300 – 00:06:43.620] Kita buat gambar apa

[00:06:43.620 – 00:06:44.800] Gambar

[00:06:46.760 – 00:06:47.360] Anak

[00:06:48.700 – 00:06:49.900] Nah bukan

[00:06:49.900 – 00:06:51.040] Ni speech delay

[00:06:51.040 – 00:06:52.240] Bukan English

[00:06:52.860 – 00:06:53.460] Gambar

[00:06:53.460 – 00:06:54.000] Anak

[00:06:54.000 – 00:06:54.560] Mindphone

[00:06:56.160 – 00:06:57.340] Contohnya

[00:06:57.340 – 00:07:05.840] Kita buat macam ni

[00:07:05.840 – 00:07:06.240] Ok

[00:07:06.240 – 00:07:07.700] Kita boleh kecilkan sikit

[00:07:07.700 – 00:07:11.480] Kita boleh segitakan dia

[00:07:11.480 – 00:07:14.740] So kita akan ulang mudalah ni

[00:07:14.740 – 00:07:16.060] Kenapa anak terkena

[00:07:16.660 – 00:07:18.220] Kenapa anak terkena speech delay

[00:07:18.220 – 00:07:18.680] Ha

[00:07:18.680 – 00:07:20.720] Kita pun masukkan lah ayat ni

[00:07:20.720 – 00:07:21.900] Saya akan buat macam tu lah biasanya

[00:07:22.660 – 00:07:23.260] Copy

[00:07:23.260 – 00:07:24.900] Saya akan masukkan kat sini

[00:07:27.550 – 00:07:28.630] Rupanya

[00:07:28.630 – 00:07:29.830] Ada kajian nak putihkan

[00:07:29.830 – 00:07:32.030] ni, ni, ni. Lepas tu kita pun

[00:07:32.030 – 00:07:33.790] ok. Ok, kita letak

[00:07:33.790 – 00:07:35.810] tu lagi. Kalau kita nak

[00:07:35.810 – 00:07:37.730] kecikkan sikit, mungkin gambar yang kali ni dia

[00:07:37.730 – 00:07:39.590] tak nak besar sangat. Kecik sikit macam ni.

[00:07:43.310 – 00:07:45.110] Lepas tu. Ada lagi.

[00:07:45.710 – 00:07:47.530] Ada lagi. So, kita kena susun.

[00:07:47.990 – 00:07:49.390] Susun ikut kita punya ni.

[00:07:49.890 – 00:07:51.550] Susun-susun sampai kita macam

[00:07:51.550 – 00:07:53.290] dia sebenarnya bercerita

[00:07:53.290 – 00:07:55.190] lengkap dengan penyusunan.

[00:07:56.090 – 00:07:57.850] Tapi tak apa. Awak

[00:07:57.850 – 00:07:59.350] try dulu buat, sebab

[00:07:59.350 – 00:08:01.690] dalam video yang seterusnya, saya akan

[00:08:01.690 – 00:08:03.750] belajar template, nak template tak

[00:08:03.750 – 00:08:05.330] ok, mesti nak template kan, tapi tak apa

[00:08:05.330 – 00:08:07.750] belajar yang susah dulu, nanti boleh dapat

[00:08:07.750 – 00:08:09.910] template, berhargai template, nanti dapat yang senang

[00:08:09.910 – 00:08:11.470] template tak hargai, ok tak apa

[00:08:11.470 – 00:08:13.790] so try dulu buat, try buat sikit-sikit

[00:08:13.790 – 00:08:15.730] tengok macam mana, letak-letak-letak

[00:08:15.730 – 00:08:17.390] so dalam video yang seterusnya

[00:08:17.390 – 00:08:19.630] saya akan bagi awak template, ok tapi

[00:08:19.630 – 00:08:21.770] bila awak dah pakai template, boleh tak

[00:08:21.770 – 00:08:23.850] saya minta tolong satu je, jangan hilang

[00:08:23.850 – 00:08:25.950] kreativiti, sebab masalah bila orang pakai template

[00:08:25.950 – 00:08:27.730] saya ni, dia terus akan follow

[00:08:27.730 – 00:08:29.490] sepijit-sepijit template, sedangkan template tu

[00:08:29.490 – 00:08:31.250] just panduan untuk awak mulakan je

[00:08:31.250 – 00:08:34.010] kalau boleh dah pakai, alihkan

[00:08:34.010 – 00:08:35.330] dia, ataupun guna

[00:08:35.870 – 00:08:37.590] start idea sendiri, ok

[00:08:37.590 – 00:08:40.010] lepas tu, macam awak tengok kat sini kan, saya tunjuk

[00:08:40.010 – 00:08:41.310] yang ni versi yang dah siap

[00:08:41.310 – 00:08:43.750] mana nak dapat gambar ni, yang ni biasanya

[00:08:43.750 – 00:08:46.050] kita buat asing lah, macam tu macam ni

[00:08:46.050 – 00:08:47.450] yang ni, yang ni

[00:08:47.450 – 00:08:49.570] dia buat kat mana ni, oh dia buat sesuatu

[00:08:49.570 – 00:08:51.890] orang ajan betul, dia buat sesuatu guys

[00:08:51.890 – 00:08:53.910] tengok, dia buat

[00:08:53.910 – 00:08:55.510] sesuatu eh, bukan dia pergi ambil

[00:08:56.390 – 00:08:57.450] So benda ni

[00:08:57.450 – 00:08:58.570] Boleh je dibuat

[00:08:58.570 – 00:08:59.470] Semua benda ni boleh dibuat

[00:08:59.470 – 00:09:00.170] Macam ni

[00:09:00.170 – 00:09:00.890] Ha ni buat satu-satu

[00:09:04.550 – 00:09:05.150] Yes

[00:09:05.150 – 00:09:06.890] Contoh lah kita ambil satu gambar

[00:09:06.890 – 00:09:08.050] Kita ambil gambar

[00:09:08.790 – 00:09:09.390] Anak

[00:09:10.530 – 00:09:11.130] Menangis

[00:09:11.130 – 00:09:11.750] Okay

[00:09:13.010 – 00:09:14.310] Kita tekan image

[00:09:15.210 – 00:09:16.750] Kita ambil gambar

[00:09:18.390 – 00:09:18.990] Inilah

[00:09:19.790 – 00:09:21.030] Kita nak Melayu

[00:09:21.030 – 00:09:21.590] Atau Cina

[00:09:21.590 – 00:09:22.710] Okay

[00:09:24.190 – 00:09:25.650] Saya save image

[00:09:27.110 – 00:09:28.370] Lepas tu saya pergi dekat sini

[00:09:33.070 – 00:09:34.010] Masuk gambar tu

[00:09:34.930 – 00:09:36.610] Cuma sekarang ni dah ada satu features baru

[00:09:36.610 – 00:09:37.410] Features AI ni

[00:09:37.410 – 00:09:38.110] Kita boleh

[00:09:39.290 – 00:09:40.250] Hilangkan background dia

[00:09:40.250 – 00:09:41.230] Macam sekarang ni kan ada background

[00:09:42.970 – 00:09:44.770] Dekat sini ada satu features ni

[00:09:53.510 – 00:09:53.990] Image

[00:10:02.430 – 00:10:03.050] Dekat ni

[00:10:03.050 – 00:10:03.730] Dekat ni

[00:10:09.950 – 00:10:10.910] Ha ni

[00:10:18.190 – 00:10:19.150] Dekat ni

[00:10:19.150 – 00:10:20.670] Ada AI

[00:10:26.230 – 00:10:27.750] dia rasa kat sini je

[00:10:27.750 – 00:10:28.950] dah hilang dah AI ni

[00:10:28.950 – 00:10:30.710] rasa tepi ni je

[00:10:32.020 – 00:10:34.640] asset plugin widget

[00:10:35.240 – 00:10:35.820] all

[00:10:37.600 – 00:10:39.420] ah nanti rasa tunjuk awak

[00:10:40.720 – 00:10:41.880] mana AI ni

[00:10:41.880 – 00:10:42.440] hilang lah

[00:10:43.500 – 00:10:45.660] aduh eh sebab bila kita ada AI tu

[00:10:45.660 – 00:10:47.840] kita boleh tanya dia remove kan background

[00:10:47.840 – 00:10:49.440] dia nanti akan remove background

[00:10:49.440 – 00:10:55.900] tak ada itu ada dekat

[00:10:55.900 – 00:10:57.820] sebab tu canva adalah kelebihan

[00:10:57.820 – 00:10:58.800] dia juga canva ni

[00:10:58.800 – 00:11:00.500] Ada benda-benda yang ada

[00:11:00.500 – 00:11:01.340] Tak ada kat sini

[00:11:01.340 – 00:11:02.700] Tapi yang ni kalau kata

[00:11:02.700 – 00:11:03.700] Saya nak edit image ni

[00:11:03.700 – 00:11:04.500] Saya boleh lah

[00:11:04.500 – 00:11:06.120] Crop dia ke

[00:11:06.120 – 00:11:06.760] Ni apa

[00:11:07.780 – 00:11:08.920] Coba edit juga dah

[00:11:08.920 – 00:11:10.280] Ni lain dah

[00:11:10.280 – 00:11:10.800] Ini ni

[00:11:11.740 – 00:11:12.980] Ni gambar ni

[00:11:13.980 – 00:11:14.500] Crop

[00:11:14.500 – 00:11:15.300] Kalau nak crop

[00:11:15.300 – 00:11:23.350] Look for computer

[00:11:24.050 – 00:11:25.190] Tak jumpa lah guys

[00:11:25.990 – 00:11:26.510] Takpelah

[00:11:26.510 – 00:11:27.570] Okay lah saya belanja

[00:11:27.570 – 00:11:29.170] Tapi ni awak carilah

[00:11:30.210 – 00:11:31.130] Google lah sendiri

[00:11:31.130 – 00:11:32.510] Macam mana nak crop gambar ni

[00:11:32.510 – 00:11:33.450] Kalau tak pakai lah

[00:11:33.450 – 00:11:34.310] Canva ke apa kan

[00:11:34.310 – 00:11:35.170] Okay so

[00:11:35.170 – 00:11:36.410] Awak dah faham dah

[00:11:36.410 – 00:11:37.530] Inilah nama dia skeleton

[00:11:37.530 – 00:11:39.270] Bila kita buat skeleton ni

[00:11:39.270 – 00:11:39.870] Saya nak awak

[00:11:39.870 – 00:11:40.950] Free flow dulu

[00:11:40.950 – 00:11:42.490] Daripada idea yang sekarang

[00:11:42.490 – 00:11:43.170] Macam ni lah

[00:11:43.870 – 00:11:44.490] Masukkan je

[00:11:44.490 – 00:11:45.350] Nampak tak cantik kan

[00:11:45.350 – 00:11:45.850] Masukkan je

[00:11:45.850 – 00:11:47.070] Masukkan je

[00:11:47.070 – 00:11:48.050] Dia memang

[00:11:48.050 – 00:11:48.790] Bila kita buat

[00:11:48.790 – 00:11:49.570] First draft ni

[00:11:49.570 – 00:11:50.590] Dia memang

[00:11:50.590 – 00:11:51.850] Buat je

[00:11:52.570 – 00:11:53.230] Buat je

[00:11:53.230 – 00:11:54.510] Masukkan je

[00:11:54.510 – 00:11:56.170] Yang lain tak lah

[00:11:56.170 – 00:11:57.490] Contoh draft ni

[00:11:57.490 – 00:11:59.070] Sebab kalau awak terus nak buat design

[00:11:59.070 – 00:12:00.550] Nanti awak akan pressure tau

[00:12:00.550 – 00:12:01.910] Sebab nak buat design lawa-lawa terus ni

[00:12:01.910 – 00:12:02.810] Susah

[00:12:02.810 – 00:12:03.330] Bukan senang

[00:12:03.330 – 00:12:04.350] So biasa kita akan buat

[00:12:04.350 – 00:12:05.430] Bersih yang

[00:12:05.430 – 00:12:06.730] Biasa-biasa dulu

[00:12:07.370 – 00:12:07.990] Lepas tu

[00:12:07.990 – 00:12:09.690] Barulah kita upkan design dia

[00:12:09.690 – 00:12:10.750] Itu step dia

[00:12:10.750 – 00:12:11.150] Sebab tu

[00:12:11.150 – 00:12:12.250] Dia ada 3 step

[00:12:12.250 – 00:12:13.430] Step pertama

[00:12:13.430 – 00:12:14.470] Dia panggil sebagai skeleton

[00:12:15.110 – 00:12:15.630] Ataupun

[00:12:16.310 – 00:12:16.830] Rangka

[00:12:17.810 – 00:12:18.730] Step kedua

[00:12:18.730 – 00:12:19.630] Kita buat yang low

[00:12:19.630 – 00:12:20.950] Sampai design banting

[00:12:20.950 – 00:12:21.450] Kita buat sini

[00:12:22.690 – 00:12:23.630] Benda dia sini

[00:12:23.630 – 00:12:27.400] Step yang kedua

[00:12:27.400 – 00:12:28.280] Dia panggil sebagai

[00:12:28.920 – 00:12:29.700] Design ni

[00:12:29.700 – 00:12:30.320] Macam ni kan

[00:12:30.320 – 00:12:31.720] Ni asal usul ni

[00:12:31.720 – 00:12:32.460] Design ni tak lawa

[00:12:32.460 – 00:12:33.660] Tapi yang ni kita dah terbuang

[00:12:33.660 – 00:12:34.560] Design ni tak lawa tu

[00:12:34.560 – 00:12:35.840] Terus saya tunjuk ke awak

[00:12:35.840 – 00:12:36.700] Kita yang tak jumpa tu

[00:12:36.700 – 00:12:38.460] So bila kita edit

[00:12:38.460 – 00:12:39.540] Kita terus terupgrade

[00:12:39.540 – 00:12:40.660] Daripada design yang sedia ada

[00:12:40.660 – 00:12:41.680] Okay

[00:12:41.680 – 00:12:43.540] Jadi awak cuba lubat

[00:12:43.540 – 00:12:44.240] Haa sekejap

[00:12:44.240 – 00:12:45.140] Saya cari satu lagi lah

[00:12:45.140 – 00:12:45.580] Last last

[00:12:45.580 – 00:12:46.500] Cari cari cari

[00:12:47.100 – 00:12:48.040] Ada ke tak ada

[00:12:50.510 – 00:12:51.070] Hmm

[00:12:51.070 – 00:12:52.830] F.t.a

[00:12:52.830 – 00:12:53.670] Raku right

[00:12:53.670 – 00:12:54.670] Hmm

[00:12:57.580 – 00:12:58.060] Yang ni kot

[00:12:58.060 – 00:13:03.620] Dia berat lah

[00:13:03.620 – 00:13:04.740] Kadang-kadang gambar tu

[00:13:04.740 – 00:13:05.840] Loading dia keluar tak keluar

[00:13:05.840 – 00:13:07.260] Ambil masa sikit

[00:13:07.260 – 00:13:08.140] Tunggu sikit

[00:13:08.140 – 00:13:09.040] Pop dia keluar

[00:13:09.040 – 00:13:09.960] BTS

[00:13:19.080 – 00:13:20.560] Bluefin Timsail

[00:13:21.200 – 00:13:21.760] Haa

[00:13:21.760 – 00:13:22.520] Ni yang tadi lah

[00:13:22.520 – 00:13:23.340] Sama lah kan

[00:13:23.340 – 00:13:27.740] Ni Mikey Blood

[00:13:28.940 – 00:13:30.400] Buat website Mikey Blood pun

[00:13:30.400 – 00:13:30.960] Pakai sini

[00:13:31.980 – 00:13:32.620] Nampak

[00:13:32.620 – 00:13:34.420] Macam 4 je

[00:13:34.960 – 00:13:35.460] Ha

[00:13:37.060 – 00:13:37.700] Tentu

[00:13:43.020 – 00:13:44.860] Boleh je nak beli apa semua

[00:13:44.860 – 00:13:46.320] Ok guys so teruskan

[00:13:46.320 – 00:13:48.080] Nanti saya tunjukkan template

[00:13:48.080 – 00:13:50.120] Dalam video yang seterusnya

[00:13:50.120 – 00:13:51.320] Sorry lah tak jumpa pulak

[00:13:52.220 – 00:13:53.800] Jumpa dalam video yang seterusnya

[00:13:53.800 – 00:13:54.840] Zas