Cara Merancang Laman Web

01 dari 10

Penyelidikan

Seorang pelanggan yang berpotensi hanya meminta anda membuat laman web, tetapi di mana anda bermula? Terdapat proses tertentu yang boleh anda ikuti untuk memastikan projek berjalan lancar. Ia mencerminkan proses reka bentuk grafik standard , dengan hanya beberapa langkah khusus laman web untuk dimasukkan.

Sebagai pereka grafik, anda boleh memilih untuk mengambil keseluruhan reka bentuk anda, termasuk pengekodan. Walau bagaimanapun, anda mungkin juga ingin mengumpulkan pasukan untuk membantu anda dengan butirannya. Seorang pemaju web dan pakar SEO boleh menjadi penambahan berharga kepada projek anda.

Ia Semua Bermula Dengan Penyelidikan

Seperti kebanyakan projek reka bentuk, langkah pertama ketika membuat laman web adalah untuk melakukan penyelidikan. Beberapa kajian ini akan dilakukan dengan klien untuk mendapatkan pemahaman tentang keperluan mereka. Anda juga perlu mempelajari lebih lanjut mengenai industri dan pesaing mereka.

Apabila bertemu dengan pelanggan anda, anda perlu menemui sebanyak mungkin untuk membantu anda mengembangkan garis besar untuk laman web ini dan akhirnya mereka bentuknya. Ini termasuk bertanya tentang penonton sasaran, matlamat, arah kreatif dan pembolehubah lain yang mungkin mempengaruhi apa yang boleh anda tawarkan kepada pelanggan, seperti anggaran dan tarikh akhir.

Industri dan penyelidikan pasaran anda akan berlaku serentak. Untuk bersedia untuk memenuhi pelanggan anda, anda harus mempunyai idea tentang industri mereka. Selepas mengetahui keperluan mereka, anda akan kelihatan lebih mendalam.

Tahap penyelidikan yang dilakukan akan bergantung pada belanjawan pelanggan dan pengetahuan sedia ada industri. Ia boleh semudah mencari apa yang kelihatan seperti laman web lain di dalam bidang. Untuk projek yang lebih besar, ia mungkin sesuatu seperti penyelidikan mendalam dengan kumpulan tumpuan.

02 dari 10

Brainstorming

Sebaik sahaja anda tahu apa projek itu adalah semua, sudah tiba masanya untuk mengumpulkan idea, dan idea brainstorming adalah tempat yang bagus untuk bermula . Daripada mencari ide yang sempurna untuk menjadi yang pertama, buang apa-apa dan semua idea atau konsep untuk laman web. Anda sentiasa boleh mengecilkannya kemudian.

Sesetengah laman web mungkin memanggil antara muka web standard, dengan navigasi (butang bar) dan kawasan kandungan di mana pengguna paling mungkin mengharapkannya. Orang lain mungkin memerlukan konsep yang unik untuk membentangkan kandungan.

Pada akhirnya, kandungan akan mendorong reka bentuk. Contohnya, tapak berita akan mempunyai pendekatan yang jauh berbeza daripada portfolio web jurugambar

03 dari 10

Tentukan Keperluan Teknikal

Awal dalam proses membangunkan sebuah laman web, keputusan perlu dibuat berkaitan dengan keperluan teknikal projek. Keputusan sedemikian akan menjejaskan bajet, jangka masa dan, dalam sesetengah kes, merasakan keseluruhan laman web tersebut.

Salah satu keputusan utama ialah struktur tapak web yang sepatutnya, yang akan menentukan apa yang digunakan oleh perisian dan sistem yang menjadikan laman "berfungsi".

Pilihan anda termasuk:

04 dari 10

Tulis Garis Besar

Sekarang anda telah mengumpulkan maklumat yang diperlukan dan memberi idea beberapa idea, adalah idea yang baik untuk mendapatkannya di atas kertas.

Garis besar laman web harus mengandungi senarai setiap bahagian yang akan disertakan di laman web ini, dengan keterangan mengenai jenis kandungan yang akan ditunjukkan pada setiap halaman. Ia juga harus menerangkan secara terperinci seberapa mungkin ciri-ciri yang ada di laman web ini, seperti akaun pengguna, mengulas, fungsi rangkaian sosial, video, atau pendaftaran surat berita.

Selain daripada membantu menyusun projek itu, pelanggan perlu dibentangkan dengan garis besar cadangan laman web supaya mereka dapat meluluskannya sebelum projek itu berterusan. Ini akan membolehkan mereka menambah, mengalih keluar atau menyesuaikan mana-mana bahagian atau ciri.

Semua ini akan membantu anda membangunkan belanjawan dan rangka masa dan membina laman web ini. Setuju dengan harga untuk projek laman web berdasarkan garis panduan yang diluluskan akan membantu untuk mengelakkan yuran tambahan atau perbezaan pendapat terlambat dalam projek.

05 dari 10

Buat Wireframes

Wireframes adalah lukisan garis mudah susun atur laman web yang membolehkan anda (dan pelanggan) memberi tumpuan kepada penempatan elemen daripada warna dan jenis.

