Pandhuan kanggo tata letak isi

Yen pengin ngetrapake konten ing web minangka salah sawijining masalah gedhe sing ditemokake yaiku usulan-usulan sing aku ditampa ora bisa dipikirake kanthi sukses ing web. Umumé masalah kasebut yaiku, tanpa desain lan tata desain sing ora cocog, katon ora apik banget, menehi asil sing ora kepenak.

Mangkene, aku arep menehi panjelasan dhasar sing dhasar babagan tata cara konten sing kudu digatekake ing kahanan kanggo nggawe gaweyan kanthi maksimal lan asil kasebut paling optimal.

Objektif pandhuan iki yaiku sapa wae sing ora ngerti babagan program utawa pangembangan web bisa menehi tata letak kualitas lan aku ora kudu nggunakake wektu akeh kanggo nyoba ngilangi ide liwat pirang-pirang obrolan nganti tekan kesimpulan.

Langkah 1: Cithakan

Supaya duwe cithakan ngendi kita bisa "nggambar" proposal kita, apa kita arep njupuk kertas A4 lan kita bakal melu dening siji katelu lengthwise.

Langkah 2: Blok konten

Coba bayangake, kita duwe sawetara jinis konten: video, gambar, teks. Saben isi minangka blok persegi utawa persegi. Kita kudu cocog pamblokiran saka ndhuwur menyang ngisor template sing dipilih. Kita bakal nggambarake telung jinis konten.

Blok video

Kita bakal nganggep manawa video kasebut umume dadi video YouTube, kita bakal makili ing template kasebut kaya ing ngisor iki:

Blok gambar

Gumantung apa gambar kasebut minangka lanskap utawa potret, kaya sing bakal kita setuju.

Blokane Tèks

Sing padha karo blok gambar, gumantung karo kepiye teks sing pengin kita bakal nggawe blok utawa liyane. Kita makili karo garis-garis paralel.

Blok teks bisa dadi blok teks sing kalebu paragraf lan uga dhaptar unsur teks

Aku bakal menehi conto loro: blok teks ing jejere gambar lanskap, lan liyane ing jejere gambar potret:

Blok judhul

Judhul mlebu ing blok sing kapisah yaiku blok elongated sing umume manggoni garis kabeh.

Blok tombol

Yen kita pengin nyelehake tombol kanggo wong-wong kanggo klik lan njupuk menyang bagean web utawa mung jendhela kanthi sawetara informasi (utawa wujud) katon

Blok-blok liyane

Gagasan padha. Yen kita wis ngerti kepiye blok blokir, aku bisa ngerteni kanthi liya jinis blok sing padha, padha karo sing sadurunge, pas utawa alun-alun. Contone, yen kita pengin nggawe formulir sing digabung menyang konten. Sanajan biasane sing paling umum, luwih becik takon sadurunge nggunakake blok anyar sing ora kalebu jinis sing kasebut ing ndhuwur. Aku bakal nyoba nganyarake dhaptar iki amarga ide anyar sing wis dipikirake bisa uga disenengi kanggo kabeh wong.

Pungkasan, ing ngisor iki minangka conto template kanthi kabeh jinis blok sing kasebut ing ndhuwur:

Ngembangake pamblokiran

Yen kita butuh papan liyane, kita kudu nambah luwih akeh kaca kanggo desain blok ing sisih ngisor. Ora perlu ngisi kabeh, nanging penting ora ninggalake kesenjangan sing kosong saka ndhuwur nganti ngisor ing antarane tengah blok. Kanthi cara iki, kita bisa nggedhekake kaca:

Langkah 3: Nggawe konten

Saiki kita duwe tata letak konten kanthi pamblokiran lan jinis blok perlu kanggo nggawe konten sing bakal mlebu blok-blok kasebut. Langkah 3 bisa ditukar karo langkah 2. Ing tembung liyane, kita bisa nggawe konten sadurunge, lan banjur tata letak ngerti jumlah isi sing pengin digabung. Ora mesthi ora bisa ditindakake kanthi cara sing beda, nanging kita kudu ngerti manawa isi kasebut kudu pas karo tata letak kita.

Kita bakal ngetutake conto sadurunge. Ing gambar 4, kita bisa ndeleng blok ing ngisor iki:

• Blok Judhul 2
• Blok Teks 4
• 1 Video Blok
• Blok gambar 2
• Blok Tombol 1
• Total: Blok 10

