Artikel Web Design

Diposting oleh Ruby Komairi

Artikel Web Design

Desain web adalah istilah yang luas yang mencakup berbagai keterampilan dan disiplin ilmu yang digunakan dalam produksi dan pemeliharaan website berbagai bidang desain web meliputi; Web desain grafis, desain interface, authoring, termasuk kode standar dan perangkat lunak berpemilik, pengalaman pengguna desain dan optimasi mesin pencari. Seringkali banyak orang akan bekerja dalam tim yang mencakup berbagai aspek dari proses desain, meskipun beberapa desainer akan meliputi mereka semua. Desain web Istilah ini biasanya digunakan untuk menggambarkan proses desain yang berkaitan dengan front end-(sisi client) desain website termasuk menulis mark up, tapi ini adalah wilayah abu-abu karena hal ini juga dibahas oleh pengembangan web. Web desainer diharapkan memiliki kesadaran akan kegunaan dan jika peran mereka melibatkan menciptakan mark up maka mereka juga diharapkan untuk memperoleh informasi dengan pedoman aksesibilitas web.

Sejarah (1988-2000)

Meskipun desain web memiliki sejarah yang lumayan baru, dapat dikaitkan dengan daerah lain seperti desain grafis. Namun desain web juga dipandang sebagai sudut pandang teknologi. Hal ini telah menjadi bagian besar dari kehidupan sehari-hari masyarakat. Sulit untuk membayangkan internet tanpa grafis animasi, gaya yang berbeda dari tipografi, latar belakang dan musik.

Awal web dan desain web

Pada tahun 1989, sementara bekerja di CERN Tim Berners-Lee mengusulkan untuk membuat hypertext proyek global, yang kemudian menjadi dikenal sebagai World Wide Web. Sepanjang 1991-1993 World Wide Web lahir. Teks halaman hanya dapat dilihat dengan menggunakan browser line-mode sederhana. Pada tahun 1993 Marc Andreessen dan Eric Bina, menciptakan browser Mosaic. Pada saat itu ada beberapa browser namun mayoritas mereka adalah berbasis Unix dan secara alami teks berat. Tidak ada pendekatan terpadu untuk elemen desain grafis seperti gambar atau suara. Browser Mosaic pecah cetakan ini. W3C dibentuk pada Oktober 1994, untuk "memimpin World Wide Web secara maksimal dengan mengembangkan protokol umum yang mempromosikan evolusi dan memastikan interoperabilitas."Hal ini dianjurkan salah satu perusahaan dari memonopoli browser kepatutan dan bahasa pemrograman, yang bisa mengubah efek dari World Wide Web secara keseluruhan. W3C terus menetapkan standar, yang hari ini dapat dilihat dengan JavaScript. Pada tahun 1994 Andreessen dibentuk Mosaic Communications corp. Yang kemudian dikenal sebagai Netscape Communications Netscape 0.9 browser. Netscape menciptakan tag sendiri HTML tanpa berkaitan dengan proses standar tradisional. Misalnya Netscape 1.1 menyertakan tag untuk mengubah warna latar belakang dan format teks dengan tabel pada halaman web. Sepanjang 1996 hingga 1999 perang browser dimulai. Perang browser melihat Microsoft dan Netscape pertempuran itu keluar untuk dominasi browser yang tertinggi. Selama ini ada banyak teknologi baru di lapangan, terutama Cascading Style Sheets, JavaScript, dan HTML Dinamis. Pada keseluruhan kompetisi browser yang tidak mengarah pada kreasi positif dan membantu desain web berkembang dengan pesat.

Evolusi desain web

Pada tahun 1996, Microsoft merilis browser pertama yang kompetitif, yang lengkap dengan fitur sendiri dan tag. Ini juga merupakan browser pertama yang mendukung style sheet, yang pada saat itu dilihat sebagai teknik authoring jelas. CSS diperkenalkan pada Desember 1996 oleh W3C untuk meningkatkan aksesibilitas web dan untuk membuat HTML semantik kode daripada penyajian. Tabel berbasis layout menjadi sangat populer karena mereka memberikan web designer lebih banyak pilihan untuk membuat website. Markup HTML untuk tabel pada awalnya untuk menampilkan data tabular. Namun desainer dengan cepat menyadari potensi dari apa elemen struktur mereka bisa menambah desain mereka. Mereka segera dibuat lebih rumit, multi-kolom layout dari HTML awalnya mampu. Namun kali ini memang melihat sedikit perhatian telah terbukti menuju ke semantik dan aksesibilitas web. Sebagai desain dan estetika yang baik tampaknya lebih diutamakan daripada yang baik mark-up struktur. Periode ini juga melihat spacer. GIF menjadi sangat populer untuk mengendalikan dimensi layout web. Situs HTML terbatas dalam pilihan desain mereka, terlebih lagi dengan versi sebelumnya dari HTML. Untuk membuat desain yang kompleks, banyak web designer harus menggunakan struktur tabel yang rumit atau bahkan menggunakan gambar kosong untuk spasi. Namun pada tahun 1996 Flash (awalnya dikenal sebagai FutureSplash) dikembangkan. Pada saat itu adalah sebuah alat tata letak yang sangat sederhana dasar dan garis waktu tetapi memungkinkan desainer web untuk melampaui titik HTML pada saat itu. Kini berkembang menjadi sangat kuat, memungkinkan untuk mengembangkan seluruh situs.

