Web desain mencakup berbagai keterampilan dan disiplin dalam produksi dan pemeliharaan website The berbagai bidang desain web termasuk desain web grafis,. Desain antarmuka, authoring, termasuk kode standar dan perangkat lunak berpemilik, desain pengalaman pengguna, dan optimasi mesin pencari . Seringkali banyak orang akan bekerja dalam tim yang meliputi berbagai aspek dari proses desain, meskipun beberapa desainer akan menutupi 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 seperti ini juga dicakup oleh pengembangan web. Desainer web diharapkan memiliki kesadaran kegunaan dan jika peran mereka melibatkan menciptakan mark up maka mereka juga diharapkan akan up to date dengan pedoman aksesibilitas web.
Sejarah (1988-2001)
Meskipun desain web memiliki sejarah yang cukup baru-baru ini, hal itu dapat dihubungkan dengan daerah lain seperti desain grafis. Namun desain web juga dipandang sebagai sudut pandang teknologi. Ini telah menjadi bagian besar dari kehidupan sehari-hari masyarakat. Sulit membayangkan internet tanpa grafis animasi, gaya yang berbeda dari tipografi, latar belakang dan musik.Awal dari web dan desain web
Pada tahun 1989, sementara bekerja di CERN Tim Berners-Lee mengusulkan untuk menciptakan hypertext proyek global, yang kemudian dikenal sebagai World Wide Web. Sepanjang 1991-1993 World Wide Web lahir. Teks halaman hanya dapat dilihat dengan menggunakan browser line-mode sederhana. [3] Pada tahun 1993 Marc Andreessen dan Eric Bina, menciptakan browser Mosaic. Pada saat itu ada beberapa browser namun mayoritas dari mereka adalah berbasis Unix dan alami teks berat. Tidak ada pendekatan terpadu untuk elemen desain grafis seperti gambar atau suara. Browser Mosaic pecah cetakan ini. [4] W3C ini diciptakan pada bulan Oktober 1994, untuk "memimpin World Wide Web secara maksimal dengan mengembangkan protokol umum yang mempromosikan evolusi dan memastikan interoperabilitas." [5] Ini berkecil 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 saat ini dapat dilihat dengan JavaScript. Pada tahun 1994 dibentuk Andreessen Komunikasi corp. Yang kemudian dikenal sebagai Netscape Communications Netscape 0.9 browser. Netscape menciptakan tag HTML sendiri 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-1999 perang browser mulai. Perang browser melihat Microsoft dan Netscape pertempuran itu keluar untuk dominasi peramban utama. Selama ini ada banyak teknologi baru di lapangan, terutama Cascading Style Sheets, JavaScript, dan HTML Dinamis. Pada keseluruhan persaingan browser benar menghasilkan kreasi positif dan membantu desain web berkembang dengan pesat. [6]Evolusi desain web
Pada tahun 1996, Microsoft merilis browser pertama kompetitif, yang lengkap dengan fitur sendiri dan tag. Itu juga merupakan browser pertama yang mendukung style sheet, yang pada saat itu dipandang sebagai suatu teknik authoring jelas [6]. The markup HTML untuk tabel pada awalnya ditujukan untuk menampilkan data tabular. Namun desainer dengan cepat menyadari potensi menggunakan tabel HTML untuk menciptakan, kompleks multi-kolom layout yang dinyatakan tidak mungkin. Pada saat ini, sebagai desain dan estetika yang baik tampaknya didahulukan baik mark-up struktur, dan sedikit perhatian dibayar untuk semantik dan aksesibilitas web. Situs HTML yang terbatas dalam pilihan desain mereka, bahkan lebih dengan versi sebelumnya dari HTML. Untuk membuat desain yang kompleks, banyak web designer harus menggunakan struktur tabel rumit atau bahkan menggunakan spacer kosong gambar GIF untuk menghentikan sel tabel kosong dari runtuh [7] CSS diperkenalkan pada bulan Desember 1996 oleh W3C untuk mendukung presentasi dan tata letak,.. Ini diperbolehkan HTML kode untuk menjadi semantik bukan aksesibilitas web baik semantik dan presentasi, dan ditingkatkan, melihat desain web Tableless. Pada tahun 1996 Flash (awalnya dikenal sebagai FutureSplash) dikembangkan. Pada saat itu dari alat tata letak yang sangat sederhana dasar dan timeline tetapi memungkinkan desainer web untuk melampaui titik HTML pada saat itu. Ia kini telah berkembang menjadi sangat kuat, memungkinkan untuk mengembangkan seluruh situs. [7]Akhir 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 mulai dari awal, yang dipandu pengembangan browser open source dan segera diperluas ke platform aplikasi lengkap [6] The Web Standards Project dibentuk, dan dipromosikan sesuai browser dengan HTML dan CSS standar dengan menciptakan. Acid1, Acid2, dan Acid3 tes. 2000 adalah 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. Itu juga merupakan browser pertama untuk sepenuhnya mendukung format gambar PNG [6] Selama ini Netscape waktu dijual ke AOL dan ini dipandang sebagai hilangnya resmi Netscape untuk Microsoft dalam perang browser.. [6]Sejarah (2001-2012)
Sejak awal abad ke-21 web telah menjadi lebih dan lebih terintegrasi ke dalam kehidupan masyarakat, karena hal ini telah terjadi teknologi web juga telah pindah. Ada juga telah perubahan signifigent dalam cara orang menggunakan dan mengakses web, ini telah mengubah cara situs yang dirancang.The Modern Browser
Sejak akhir perang browser ada browser baru yang datang ke scence tersebut, banyak di antaranya open source yang berarti bahwa mereka cenderung memiliki pengembangan yang lebih cepat dan lebih mendukung standar baru. Opsi yang baru dianggap oleh banyak untuk menjadi lebih baik bahwa Internet Explorer Microsoft.Baru Standar
W3C telah merilis standar baru HTML (HTML5) dan CSS (CSS3), serta baru JavaScript API yang masing-masing sebagai standar baru tapi individu, namun sementara HTML5 istilah hanya digunakan untuk merujuk ke versi baru dari HTML dan beberapa yang ini JavaScript API, telah menjadi umum untuk menggunakannya untuk merujuk pada seluruh paket standar baru (HTML5, CSS3 dan JavaScript)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 grafis paket untuk menciptakan citra web diformat atau prototipe desain. Teknologi yang digunakan untuk membuat website termasuk mark up standar yang dapat tangan kode atau dihasilkan oleh perangkat lunak editing WYSIWYG. Ada juga perangkat lunak berpemilik didasarkan pada 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 desainer web mungkin menggunakan termasuk mark up validator [8] dan alat-alat pengujian lainnya untuk kegunaan dan aksesibilitas untuk memastikan situs web mereka memenuhi pedoman aksesibilitas web. [9]Keterampilan dan teknikTipografi
Biasanya situs web yang sukses hanya memiliki beberapa tipografi yang dari gaya yang serupa, 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 jenis wajah. Kebanyakan browser mengenali sejumlah tertentu font yang aman, yang terutama menggunakan desainer untuk menghindari komplikasi.
Download Font kemudian dimasukkan dalam modul font CSS3, dan sejak itu telah diimplementasikan di Safari 3.1, Opera 10 dan Mozilla Firefox 3.5. Hal ini kemudian meningkat minat dalam tipografi Web, serta penggunaan download font. [10]
Kebanyakan layout di situs menggabungkan ruang putih untuk memecah teks menjadi paragraf dan juga menghindari teks selaras pusat. [11]Tata letak halaman
Halaman web harus ditata dengan baik untuk meningkatkan navigasi bagi pengguna. Juga untuk keperluan navigasi, tata letak halaman situs juga harus tetap konsisten pada halaman yang berbeda. [12] Ketika membangun situs, penting untuk mempertimbangkan lebar halaman seperti ini sangat penting untuk menyelaraskan objek dan dalam desain tata letak. Situs-situs paling populer umumnya memiliki lebar dekat ke 1024 piksel. Sebagian besar halaman juga pusat selaras, untuk membuat objek terlihat lebih estetis pada layar yang lebih besar. [13]
Layout cairan dikembangkan sekitar tahun 2000 sebagai pengganti HTML-table-based layout, sebagai penolakan grid berbasis desain baik sebagai prinsip tata letak halaman desain, dan sebagai teknik coding, tapi sangat lambat untuk diadopsi. [Catatan 1] Asumsi aksiomatik adalah bahwa pembaca akan memiliki perangkat layar, atau jendela atasnya, dari berbagai ukuran dan bahwa tidak ada halaman desainer dapat lakukan untuk mengubah ini. Oleh karena itu, desain harus dipecah menjadi unit (sidebars, blok konten, iklan daerah, navigasi daerah) yang dikirim ke browser dan yang akan dipasang ke jendela layar oleh browser, sebaik mungkin. Sebagai browser tidak mengetahui rincian layar pembaca (ukuran jendela, ukuran font relatif terhadap jendela dll) browser melakukan pekerjaan yang lebih baik dari ini daripada seorang desainer dugaan. Meskipun seperti tampilan mungkin sering mengubah posisi relatif unit konten utama, sidebars dapat dipindahkan di bawah teks tubuh daripada 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 kurang terpengaruh. Usability juga lebih baik, terutama dengan menghindari horisontal bergulir.
Desain Web responsif adalah pendekatan baru, berdasarkan CSS3, dan tingkat yang lebih dalam per-perangkat spesifikasi dalam stylesheet halaman, melalui penggunaan disempurnakan CSS @ media pseudo-pemilih.Kualitas kode
Ketika membuat sebuah situs itu adalah praktik yang baik untuk memenuhi standar. Hal ini biasanya dilakukan melalui deskripsi menentukan apa elemen lakukan. Tidak sesuai dengan standar tidak dapat membuat sebuah website tidak dapat digunakan atau kesalahan rawan, standar dapat berhubungan dengan tata letak yang benar dari halaman untuk dibaca serta memastikan elemen kode ditutup tepat. Ini termasuk kesalahan dalam kode, tata letak yang lebih baik untuk kode serta memastikan ID dan kelas diidentifikasi dengan benar. Halaman buruk-kode kadang-kadang bahasa sehari-hari disebut sup tag. Memvalidasi melalui W3C [8] hanya dapat dilakukan ketika sebuah deklarasi DOCTYPE yang benar dibuat, yang digunakan untuk menyoroti kesalahan dalam kode. Sistem ini mengidentifikasi kesalahan dan daerah yang tidak sesuai dengan standar desain web. Informasi ini kemudian dapat diperbaiki oleh pengguna. [14]Visual desain
Desain visual yang baik pada sebuah situs web dan bekerja untuk mengidentifikasi target pasarnya. Ini bisa menjadi kelompok usia tertentu atau untai budaya sehingga desainer harus memahami kecenderungan penonton. Desainer juga harus memahami jenis situs mereka merancang, berarti sebuah website bisnis tidak harus dirancang sama dengan situs media sosial misalnya. Desainer juga harus mengerti pemilik atau bisnis situs tersebut mewakili, untuk memastikan mereka digambarkan positif. Estetika atau desain keseluruhan dari sebuah situs tidak boleh berbenturan dengan konten, sehingga memudahkan pengguna untuk menavigasi dan dapat menemukan informasi yang diinginkan atau produk dll [15]Pengalaman pengguna desain
Untuk pengguna untuk memahami situs web mereka harus mampu memahami bagaimana situs bekerja. Hal ini mempengaruhi pengalaman mereka. Pengalaman pengguna yang berhubungan dengan tata letak, instruksi yang jelas dan pelabelan pada sebuah situs web. Pengguna harus memahami bagaimana mereka dapat berinteraksi di situs. Sehubungan dengan terus menggunakan, pengguna harus merasakan kegunaan dari website yang jika mereka ingin terus menggunakannya. Dengan pengguna yang terampil dan berpengalaman dengan menggunakan website, pengaruh ini berhubungan langsung dengan bagaimana mereka memandang website, yang mendorong lebih lanjut penggunaan. Oleh karena itu pengguna dengan pengalaman kurang cenderung untuk melihat keuntungan atau kegunaan dari situs web. Hal ini pada gilirannya harus fokus, pada desain untuk penggunaan yang lebih universal dan kemudahan akses untuk mengakomodasi pengguna sebanyak mungkin terlepas dari keterampilan pengguna. [16]Pekerjaan
Ada dua pekerjaan utama yang terlibat dalam menciptakan sebuah website: desainer web dan pengembang web, yang sering bekerja sama pada sebuah situs web [17] Para desainer web bertanggung jawab untuk aspek visual, yang meliputi tata letak, warna dan tipografi dari. web page. Seorang perancang web juga akan memiliki pengetahuan tentang menggunakan berbagai bahasa seperti HTML, CSS, JavaScript, PHP dan Flash untuk membuat sebuah situs, meskipun sejauh mana 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 seorang desainer web yang bertanggung jawab untuk aspek visual saja. [18]
Selanjutnya pekerjaan, yang dalam keadaan tertentu dapat terlibat dalam pembuatan website meliputi:
Grafis desainer, untuk menciptakan visual untuk situs seperti logo, layout dan tombol
Internet spesialis pemasaran, untuk membantu menjaga keberadaan web melalui solusi strategis menargetkan pemirsa ke situs, dengan menggunakan teknik pemasaran dan promosi di internet.
Penulis SEO, untuk meneliti dan merekomendasikan kata-kata yang tepat untuk dimasukkan ke dalam situs web tertentu dan membuat website lebih mudah diakses dan ditemukan di search engine banyak.
Internet copywriter, untuk menciptakan konten tertulis dari halaman untuk menarik pemirsa yang ditargetkan dari situs. [2]
Pengalaman pengguna (UX) desainer, menggabungkan aspek pertimbangan desain pengguna terfokus yang meliputi arsitektur informasi, desain pengguna berpusat, pengujian pengguna, desain interaksi, dan desain sesekali visual.
Sejarah (1988-2001)
Meskipun desain web memiliki sejarah yang cukup baru-baru ini, hal itu dapat dihubungkan dengan daerah lain seperti desain grafis. Namun desain web juga dipandang sebagai sudut pandang teknologi. Ini telah menjadi bagian besar dari kehidupan sehari-hari masyarakat. Sulit membayangkan internet tanpa grafis animasi, gaya yang berbeda dari tipografi, latar belakang dan musik.Awal dari web dan desain web
Pada tahun 1989, sementara bekerja di CERN Tim Berners-Lee mengusulkan untuk menciptakan hypertext proyek global, yang kemudian dikenal sebagai World Wide Web. Sepanjang 1991-1993 World Wide Web lahir. Teks halaman hanya dapat dilihat dengan menggunakan browser line-mode sederhana. [3] Pada tahun 1993 Marc Andreessen dan Eric Bina, menciptakan browser Mosaic. Pada saat itu ada beberapa browser namun mayoritas dari mereka adalah berbasis Unix dan alami teks berat. Tidak ada pendekatan terpadu untuk elemen desain grafis seperti gambar atau suara. Browser Mosaic pecah cetakan ini. [4] W3C ini diciptakan pada bulan Oktober 1994, untuk "memimpin World Wide Web secara maksimal dengan mengembangkan protokol umum yang mempromosikan evolusi dan memastikan interoperabilitas." [5] Ini berkecil 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 saat ini dapat dilihat dengan JavaScript. Pada tahun 1994 dibentuk Andreessen Komunikasi corp. Yang kemudian dikenal sebagai Netscape Communications Netscape 0.9 browser. Netscape menciptakan tag HTML sendiri 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-1999 perang browser mulai. Perang browser melihat Microsoft dan Netscape pertempuran itu keluar untuk dominasi peramban utama. Selama ini ada banyak teknologi baru di lapangan, terutama Cascading Style Sheets, JavaScript, dan HTML Dinamis. Pada keseluruhan persaingan browser benar menghasilkan kreasi positif dan membantu desain web berkembang dengan pesat. [6]Evolusi desain web
Pada tahun 1996, Microsoft merilis browser pertama kompetitif, yang lengkap dengan fitur sendiri dan tag. Itu juga merupakan browser pertama yang mendukung style sheet, yang pada saat itu dipandang sebagai suatu teknik authoring jelas [6]. The markup HTML untuk tabel pada awalnya ditujukan untuk menampilkan data tabular. Namun desainer dengan cepat menyadari potensi menggunakan tabel HTML untuk menciptakan, kompleks multi-kolom layout yang dinyatakan tidak mungkin. Pada saat ini, sebagai desain dan estetika yang baik tampaknya didahulukan baik mark-up struktur, dan sedikit perhatian dibayar untuk semantik dan aksesibilitas web. Situs HTML yang terbatas dalam pilihan desain mereka, bahkan lebih dengan versi sebelumnya dari HTML. Untuk membuat desain yang kompleks, banyak web designer harus menggunakan struktur tabel rumit atau bahkan menggunakan spacer kosong gambar GIF untuk menghentikan sel tabel kosong dari runtuh [7] CSS diperkenalkan pada bulan Desember 1996 oleh W3C untuk mendukung presentasi dan tata letak,.. Ini diperbolehkan HTML kode untuk menjadi semantik bukan aksesibilitas web baik semantik dan presentasi, dan ditingkatkan, melihat desain web Tableless. Pada tahun 1996 Flash (awalnya dikenal sebagai FutureSplash) dikembangkan. Pada saat itu dari alat tata letak yang sangat sederhana dasar dan timeline tetapi memungkinkan desainer web untuk melampaui titik HTML pada saat itu. Ia kini telah berkembang menjadi sangat kuat, memungkinkan untuk mengembangkan seluruh situs. [7]Akhir 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 mulai dari awal, yang dipandu pengembangan browser open source dan segera diperluas ke platform aplikasi lengkap [6] The Web Standards Project dibentuk, dan dipromosikan sesuai browser dengan HTML dan CSS standar dengan menciptakan. Acid1, Acid2, dan Acid3 tes. 2000 adalah 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. Itu juga merupakan browser pertama untuk sepenuhnya mendukung format gambar PNG [6] Selama ini Netscape waktu dijual ke AOL dan ini dipandang sebagai hilangnya resmi Netscape untuk Microsoft dalam perang browser.. [6]Sejarah (2001-2012)
Sejak awal abad ke-21 web telah menjadi lebih dan lebih terintegrasi ke dalam kehidupan masyarakat, karena hal ini telah terjadi teknologi web juga telah pindah. Ada juga telah perubahan signifigent dalam cara orang menggunakan dan mengakses web, ini telah mengubah cara situs yang dirancang.The Modern Browser
Sejak akhir perang browser ada browser baru yang datang ke scence tersebut, banyak di antaranya open source yang berarti bahwa mereka cenderung memiliki pengembangan yang lebih cepat dan lebih mendukung standar baru. Opsi yang baru dianggap oleh banyak untuk menjadi lebih baik bahwa Internet Explorer Microsoft.Baru Standar
W3C telah merilis standar baru HTML (HTML5) dan CSS (CSS3), serta baru JavaScript API yang masing-masing sebagai standar baru tapi individu, namun sementara HTML5 istilah hanya digunakan untuk merujuk ke versi baru dari HTML dan beberapa yang ini JavaScript API, telah menjadi umum untuk menggunakannya untuk merujuk pada seluruh paket standar baru (HTML5, CSS3 dan JavaScript)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 grafis paket untuk menciptakan citra web diformat atau prototipe desain. Teknologi yang digunakan untuk membuat website termasuk mark up standar yang dapat tangan kode atau dihasilkan oleh perangkat lunak editing WYSIWYG. Ada juga perangkat lunak berpemilik didasarkan pada 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 desainer web mungkin menggunakan termasuk mark up validator [8] dan alat-alat pengujian lainnya untuk kegunaan dan aksesibilitas untuk memastikan situs web mereka memenuhi pedoman aksesibilitas web. [9]Keterampilan dan teknikTipografi
Biasanya situs web yang sukses hanya memiliki beberapa tipografi yang dari gaya yang serupa, 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 jenis wajah. Kebanyakan browser mengenali sejumlah tertentu font yang aman, yang terutama menggunakan desainer untuk menghindari komplikasi.
Download Font kemudian dimasukkan dalam modul font CSS3, dan sejak itu telah diimplementasikan di Safari 3.1, Opera 10 dan Mozilla Firefox 3.5. Hal ini kemudian meningkat minat dalam tipografi Web, serta penggunaan download font. [10]
Kebanyakan layout di situs menggabungkan ruang putih untuk memecah teks menjadi paragraf dan juga menghindari teks selaras pusat. [11]Tata letak halaman
Halaman web harus ditata dengan baik untuk meningkatkan navigasi bagi pengguna. Juga untuk keperluan navigasi, tata letak halaman situs juga harus tetap konsisten pada halaman yang berbeda. [12] Ketika membangun situs, penting untuk mempertimbangkan lebar halaman seperti ini sangat penting untuk menyelaraskan objek dan dalam desain tata letak. Situs-situs paling populer umumnya memiliki lebar dekat ke 1024 piksel. Sebagian besar halaman juga pusat selaras, untuk membuat objek terlihat lebih estetis pada layar yang lebih besar. [13]
Layout cairan dikembangkan sekitar tahun 2000 sebagai pengganti HTML-table-based layout, sebagai penolakan grid berbasis desain baik sebagai prinsip tata letak halaman desain, dan sebagai teknik coding, tapi sangat lambat untuk diadopsi. [Catatan 1] Asumsi aksiomatik adalah bahwa pembaca akan memiliki perangkat layar, atau jendela atasnya, dari berbagai ukuran dan bahwa tidak ada halaman desainer dapat lakukan untuk mengubah ini. Oleh karena itu, desain harus dipecah menjadi unit (sidebars, blok konten, iklan daerah, navigasi daerah) yang dikirim ke browser dan yang akan dipasang ke jendela layar oleh browser, sebaik mungkin. Sebagai browser tidak mengetahui rincian layar pembaca (ukuran jendela, ukuran font relatif terhadap jendela dll) browser melakukan pekerjaan yang lebih baik dari ini daripada seorang desainer dugaan. Meskipun seperti tampilan mungkin sering mengubah posisi relatif unit konten utama, sidebars dapat dipindahkan di bawah teks tubuh daripada 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 kurang terpengaruh. Usability juga lebih baik, terutama dengan menghindari horisontal bergulir.
Desain Web responsif adalah pendekatan baru, berdasarkan CSS3, dan tingkat yang lebih dalam per-perangkat spesifikasi dalam stylesheet halaman, melalui penggunaan disempurnakan CSS @ media pseudo-pemilih.Kualitas kode
Ketika membuat sebuah situs itu adalah praktik yang baik untuk memenuhi standar. Hal ini biasanya dilakukan melalui deskripsi menentukan apa elemen lakukan. Tidak sesuai dengan standar tidak dapat membuat sebuah website tidak dapat digunakan atau kesalahan rawan, standar dapat berhubungan dengan tata letak yang benar dari halaman untuk dibaca serta memastikan elemen kode ditutup tepat. Ini termasuk kesalahan dalam kode, tata letak yang lebih baik untuk kode serta memastikan ID dan kelas diidentifikasi dengan benar. Halaman buruk-kode kadang-kadang bahasa sehari-hari disebut sup tag. Memvalidasi melalui W3C [8] hanya dapat dilakukan ketika sebuah deklarasi DOCTYPE yang benar dibuat, yang digunakan untuk menyoroti kesalahan dalam kode. Sistem ini mengidentifikasi kesalahan dan daerah yang tidak sesuai dengan standar desain web. Informasi ini kemudian dapat diperbaiki oleh pengguna. [14]Visual desain
Desain visual yang baik pada sebuah situs web dan bekerja untuk mengidentifikasi target pasarnya. Ini bisa menjadi kelompok usia tertentu atau untai budaya sehingga desainer harus memahami kecenderungan penonton. Desainer juga harus memahami jenis situs mereka merancang, berarti sebuah website bisnis tidak harus dirancang sama dengan situs media sosial misalnya. Desainer juga harus mengerti pemilik atau bisnis situs tersebut mewakili, untuk memastikan mereka digambarkan positif. Estetika atau desain keseluruhan dari sebuah situs tidak boleh berbenturan dengan konten, sehingga memudahkan pengguna untuk menavigasi dan dapat menemukan informasi yang diinginkan atau produk dll [15]Pengalaman pengguna desain
Untuk pengguna untuk memahami situs web mereka harus mampu memahami bagaimana situs bekerja. Hal ini mempengaruhi pengalaman mereka. Pengalaman pengguna yang berhubungan dengan tata letak, instruksi yang jelas dan pelabelan pada sebuah situs web. Pengguna harus memahami bagaimana mereka dapat berinteraksi di situs. Sehubungan dengan terus menggunakan, pengguna harus merasakan kegunaan dari website yang jika mereka ingin terus menggunakannya. Dengan pengguna yang terampil dan berpengalaman dengan menggunakan website, pengaruh ini berhubungan langsung dengan bagaimana mereka memandang website, yang mendorong lebih lanjut penggunaan. Oleh karena itu pengguna dengan pengalaman kurang cenderung untuk melihat keuntungan atau kegunaan dari situs web. Hal ini pada gilirannya harus fokus, pada desain untuk penggunaan yang lebih universal dan kemudahan akses untuk mengakomodasi pengguna sebanyak mungkin terlepas dari keterampilan pengguna. [16]Pekerjaan
Ada dua pekerjaan utama yang terlibat dalam menciptakan sebuah website: desainer web dan pengembang web, yang sering bekerja sama pada sebuah situs web [17] Para desainer web bertanggung jawab untuk aspek visual, yang meliputi tata letak, warna dan tipografi dari. web page. Seorang perancang web juga akan memiliki pengetahuan tentang menggunakan berbagai bahasa seperti HTML, CSS, JavaScript, PHP dan Flash untuk membuat sebuah situs, meskipun sejauh mana 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 seorang desainer web yang bertanggung jawab untuk aspek visual saja. [18]
Selanjutnya pekerjaan, yang dalam keadaan tertentu dapat terlibat dalam pembuatan website meliputi:
Grafis desainer, untuk menciptakan visual untuk situs seperti logo, layout dan tombol
Internet spesialis pemasaran, untuk membantu menjaga keberadaan web melalui solusi strategis menargetkan pemirsa ke situs, dengan menggunakan teknik pemasaran dan promosi di internet.
Penulis SEO, untuk meneliti dan merekomendasikan kata-kata yang tepat untuk dimasukkan ke dalam situs web tertentu dan membuat website lebih mudah diakses dan ditemukan di search engine banyak.
Internet copywriter, untuk menciptakan konten tertulis dari halaman untuk menarik pemirsa yang ditargetkan dari situs. [2]
Pengalaman pengguna (UX) desainer, menggabungkan aspek pertimbangan desain pengguna terfokus yang meliputi arsitektur informasi, desain pengguna berpusat, pengujian pengguna, desain interaksi, dan desain sesekali visual.
0 komentar:
Posting Komentar