Sekilas Tentang 30+ Beberapa Tahun Desain Situs Internet

Diterbitkan: 2022-03-30

Desain web di seluruh dunia telah berkembang pesat sejak tahun 1991, ketika situs web pertama dirilis. Sepenuhnya berpusat pada konten tekstual, halaman web ini menandai dimulainya apa yang akan berkembang menjadi revolusi elektronik.

Dan meskipun ingatan GIF "sedang dibangun" dan warna rekam jejak yang menyilaukan membuat saya bersyukur atas seberapa banyak internet telah terjadi, ada beberapa keputusan gaya situs web bersejarah yang pada dasarnya membutuhkan anggukan rasa hormat.

Situs internet seperti ini juga tidak ketinggalan zaman. Jika Anda ingin melihat seperti apa situs web pada interval apa pun mengingat fakta peluncurannya, masukkan judul domainnya ke dalam Wayback Machine dan pilih hari. Dalam artikel ini, marilah kita menelusuri bagaimana gaya situs web telah berkembang, dari antarmuka tekstual saja hingga desain halus masa kini yang kita lihat saat ini.

Unduh Gratis: 77 Contoh Desain Web yang Cemerlang

Awal 1990-an: Zaman Kuno

Awal 90-an menandai dimulainya garis waktu tata letak situs web kami. Pada titik ini, tidak ada yang namanya tautan web berkecepatan tinggi. Itu modem dial-up, atau bukan apa-apa. Oleh karena itu, situs web perlu dikembangkan untuk kecepatan tautan yang jauh lebih rendah dari bintang. Mereka terutama muncul seperti partisi teks — apa yang sekarang kita anggap sebagai "format tata letak" tidak ada.

history of web design: an examle of an early html website

Meskipun kemudian variasi HTML diizinkan untuk desain yang lebih canggih, mereka menjadi sangat utama dibandingkan dengan saat ini, terutama terdiri dari tag untuk header, paragraf, dan tautan masuk. Komponen dan gaya yang terlihat seperti tipografi, citra, dan navigasi menjadi item di masa depan yang tidak terlalu jauh.

Takeaways untuk situs web Internet Modern:

Sementara fungsionalitas situs web awal ini murni informasi, kita dapat melihat beberapa komponen desain yang digunakan saat ini. Halaman-halaman bersih lama ini sangat ringan dan dioptimalkan untuk koneksi internet bertahap, kami semua terus bekerja dari waktu ke waktu. Faktor desain dan gaya ini mempertimbangkan pengalaman kerja orang tersebut, apa pun yang biasanya tidak dilakukan situs saat ini, bahkan dengan kecepatan yang lebih cepat.

Tentu saja, web di seluruh dunia saat ini dapat menangani situs web internet yang sarat media … tetapi bahkan sekarang memiliki beberapa batasan. File media besar, gaya grafis yang berat, dan animasi abnormal semuanya dapat berkontribusi pada rasio pentalan yang lebih besar ketika kecepatan memuat biasanya tidak secepat yang kita inginkan. Pegang orang Anda di kepala saat mempertimbangkan gaya dan desain yang rumit, dan ingatlah untuk KISS (Terus membuatnya Sangat sederhana, Superhero).

Pertengahan 1990-an: Abad Pertengahan

Usia tengah struktur jaringan terganggu oleh pembuat situs web di situs web dan GIF spacer. (Lebih besar dari wabah nyata, ideal?) Pada pertengahan 90-an, gaya situs web telah berkembang baik dalam kondisi komposisi dan tampilan visual. Desainer mulai menggunakan sebagian besar tata letak berbasis tabel untuk mengelola materi, memungkinkan peningkatan fleksibilitas dan imajinasi kreatif. Situs web tetap merupakan konten tekstual yang signifikan, tetapi teks sekarang dapat dibagi menjadi kolom, baris, dan fitur navigasi lainnya untuk keterbacaan yang lebih baik.

Fitur tata letak grafis juga segera tumbuh dalam popularitas. Penghitung hit situs, teks animasi, dan GIF menari hanyalah segelintir dari fitur grafis yang menandai periode waktu ini dalam gaya bersih.

history of web design: the early version of apple's website

Takeaways untuk situs Web Hari Ini:

Saat ini, ada banyak penjelasan mengapa desain dan gaya yang bergantung pada meja bukanlah pilihan ideal untuk situs web Anda — markup yang substansial, momen pemuatan yang lamban, dan inkonsistensi visual hanyalah segelintir jebakan.

Tidak masalah, kemajuan ini sangat penting dalam evolusi gaya web di seluruh dunia: Ini adalah langkah awal menuju kerangka halaman situs web non-linear. Elemen yang berbeda sekarang dapat ditempatkan di bagian yang berbeda dari halaman web dunia, dan desainer berpengalaman untuk memikirkan cara yang paling efektif untuk data yang ada kepada konsumen.