Akhir dari perang browser pertama

Selama tahun 1998 Netscape merilis kode Netscape Communicator di bawah lisensi open source, memungkinkan ribuan pengembang untuk berpartisipasi dalam meningkatkan perangkat lunak. Namun mereka memutuskan untuk berhenti dan memulai dari awal, yang dipandu pengembangan browser open source dan segera diperluas untuk platform aplikasi lengkap 2000. Merupakan tahun besar bagi Microsoft. Internet Explorer telah dirilis untuk Mac, ini adalah signifikan karena merupakan browser pertama yang sepenuhnya didukung HTML 4.01 dan CSS 1, meningkatkan kemampuan dalam hal kepatuhan standar. Ini juga merupakan browser pertama untuk sepenuhnya mendukung format gambar PNG. Selama waktu Netscape telah dijual kepada AOL dan ini dilihat sebagai kerugian resmi Netscape untuk Microsoft dalam perang browser.

Peralatan dan teknologi

Desainer Web menggunakan berbagai alat yang berbeda tergantung pada apa bagian dari proses produksi mereka terlibat masuk Alat ini diperbarui dari waktu ke waktu oleh standar yang lebih baru dan perangkat lunak tetapi prinsip-prinsip di belakang mereka tetap sama. Web desainer grafis menggunakan vektor dan raster paket grafis untuk menciptakan citra web yang diformat atau prototipe desain. Teknologi digunakan untuk membuat website berisi hingga tanda standar yang dapat tangan kode atau dihasilkan oleh perangkat lunak editing WYSIWYG. Ada juga perangkat lunak berpemilik berdasarkan plug-in yang bypasses versi browser klien, ini sering WYSIWYG tetapi dengan pilihan untuk menggunakan bahasa scripting perangkat lunak. Alat mesin pencari optimasi dapat digunakan untuk memeriksa peringkat mesin pencari dan menyarankan perbaikan.

Alat-alat lain web designer mungkin menggunakan termasuk mark up validator dan alat pengujian lain untuk kegunaan dan aksesibilitas untuk memastikan situs web mereka memenuhi pedoman aksesibilitas web.

Keterampilan dan teknik Tipografi

Biasanya website yang sukses hanya memiliki beberapa tipografi yang dari gaya yang sama, daripada menggunakan berbagai tipografi. Sebaiknya sebuah website harus menggunakan sans serif atau serif tipografi, bukan kombinasi dari keduanya. Tipografi dalam website juga harus berhati-hati jumlah tipografi yang digunakan, desain yang baik akan menggabungkan tipografi yang sama beberapa daripada berbagai tipe wajah. Kebanyakan browser mengenali sejumlah tertentu font aman, yang terutama menggunakan desainer untuk menghindari komplikasi. Sebagian besar layout di situs memasukkan spasi putih untuk memecah teks menjadi paragraf dan juga menghindari teks selaras pusat.

Tata letak halaman

Halaman Web harus ditata dengan baik untuk meningkatkan navigasi bagi pengguna. Juga untuk tujuan navigasi, tata letak halaman situs juga harus tetap konsisten pada halaman yang berbeda. Ketika membangun situs, penting untuk mempertimbangkan lebar halaman karena hal ini sangat penting untuk menyelaraskan obyek dan dalam desain tata letak. Situs paling populer umumnya memiliki lebar dekat dengan 1024 piksel. Sebagian besar halaman juga center aligned, untuk membuat objek terlihat lebih estetis pada layar yang lebih besar.

Cairan layout dikembangkan sekitar tahun 2000, meskipun sangat lambat untuk diadopsi, sebagai penolakan terhadap desain grid berbasis baik sebagai prinsip desain, dan sebagai teknik pengkodean. Asumsi aksiomatik adalah bahwa pembaca akan memiliki perangkat layar, atau jendela atasnya, dengan ukuran yang berbeda dan bahwa tidak ada halaman desainer dapat lakukan untuk mengubah hal ini. Dengan demikian, desain harus dipecah menjadi unit (sidebars, blok konten, daerah iklan, navigasi daerah) yang dikirim ke browser dan yang akan dipasang ke dalam jendela tampilan oleh browser, sebaik mungkin. Sebagai browser tidak tahu rincian layar pembaca (ukuran jendela, ukuran font relatif terhadap jendela dll) browser melakukan pekerjaan yang lebih baik dari ini dari seorang desainer dugaan. Meskipun seperti tampilan mungkin sering mengubah posisi relatif dari unit konten utama, sidebar dapat mengungsi di bawah body text bukan ke sisi itu, ini biasanya tampilan yang lebih baik dan terutama lebih bermanfaat daripada upaya kompromi untuk menampilkan-keras kode grid yang jelas tidak sesuai dengan jendela perangkat. Secara khusus, posisi relatif blok konten dapat berubah, tetapi setiap blok terlalu terpengaruh. Usability juga lebih baik, terutama dengan menghindari horisontal bergulir.

