Desain web Fluida adalah disiplin desain terbaru yang benar-benar terbakar selama dua tahun terakhir. Ini
adalah adil dalam prosedur pengembangan mendalam yang memungkinkan
website Anda untuk menyesuaikan diri dengan ukuran layar itu sedang
dilihat pada.
Oleh karena itu, pengguna akan disajikan dengan layout yang berbeda, tergantung pada apakah mereka mengakses situs web dari desktop atau perangkat mobile. Bahkan mengubah ukuran sendiri jika Anda membuat browser semakin sempit. Situs ini didasarkan pada desain cairan, ambil sudut browser Anda dan tarik sekitar untuk demo!
Maraknya pencarian mobile
Munculnya pencarian mobile, yang dalam beberapa kasus bisa sampai 40% dari lalu lintas situs Web total, menyajikan berbagai macam masalah untuk seorang desainer. Perangkat mobile datang dalam berbagai besar ukuran layar dan resolusi, sehingga membuat website terpisah untuk masing-masing dan setiap akan mustahil. Di sinilah desain datang dalam cairan, dengan tata letak yang otomatis beradaptasi dan dihitung dalam persentase, bukan piksel tetap, website adalah masa depan terbukti pada rilis perangkat baru.
Mengontrol cairan web desain dengan permintaan media yang
Bagian dari solusi adalah penggunaan pertanyaan media, bagian dari CSS3 yang pada dasarnya memeriksa karakteristik perangkat dan menyesuaikan informasi styling 'on the fly'. Pada posisi paling dasar, sebuah permintaan media yang meminta perangkat seberapa luas itu, terlihat melalui style sheet CSS Anda dan menemukan permintaan media yang prewritten, menggunakan informasi styling bawah itu untuk menyesuaikan sesuai.
Serta lebar, pertanyaan media yang dapat disesuaikan untuk menghasilkan efek yang berbeda dalam tata letak cairan.
Break point dalam desain web fluida
Break point memungkinkan pengembang untuk menyesuaikan layar untuk perangkat tertentu. Sebagai contoh, kita tahu bahwa pandangan potret iPad adalah 768 piksel lebar. Oleh karena itu, menggunakan query media, kita bisa mengatakan sistem navigasi kami untuk pergi dari satu baris horisontal panjang yang terlihat bodoh pada apa pun dengan layar kecil, ke blok kolom dua yang tertata rapi. Tapi kita juga tahu bahwa ini akan menjadi sulit untuk digunakan untuk jari manusia rata-rata pada smartphone, maka, menggunakan query media lagi, kami memberitahu perangkat apapun yang 480 piksel lebar atau lebih kecil untuk memecahkan ini ke salah satu kolom dan membuat tombol yang lebih besar untuk mereka dengan jempol yang besar.
Downsides untuk desain web fluida
Sifat dari desain web cairan adalah bahwa segala sesuatu adalah dalam keadaan terus-menerus berubah. Keadaan bermain untuk desainer web yang paling selama dekade terakhir atau dua telah kendali penuh atas desain lebar tetap yang dapat (diberikan perbedaan browser) dikontrol dengan pixel terakhir.
Desain web fluida tidak disiplin yang sempurna pixel. Ini adalah cara yang relatif baru berpikir tentang desain dan tata letak, dan dengan demikian ada ketidaksempurnaan. Penanganan gambar, khususnya, yang kurang dan membutuhkan workarounds.
Ini tidak berarti bahwa harus ada kompromi untuk desain, melainkan cara-cara baru berpikir tentang bagaimana Anda menangani layout cairan web perlu dicapai.
Oleh karena itu, pengguna akan disajikan dengan layout yang berbeda, tergantung pada apakah mereka mengakses situs web dari desktop atau perangkat mobile. Bahkan mengubah ukuran sendiri jika Anda membuat browser semakin sempit. Situs ini didasarkan pada desain cairan, ambil sudut browser Anda dan tarik sekitar untuk demo!
Maraknya pencarian mobile
Munculnya pencarian mobile, yang dalam beberapa kasus bisa sampai 40% dari lalu lintas situs Web total, menyajikan berbagai macam masalah untuk seorang desainer. Perangkat mobile datang dalam berbagai besar ukuran layar dan resolusi, sehingga membuat website terpisah untuk masing-masing dan setiap akan mustahil. Di sinilah desain datang dalam cairan, dengan tata letak yang otomatis beradaptasi dan dihitung dalam persentase, bukan piksel tetap, website adalah masa depan terbukti pada rilis perangkat baru.
Mengontrol cairan web desain dengan permintaan media yang
Bagian dari solusi adalah penggunaan pertanyaan media, bagian dari CSS3 yang pada dasarnya memeriksa karakteristik perangkat dan menyesuaikan informasi styling 'on the fly'. Pada posisi paling dasar, sebuah permintaan media yang meminta perangkat seberapa luas itu, terlihat melalui style sheet CSS Anda dan menemukan permintaan media yang prewritten, menggunakan informasi styling bawah itu untuk menyesuaikan sesuai.
Serta lebar, pertanyaan media yang dapat disesuaikan untuk menghasilkan efek yang berbeda dalam tata letak cairan.
- Adalah perangkat yang diadakan dalam lanskap atau potret orientasi?
- Apa perangkat, dan harus konten tambahan akan ditampilkan - layar retina yaitu hardware dan Apple?
- Haruskah kita matikan elemen halaman, tergantung pada ukuran layar?
Break point dalam desain web fluida
Break point memungkinkan pengembang untuk menyesuaikan layar untuk perangkat tertentu. Sebagai contoh, kita tahu bahwa pandangan potret iPad adalah 768 piksel lebar. Oleh karena itu, menggunakan query media, kita bisa mengatakan sistem navigasi kami untuk pergi dari satu baris horisontal panjang yang terlihat bodoh pada apa pun dengan layar kecil, ke blok kolom dua yang tertata rapi. Tapi kita juga tahu bahwa ini akan menjadi sulit untuk digunakan untuk jari manusia rata-rata pada smartphone, maka, menggunakan query media lagi, kami memberitahu perangkat apapun yang 480 piksel lebar atau lebih kecil untuk memecahkan ini ke salah satu kolom dan membuat tombol yang lebih besar untuk mereka dengan jempol yang besar.
Downsides untuk desain web fluida
Sifat dari desain web cairan adalah bahwa segala sesuatu adalah dalam keadaan terus-menerus berubah. Keadaan bermain untuk desainer web yang paling selama dekade terakhir atau dua telah kendali penuh atas desain lebar tetap yang dapat (diberikan perbedaan browser) dikontrol dengan pixel terakhir.
Desain web fluida tidak disiplin yang sempurna pixel. Ini adalah cara yang relatif baru berpikir tentang desain dan tata letak, dan dengan demikian ada ketidaksempurnaan. Penanganan gambar, khususnya, yang kurang dan membutuhkan workarounds.
Ini tidak berarti bahwa harus ada kompromi untuk desain, melainkan cara-cara baru berpikir tentang bagaimana Anda menangani layout cairan web perlu dicapai.
Posts
0 comments:
Post a Comment - Kembali ke Konten