Struktur halaman web tetap penting ketika mempertimbangkan tentang navigasi dan konten tertulis. Ini sangat menentukan bagaimana pengalaman pengguna dan berinteraksi dengan situs web Anda. Meskipun faktor-faktor ini mungkin tidak berada di garis depan sepanjang abad pertengahan struktur web, mereka pasti berada di garis depan saat ini.

Akhir 1990-an: Renaisans

Renaisans. Kelahiran kembali. Gaya web telah mengalami bagian yang wajar dari konsep ulang, tetapi salah satu yang pertama terjadi dengan diperkenalkannya Flash. Diperkenalkan pada tahun 1996, Flash membuka dunia dengan prospek gaya yang tidak dapat dicapai dengan HTML sederhana. Itu adalah perkawinan antara grafik dan interaksi virtual.

Sementara banyak komponen desain dan gaya yang sama dari periode sebelumnya telah terus hadir, mereka ditingkatkan dengan animasi, visual sejarah ubin, warna neon, tombol 3D, halaman web splash, dan multimedia lainnya.

Flash menandai dimulainya gaya dan desain yang berfokus pada pelanggan — konstruksi dan navigasi menjadi kriteria penting dan para desainer mulai mengasah penampilan dan kegunaan melebihi barang murni.

history of web design: a website with flash elements

Takeaways untuk situs Internet masa kini:

Flash adalah pengubah permainan, tetapi tidak akan melekat secara permanen. Flash hampir tidak pernah diterapkan saat ini dan dianggap sebagai salah satu dosa pengoptimalan Web terbesar sepanjang masa. Hari ini, itu adalah norma untuk memutuskan solusi alternatif seperti animasi CSS dan JavaScript untuk mendapatkan hasil yang sama, atau untuk menyematkan film dari situs web hosting video klip.

Awal 2000-an: Pencerahan

Awal 2000-an telah menjadi interval ketika kegunaan dan kemampuan beradaptasi benar-benar menjadi yang terdepan dalam struktur world wide web.

Permintaan utama adalah CSS, bahasa pengkodean yang memungkinkan pengembang untuk menjaga aturan yang terlihat dalam informasi terpisah dari HTML, dengan mahir memisahkan konten tertulis dan mode. Hal ini memberikan kebebasan artistik yang lebih tinggi bagi para desainer internet dan pengembang konten tertulis — konten sekarang dapat dikembangkan sepenuhnya dari desain, dan sebaliknya. Situs yang dihasilkan CSS lebih mudah dirawat (lebih sedikit kode dan kompleksitas), jauh lebih fleksibel (tag div tidak bergantung pada 1 tag lainnya), dan lebih cepat dimuat (file berukuran lebih kecil).

Pengetahuan yang jauh lebih baik tentang psikologi warna juga menyebabkan peningkatan penggunaan spasi putih dan penurunan warna norak, seperti neon. Tautan mulai tetap ditambahkan ke ikon lebih dari sekadar konten tekstual, resolusi dan pikselasi menjadi masalah yang lebih penting, dan penempatan materi yang strategis juga mendapatkan daya tarik.

history of web design: an early website for the company polaroid

Takeaways untuk situs Internet masa kini:

Pria dan wanita biasanya memindai situs web yang mencari informasi dan fakta yang mereka butuhkan, sehingga situs apa pun yang membuat tugas ini lebih sederhana mendapat nilai ujian yang besar. Perancang web yang cerdas tahu bahwa sebagian besar pengguna akhir Anda tidak boleh menelusuri setiap hal kecil di situs web, dan memahami bagaimana audiens mempertimbangkan informasi.

Akibatnya, menempatkan fakta secara intuitif, tautan masuk yang ditekankan secara visual, dan navigasi sederhana hanyalah sejumlah prosedur terbaik yang harus dipatuhi oleh situs web modern. Umumnya gaya dan desain dengan kegunaan dalam pikiran!

Pertengahan hingga Akhir 2000-an: Revolusi Industri

Revolusi Industri desain dan gaya jaring dimulai dengan dimulainya Net 2. Pada saat inilah hal-hal benar-benar mulai bergerak ke arah web modern. Kemajuan aplikasi multimedia, munculnya konten tertulis interaktif, dan munculnya media sosial adalah beberapa karakteristik definitif dari interval ini.

Selain itu, peningkatan ini terutama menentukan cara struktur situs web ... selesai dengan baik . Perubahan estetika yang dibundel dengan distribusi warna yang lebih baik, peningkatan penggunaan ikon, dan perhatian yang lebih baik pada tipografi.

