Tetapi desain Web yang responsif tidak hanya tentang resolusi layar yang dapat disesuaikan dan gambar yang dapat disesuaikan secara otomatis, tetapi juga tentang cara berpikir yang sama sekali baru tentang desain. Mari kita bicara tentang semua fitur ini, ditambah ide tambahan dalam pembuatannya. Dengan lebih banyak perangkat, beragam resolusi, definisi, dan orientasi layar. Perangkat baru dengan ukuran layar baru sedang dikembangkan setiap hari, dan masing-masing perangkat ini dapat menangani variasi dalam ukuran, fungsionalitas, dan bahkan warna. Beberapa di lanskap, yang lain di potret, yang lain bahkan sepenuhnya persegi. Seperti yang kita ketahui dari meningkatnya popularitas iPhone, iPad, dan smartphone canggih, banyak perangkat baru dapat beralih dari potret ke lanskap sesuai keinginan pengguna. Bagaimana orang merancang untuk situasi ini? Selain merancang untuk lanskap dan potret (dan memungkinkan orientasi tersebut untuk beralih secara instan pada pemuatan halaman), kita harus mempertimbangkan ratusan ukuran layar yang berbeda.
Ya, memungkinkan untuk mengelompokkannya ke dalam kategori utama, merancang untuk masing-masing, dan membuat setiap desain sefleksibel yang diperlukan. Tapi itu bisa luar biasa, dan siapa yang tahu berapa angka penggunaannya dalam lima tahun? Selain itu, banyak pengguna tidak memaksimalkan browser mereka, yang dengan sendirinya menyisakan ruang terlalu banyak untuk variasi di antara ukuran layar. Morten Hjerde dan beberapa rekannya mengidentifikasi statistik tentang sekitar 400 perangkat yang dijual antara 2005 dan 2008. Berikut adalah Designer Webs 43 beberapa yang paling umum. Sejak itu bahkan lebih banyak perangkat yang keluar. Sudah jelas bahwa kami tidak dapat terus membuat solusi khusus untuk masing-masing. Jadi, bagaimana kita menghadapi situasi ini? Bagian dari Solusi: Fleksibel Semuanya. Beberapa tahun yang lalu, ketika tata letak fleksibel hampir menjadi "kemewahan" untuk situs web, satu-satunya hal yang fleksibel dalam desain adalah kolom tata letak (elemen struktural) dan teks. Gambar dapat dengan mudah memecahkan tata letak, dan bahkan elemen struktur yang fleksibel merusak bentuk tata letak ketika didorong cukup.
Desain yang fleksibel tidak terlalu fleksibel; mereka dapat memberi atau mengambil beberapa ratus piksel, tetapi seringkali tidak dapat menyesuaikan dari layar komputer besar ke netbook. Keluar dengan yang lama, dengan yang berani. Sekarang kita dapat membuat segalanya lebih fleksibel. Gambar dapat disesuaikan secara otomatis, dan kami memiliki solusi agar tata letak tidak pernah rusak (meskipun mereka dapat menjadi terjepit dan tidak terbaca dalam proses ini). Meskipun ini bukan perbaikan total, Designer Webs 47 solusinya memberi kami lebih banyak opsi. Ini sempurna untuk perangkat yang beralih dari orientasi potret ke lanskap dalam sekejap atau ketika pengguna beralih dari layar komputer besar ke iPad. Dalam artikel Ethan Marcotte, ia menciptakan contoh desain Web yang menampilkan tata letak fleksibel yang lebih baik ini. Seluruh desain adalah perpaduan yang indah dari jaringan fluida, gambar yang mengalir dan mark-up cerdas di mana diperlukan. Membuat kisi-kisi fluida adalah praktik yang cukup umum, dan ada sejumlah teknik untuk membuat gambar-gambar fluida. Menyembunyikan dan Mengungkap Bagian Gambar.
Membuat Gambar Komposit Sliding, Gambar Foreground Yang Skala Dengan Layout. Untuk informasi lebih lanjut tentang membuat situs web yang lancar, pastikan untuk melihat buku "Desain Web Fleksibel: Membuat Tata Letak Cair dan Elastis dengan CSS" oleh Zoe Mickley Gillenwater, dan unduh bab sampel "Membuat Gambar Fleksibel." Selain itu, Zoe memberikan berikut daftar lengkap tutorial, sumber daya, inspirasi, dan Designer Webs 53 praktik terbaik untuk membuat kisi dan tata letak yang fleksibel: Sumber Daya Esensial untuk Membuat Tata Letak Cair dan Elastis. Meskipun dari sudut pandang teknis, ini semua sangat mudah dilakukan, ini bukan hanya tentang memasukkan fitur-fitur ini ke dalam dan sedang dilakukan. Lihatlah logo dalam desain ini. Salah satu masalah utama yang perlu dipecahkan dengan desain Web yang responsif adalah bekerja dengan gambar. Ada sejumlah teknik Bali Web Developer untuk mengubah ukuran gambar secara proporsional, dan banyak yang mudah dilakukan. Opsi paling populer, yang dicatat dalam artikel Ethan Marcotte pada gambar cair tetapi pertama kali bereksperimen dengan Richard Rutter, adalah menggunakan lebar maksimum CSS untuk perbaikan yang mudah.
Tidak ada komentar:
Posting Komentar