Pramila kita kudu nyetel konten supaya pas karo blok-blok kasebut tanpa ditinggalake lan ukuran font persis padha ing kabeh. Kanggo sing sampeyan bisa regane nggawe konten luwih dhisik banjur diblokir. Wis gumantung tenan karo wong kasebut.

Langkah 4: Ngisi konten kanthi pamblokiran

Ayo kita nganggep desain wis digambar ing kertas lan kabeh blok isi sing digawe. Saiki langkah pungkasan yaiku nggabungake. Kanggo iki, kita bakal nggunakake sawetara alat kanggo nggabungake kabeh lan dikirim menyang desainer web.

Blok Video

Video bisa diwarisake kanthi rong cara:

1. Ing format video MP4 liwat alat kaya WeTransfer.
2. Pilihan sing Diwenehi: Ngunggah menyang saluran YouTube Maret lan ngliwati link YouTube menyang video kasebut.

Yen ngono, mung ana video ing tata letak ora bakal ana masalah. Nanging yen ana sawetara video, kita kudu nggandhengake dheweke kanthi tata cara sing wis ditindakake ing kertas.

Contone. Bayangake ana telung video. Ing tata letak kita bakal nggambar nomer 1 ing video kaping pisanan, nomer 2 ing video kaloro lan nomer 3 ing video katelu. Banjur nalika ngirim kabeh dokumentasi, kita bakal nemplek kaya iki:

• Video 1: Video sing gegayutan karo frasa non-kekerasan kanthi judhul: "Frasa non-kekerasan sing paling penting"
• Video 2: Video sing nyritakake warna gendera kanthi judhul: "Bendera tanpa kekerasan"
• Video 3: Video sing ana hubungane karo grup sing bakal mlaku ing Argentina kanthi judhul: "Tim dasar Argentina"

Iki bakal gampang ngerti video sing cocog karo saben bagean.

Blok gambar

Ing kasus iki, kabeh gambar kudu diunggah menyang platform IMGUR: https://imgur.com/upload

Banjur pass pranala menyang gambar kasebut. Sing becik yaiku kanggo nyelehake gambar sing padha karo video, ditandhani karo 1, 2, 3 lan liya-liyane. Contone, ayo bayangake kita duwe 4 gambar ing fly ing Afrika Kidul. Kabeh papat duwe jeneng sing padha: "sudafrica.jpg". Inggih, kita sijine jeneng sukses menyang titik ngendi padha bakal ing tata letak lan kita Paint nomer ing kertas sing padha cocog. Tuladha:

• sudafrica-1.jpg
• sudafrica-2.jpg
• sudafrica-3.jpg
• sudafrica-4.jpg

Tombol, Judul lan Blok Teks

Pungkasan, blok-blok kasebut kudu ditulis ing Dokumen Word, utawa ing Google Docs luwih becik.

Format kasebut gampang banget: Ing dokumen Sabda kita menehi jinis Blok (Judul, Tombol, utawa Teks) sing disusul karo nomer sing cocog karo tata letak.

Tuladha:

• Judul 1:….
• Judhul 2:…
• Teks 1:…
• Teks 2:…
• Tombol 1:…
• Tombol 2:…

Banjur aku nggawe conto conto kanthi teks kanthi acak, supaya bisa dideleng kepiye carane disusun, miturut conto gambar 4:

Iki carane tata letak kudu katon nalika kita wis nglebokake nomer sing cocog karo saben bagean:

Langkah 4: Kirim kabeh

Sawise wis rampung kabeh, sampeyan mung kudu ngirim menyang wong sing bakal ngurusi tata letak kasebut

Iku mung njupuk

1. Gambar ing kertas kanthi tata letak
2. Isi
   • Link video menyang YouTube utawa WeTransfer
   • Link IMGUR saka gambar
   • Link menyang dokumen ing Google Docs utawa file Word

Final Penting Notaris

Sing paling becik bakal kalebu gambar sing unggul yaiku sing judhul ing judhul 1 judhul kaca. Pramila Judul 1 kudu katon ing wiwitan.

Gambar header kudu ukuran piksel 960 x 540. Gambar iki bisa dikirim kaya gambar liyane, dening IMGUR

Hasil pungkasan

Lan pungkasane kabeh informasi kasebut, kaca bakal ditata. Ing ngisor iki lan rampung kanthi tuladha iki, kaca kanthi asil pungkasan sawise kabeh parameter sing wis dakangkat sadurunge iki:

Halaman akhir