Yang terpenting, bagaimanapun, gaya dan desain menjadi tentang materi konten, dan konten tertulis beralih ke optimisasi mesin penelitian. Dengan orang yang sekarang menjadi pusat tata letak, solusi pemasaran (setidaknya secara eksplisit) tumbuh menjadi kinerja sekunder situs — sekarang semuanya tentang pengungkapan.

history of web design: a mid-2000s website for the company lulu lemon

Takeaways untuk situs Internet Hari Ini:

Seperti yang telah disebutkan, evolusi Website 2. mengamati kemajuan optimasi Web sebagai hal yang perlu dipertimbangkan. Meskipun metode ini telah disesuaikan selama bertahun-tahun, mempertimbangkan situs web Anda dalam hal optimasi Web masih merupakan prioritas utama bagi sebagian besar situs web perusahaan yang berkembang.

Seo membutuhkan konten tertulis, dan konten tertulis sebagian besar tumbuh menjadi penekanan gaya dan desain situs web selama periode ini. Pengoptimalan kata kunci, tautan masuk dan keluar, penulisan, penandaan, dan pengetahuan sindikasi seperti RSS menjadi elemen tata letak murni. Sementara url spamming dan search term jamming dengan cepat mengeksploitasi metode ini, prosedur ini tidak efektif untuk waktu yang lebih lama dan (saya harap) sebagian besar telah gagal.

2010 hingga Sekarang: Era Fashion

Hari ini, sekitar dua tahun setelah publikasi untuk memulai dengan situs web, tata letak internet telah didirikan dengan kuat sendiri sebagai bahan yang tak tergantikan dari setiap pendekatan periklanan dan pemasaran yang sangat baik. Analisis terbaru menemukan bahwa 50% dari konsumen saat ini menganggap gaya situs web sangat penting untuk model bisnis.

Dalam kondisi estetika kontemporer, kita telah menyaksikan menjamurnya minimalis: artikel yang jarang, grafik datar (sangat panjang, tombol 3D!), palet warna yang lebih sederhana, dan visual yang besar dan berani. Selain itu, UX telah mengambil tahap tengah, menyediakan cara untuk opsi tata letak ini sebagai pengguliran tak terbatas dan desain dan gaya halaman web soliter.

Anda mungkin telah mengamati bahwa situs web kami telah merangkul semua karakteristik ini dengan tata letak terbarunya:

history of web design: a modern website for the company hubspot

Langkah yang lebih penting dalam evolusi gaya dan desain web adalah internet seluler. Menimbang bahwa dimulainya Iphone pada tahun 2007, telah dilakukan analisis ulang tentang struktur situs internet untuk mengakomodasi pertumbuhan jumlah pengguna web seluler di seluruh dunia. Ini menampilkan berbagai kerangka kerja seluler yang memilih strategi "pertama seluler", dan tujuan yang lebih besar lagi pada pengoptimalan kecepatan seluler, mengingat fakta bahwa ponsel biasanya tidak memiliki kecepatan pemrosesan atau kekuatan hubungan desktop biasa Anda.

Revolusi digital ini juga telah memberikan peningkatan pada tata letak responsif, di mana aspek halaman secara mekanis diubah menjadi lebar jendela penelusuran, memungkinkan situs web untuk melihat sekilas dengan sangat baik di mesin atau layar apa pun. Sekarang, desain responsif diperlukan untuk memastikan pertemuan pengguna seluler yang memuaskan, yang ditentukan lebih dari 50% pengunjung situs situs di seluruh dunia akan datang dari perangkat seluler.

Kemana situs internet akan pergi selanjutnya?

Jika ada satu elemen tertentu yang telah mendidik setiap individu hanya satu dari perkembangan ini, itu adalah konten tertulis. Setiap bahan struktur tunggal di bawah ini telah disesuaikan sedemikian rupa untuk membawa bahan yang paling tepat kepada orang tersebut dengan cara yang paling produktif dan efektif. Gagasan tentang aksesibilitas, kemampuan beradaptasi, dan kegunaan benar-benar menentukan periode tata letak web di seluruh dunia ini.

Meskipun ada banyak tambahan yang dapat kita lakukan dengan desain internet saat ini, ada baiknya untuk mempertimbangkan tampilan lagi dari mana kita berasal. Ingin melihat bagaimana desain situs web telah berkembang sejauh ini, sangat menyenangkan untuk merasakan di mana pun itu akan berada dalam 20 tahun ke depan.

Perlu diketahui editor: Pemasangan ini awalnya diposting pada Juli 2013 dan telah diperbarui untuk kelengkapan.

contoh desain beranda, blog, dan halaman arahan yang brilian