Web Desain responsif adalah pendekatan baru, berdasarkan CSS3, dan tingkat yang lebih dalam per-spesifikas dalam stylesheet halaman, melalui penggunaan disempurnakan CSS @ media pseudo-pemilih.

Kualitas kode

Ketika membuat situs itu adalah praktik yang baik agar sesuai dengan standar. Ini termasuk kesalahan dalam kode, tata letak yang lebih baik untuk kode serta memastikan ID dan kelas diidentifikasi dengan benar. Hal ini biasanya dilakukan melalui deskripsi menentukan apa elemen lakukan. Tidak sesuai dengan standar tidak dapat membuat sebuah situs web tidak dapat digunakan atau rawan kesalahan, standar dapat berhubungan dengan tata letak yang benar dari halaman untuk dibaca juga memastikan elemen kode ditutup tepat. Memvalidasi melalui W3C hanya dapat dilakukan ketika sebuah deklarasi DOCTYPE yang benar dibuat, yang digunakan untuk menyoroti kesalahan dalam kode. Sistem ini mengidentifikasi kesalahan dan daerah yang belum sesuai dengan standar desain web. Informasi ini kemudian dapat diperbaiki oleh pengguna.

Visual desain

Desain visual yang baik pada sebuah situs web mengidentifikasi dan bekerja untuk target pasar itu. Ini bisa menjadi kelompok usia tertentu atau untai budaya sehingga desainer harus memahami tren dari para penonton. Desainer juga harus memahami jenis situs web mereka merancang, berarti sebuah website bisnis tidak harus dirancang sama dengan situs media sosial misalnya. Desainer juga harus mengerti pemilik atau bisnis situs ini mewakili, untuk memastikan mereka digambarkan baik. Estetika atau desain keseluruhan situs tidak harus berbenturan dengan konten, sehingga memudahkan pengguna untuk menavigasi dan dapat menemukan informasi yang diinginkan atau produk dll.

Pengguna pengalaman desain

Untuk pengguna untuk memahami sebuah situs web mereka harus dapat memahami bagaimana situs web bekerja. Hal ini mempengaruhi pengalaman mereka. Pengalaman pengguna berhubungan dengan tata letak, instruksi yang jelas dan pelabelan di situs Web. Pengguna harus memahami bagaimana mereka dapat berinteraksi di situs. Sehubungan dengan terus menggunakan, pengguna harus merasakan kegunaan dari situs yang jika mereka ingin terus menggunakannya. Dengan pengguna yang terampil dan berpengalaman dengan penggunaan situs web, pengaruh ini berhubungan langsung dengan bagaimana mereka memandang website, yang mendorong lebih lanjut penggunaan. Oleh karena itu pengguna dengan pengalaman kurang cenderung melihat keuntungan atau kegunaan dari situs web. Hal ini pada gilirannya harus fokus, di desain untuk penggunaan yang lebih universal dan kemudahan akses untuk mengakomodasi pengguna sebanyak mungkin terlepas dari keahlian pengguna.

Pekerjaan

Ada dua pekerjaan utama yang terlibat dalam menciptakan sebuah situs web: web designer dan web developer, yang sering bekerja sama pada sebuah situs web web designer bertanggung jawab untuk aspek visual, yang meliputi tata letak, warna dan tipografi dari. halaman web. Seorang perancang web juga akan memiliki pengetahuan dasar tentang menggunakan berbagai bahasa seperti HTML, CSS, JavaScript, PHP dan Flash untuk membuat situs, meskipun tingkat pengetahuan mereka akan berbeda dari satu desainer web yang lain. Terutama di organisasi kecil satu orang akan membutuhkan keterampilan yang diperlukan untuk merancang dan pemrograman halaman web penuh, sementara organisasi yang lebih besar mungkin memiliki web designer bertanggung jawab untuk aspek visual saja.

Pekerjaan lebih lanjut, yang dalam keadaan tertentu mungkin terlibat dalam proses pembuatan website meliputi:

a. Desainer grafis, untuk menciptakan visual untuk situs seperti logo, layout dan tombol

b. Spesialis Internet Marketing, untuk membantu menjaga keberadaan web melalui solusi strategis pada penargetan pemirsa ke situs, dengan menggunakan teknik pemasaran dan promosi di internet.

c. Penulis SEO, untuk penelitian dan merekomendasikan kata-kata yang tepat untuk dimasukkan ke situs web tertentu dan membuat situs web lebih mudah diakses dan ditemukan di search engine banyak.

d. Internet Copywriter, untuk menciptakan konten yang ditulis halaman untuk menarik pemirsa yang ditargetkan dari situs.

e. Pengalaman Pengguna (UX) desainer, menggabungkan aspek pertimbangan desain user terfokus yang meliputi arsitektur informasi, desain user berpusat, pengujian pengguna, desain interaksi, dan desain visual yang kadang-kadang.

Sumber :
http://en.wikipedia.org/wiki/Web_design