Ini sangat membantu kerana ia menentukan kandungan mana yang sepatutnya memberi fokus dan peratusan ruang yang digunakan pada halaman untuk elemen tersebut. Tanpa terganggu oleh unsur-unsur visual lain, wireframes yang diluluskan menyediakan kerangka untuk reka bentuk anda.

Untuk sesetengah projek, anda mungkin menganggap mempunyai koleksi wireframe yang tersedia untuk digunakan untuk pelbagai jenis kandungan. Kenalan, kira-kira, dan halaman lain dengan banyak teks mungkin mempunyai susun atur yang berbeza daripada galeri atau halaman membeli-belah.

Adalah penting anda mengekalkan rupa seragam di seluruh laman web semasa anda beralih dari satu wireframe ke seterusnya.

06 dari 10

Reka Bentuk Laman Web

Sebaik sahaja anda dan pelanggan anda gembira dengan wireframe, tiba masanya untuk memulakan merancang laman web ini.

Adobe Photoshop adalah alat yang paling biasa untuk membuat reka bentuk awal. Tumpuan reka bentuk laman web adalah untuk membentangkan kandungan dan ia akan digunakan untuk membuat halaman web sebenar.

Buat masa ini, hanya reka bentuk dan bermain dengan unsur-unsur asas untuk membuat sesuatu untuk pelanggan anda melihat dan meluluskan.

07 daripada 10

Bina Laman Web

Apabila reka bentuk anda diluluskan, halaman-halaman itu perlu dialihkan dari mockups ke halaman web sebenar yang ditulis dalam HTML dan CSS.

Pereka / pemaju yang berpengalaman boleh memilih untuk mengambil semua pengekodan, sementara seseorang yang memberi tumpuan kepada bahagian reka bentuk web boleh bekerja rapat dengan pemaju untuk membawa tapak tersebut ke kehidupan. Jika demikian, pemaju perlu terlibat dari awal.

Pemaju akan membantu memastikan reka bentuk adalah reka bentuk web yang realistik dan berkesan. Mereka juga harus dibincangkan mengenai ciri-ciri yang anda janjikan kepada pelanggan kerana sesetengah mungkin tidak mungkin untuk melaksanakan atau memberi manfaat kepada laman web ini.

Perisian seperti Adobe Dreamweaver dapat membantu seorang pereka menghidupkan mockup ke laman web yang berfungsi, dengan ciri drag-and-drop, fungsi pra-binaan, dan butang untuk menambah pautan dan imej.

Terdapat banyak pilihan perisian yang tersedia untuk bangunan laman web. Pilih salah satu yang anda suka bekerjasama, pastikan anda membenarkan anda benar-benar masuk ke butiran dan pengekodan halaman.

08 dari 10

Membangunkan Laman Web

Setelah susun atur anda selesai dalam HTML dan CSS, ia perlu disepadukan dengan sistem yang telah anda pilih. Ini adalah titik di mana ia menjadi laman web berfungsi.

Ini mungkin bermakna membangunkan templat untuk dibaca oleh sistem pengurusan kandungan, mengubah templat WordPress, atau menggunakan Dreamweaver untuk membuat pautan antara halaman dan ciri web yang lebih maju. Ini sekali lagi satu langkah yang boleh ditinggalkan kepada ahli atau ahli pasukan lain.

Anda juga perlu membeli nama domain laman web dan mempunyai perkhidmatan hosting yang dibariskan. Ini sepatutnya menjadi sebahagian daripada perbincangan anda dengan pelanggan dan, pada hakikatnya, perlu dilakukan pada peringkat awal proses. Kadang-kadang ia boleh mengambil masa untuk perkhidmatan menjadi aktif.

Ia juga sangat penting bahawa anda atau pemaju anda melakukan ujian menyeluruh laman web. Anda tidak mahu melakukan 'mendedahkan besar' dan mempunyai fungsi yang tidak berfungsi dengan betul.

09 dari 10

Menggalakkan Laman Web

Dengan laman web anda dalam talian, sudah tiba masanya untuk mempromosikannya. Reka bentuk hebat anda tidak baik jika orang tidak melawatnya.

Memandu lalu lintas ke tapak boleh termasuk:

10 daripada 10

Simpannya Segar

Salah satu cara terbaik untuk membuat orang kembali ke laman web anda adalah untuk memastikan kandungannya segar. Dengan semua kerja dimasukkan ke dalam laman web, anda tidak mahu ia tetap sama selama berbulan-bulan selepas pelancaran.

Teruskan untuk menyiarkan kandungan, foto, video, atau muzik baharu ... apa sahaja tapak yang dibina untuk hadir. Blog adalah cara yang baik untuk menyimpan laman web dikemas kini, dengan catatan apa-apa panjang pada mana-mana topik yang berkaitan dengan tapak anda,

Jika pelanggan anda akan mengendalikan kemas kini untuk tapak web CMS, anda mungkin perlu melatihnya untuk menggunakannya. Membuat kemas kini ke tapak web yang anda telah direka adalah cara yang bagus untuk mendapatkan pendapatan tetap. Pastikan anda dan pelanggan anda bersetuju dengan kekerapan dan kadar untuk sebarang kerja kemas kini yang anda lakukan.