15 Tren Desain Web Yang Patut Ditunggu Untuk tahun 2012
Sejauh ini selama tahun 2011 telah membawa beberapa perubahan yang menakjubkan dalam desain dan teknologi internet. Pengembangan web telah menjadi subyek yang lebih mudah untuk dipelajaari, belum lagi sumber perpustakaan online yang tak terhitung jumlahnya terbuka berguna dalam memudahkan proses. Namun tampaknya komunitas desain global belum ingin menyerah untuk mengembangkannya lebih jauh lagi.
Saya ingin memperkenalkan 15 ide-ide yang telah berkembang sangat pesat selama setahun terakhir. Kecenderungan ini mencakup web dan teknik desain grafis yang kemungkinan akan memainkan peran besar di 2012. Anda mungkin telah melihat beberapa ide dibawah ini mewakili situs favorit Anda secara online.
Syukurlah metode untuk mengimplementasikan fitur ini menjadi lebih mudah untuk memahami dan jauh lebih ramping dalam pengkodean
1. Responsif Interface Design
Pengalaman pengguna komputer rata-rata mungkin merupakan aspek yang paling penting yang patut dipertimbangkan saat merancang sebuah situs web. Anda ingin elemen halaman yang dapat merespon dengan cepat keyboard / mouse input dan berfungsi seperti yang diharapkan. Beberapa contoh dapat mencakup sisi menu terbang-out, drop-down box, dan jendela popup.
Termasuk perpustakaan JavaScript terkenal seperti MooTools dan jQuery, telah menjadi jauh lebih mudah untuk menghidupkan fitur ini dan bahkan lebih. Kebanyakan modern browser mendukung kode ini dan bahkan menurunkan anggun ketika script tidak tersedia. Pada akhirnya Anda ingin membuat pengguna merasa nyaman saat berinteraksi dengan mana saja dalam desain.
Demikian pula Anda harus mengambil form input dan data memeriksa ke dalam pertimbangan. Pada banyak halaman pendaftaran Anda akan menerima respon kecil saat Anda bekerja melalui setiap daerah input. Anda dapat mengotomatisasi memeriksa berlaku alamat e-mail, membuat duplikat username, dan bahkan cek input password. Ini akan menghemat waktu pada akhir pengguna dan menyediakan panduan praktis selama proses pendaftaran.
2. Touchscreen Mobile Devices
Dalam beberapa tahun terakhir telah menjadi jelas bahwa smartphone yang mendapatkan dukungan kalangan bahkan non-tech penggemar. Tapi hanya sejak 2011 telah kami melihat sebuah ledakan dari situs mobile dan mobile-spesifik template.
Popularitas iPhone dan perangkat iPad bersama dengan Android ponsel berarti Anda akan memiliki pengunjung sepenuhnya berinteraksi dengan halaman Anda melalui perintah sentuhan. Ini harus menjadi pertimbangan realistis dengan setiap mockup desain. Tren Desain Web Mobile telah menunjukkan bahwa membangun sebuah mobile tema yang sama sekali terpisah sering memberikan hasil terbaik. Dengan cara ini Anda dapat menyimpan semua konten dinamis di tempat pada layout utama Anda saat melayani sampai versi slimmed dari situs ke pengguna ponsel.
3. Ton Freebies!
Siapa yang dapat mengatakan mereka benar-benar tidak menikmati download gratis? Web desainer telah berbagi konten mereka secara online selama bertahun-tahun, tetapi hanya baru-baru ini telah menjadi tren yang sangat populer di kalangan seniman digital. Ada beberapa komunitas dibangun khusus sekitar menawarkan download gratis untuk web designer dan grafis.
4. HTML5 & CSS3 Standar
Kedua arketipe desain baru telah mengumpulkan pengikut yang terus bertambah sepanjang 2011. Desainer web semantik telah menunggu tahun untuk churn out CSS-hanya desain render sudut dibulatkan dan bayangan drop. Selain itu W3C telah membuat banyak kemajuan dalam menggalang dukungan dari browser yang paling populer.
Pelekatan dengan standar-standar baru juga akan membuat berkembang dalam JavaScript dan jQuery hanya saja jauh lebih mudah. Pengembang telah menerbitkan dan berbagi proyek HTML5/CSS3 mereka secara online kode, dan jika hal-hal terus kita pasti akan melihat lebih banyak seluruh ini akan menjadi tahun depan.
5. Banner
Meskipun teknik desain tidak tepat "baru" itu tidak pernah benar-benar menerobos arus utama sampai baru-baru. Anda mungkin sudah melihat contoh pita sudut, bar spanduk navigasi, dan lencana pita kecil. Tren ini telah cenderung meledak karena akumulasi besar tutorial yang dapat ditemukan semua melalui Google.
Web desainer lebih kompeten hari ini dalam meluncurkan blog sendiri untuk berbagi informasi. Sekarang teknik sederhana dengan mudah dapat melewati sekitar antara desainer untuk menduplikasi efek yang paling populer. Bahkan ada PSDS bebas Anda dapat men-download untuk menyelamatkan diri dengan usaha.
6. Tema Premium Wodpress
Rilis final dari WordPress 3.0 termasuk tuan rumah dari lama ditunggu-tunggu fitur seperti jenis posting kustom dan gambar artikel unik. Namun perubahan yang paling mendalam yang saya lihat berasal dari toko Wordpress pembangunan yang mengkhususkan diri dalam premi tema WP .
Setelah Anda membeli seperti tema proses instalasi mirip dengan yang lain. Namun itu mungkin sekarang termasuk plug-in kustom fungsi, tema anak, menu admin baru, dan sejumlah fitur lainnya langsung dari dalam tema! WooThemes, ElegantThemes dan Tema Rocket adalah beberapa merek yang menonjol bagi saya atas semua sisanya . Kualitas mereka sempurna dan saya merasa pengembang mereka pergi di atas-dan-luar untuk menciptakan template terbaik dan menu admin paling intuitif.
Memasuki 2012 Aku hanya bisa membayangkan WordPress akan menjadi lebih mudah untuk digunakan. Ini berarti lebih tinggi berkualitas tema yang akan dirilis, dan blog lebih menakjubkan akan diluncurkan.
7. Majalah online
Berbicara tentang tema Wordpress kita juga harus membuka-cepat mengadopsi keberhasilan majalah online . Website ini tidak begitu berbeda dari blog generik selain dari struktur umum dan tata letak halaman. Anda dapat menangani hal ini majalah yang lebih besar dengan presentasi semata halaman rumah mereka, dan pengumpulan penulis menulis untuk situs.
8. Mudah Gugurkan Bayangan
Sebagai segi CSS3 sekarang lebih mudah dari sebelumnya bagi desainer untuk menerapkan drop shadow di manapun pada halaman. Kotak teks dan kotak-gaya unsur telah diberi sifat masing-masing untuk membuat jelas efek bayangan.
Para sintaks text-shadow sangat mudah untuk menghafal dan mengikuti bersama sebagai kotak-shadow . Dengan gambar sekarang tidak perlu dalam memberikan efek ini, pengembang web dapat fokus pada perluasan ide-ide dasar lebih lanjut. Saya pribadi menyukai halaman Matt Hamm yang ikal yang dikembangkan sepenuhnya dengan CSS3. Anda dapat menemukan semua kode pada website nya untuk menduplikasi efek dan menerapkan gaya yang serupa ke halaman Anda sendiri.
9. Dinamis Tipografi
Font adalah bagian besar dari tradisi lingkup web desain mencakup. Font yang paling menonjol termasuk Arial, Helvetica, Georgia, dan Trebuchet MS telah sekitar selama bertahun-tahun sekarang. Meskipun mereka terus melayani tujuan yang dalam dalam standar web, ada banyak pilihan alternatif untuk maju tipografi halaman web .
Typekit misalnya hanya membutuhkan beberapa baris kode untuk dimasukkan dalam kepala dokumen Anda. Setelah ini Anda bisa menentukan nama font untuk memasukkan dan menambahkan mereka ke dalam CSS anda. Bagian terbaik dari teknik ini adalah bahwa sebagian besar bergantung pada JavaScript, sehingga pengguna akhir tidak diharuskan untuk memiliki font diinstal.
Alternatif lain adalah Font Google Web yang berperilaku dengan cara yang mirip dengan Typekit. Saya sarankan desainer tertarik untuk memeriksa @ font-face CSS3 ini permintaan media, karena Anda diberi kreativitas banyak lagi. Kode ini dapat digunakan untuk mengimpor
.ttf atau .otf file font dari server web Anda dan memasukkannya sebagai font stylesheet dapat digunakan! Dengan sistem alternatif begitu banyak digunakan untuk membangun font dinamis aku mengharapkan tahun 2012 untuk menahan gelombang inovasi dan bakat desain di daerah ini.10. Galeri Gambar Slideshows
Dengan popularitas berikutnya jQuery Saya telah melihat semakin banyak tayangan slide gambar sedang jatuh ke layout web. Galeri yang sempurna untuk menunjukkan sekilas cepat dalam halaman konten. Hal ini bisa menjadi satu set entri portofolio, foto, posting blog dengan gambar fitur, screenshot demo, dll
Bila Anda mempertimbangkan banyak animasi geser dan fading yang unik itu belum pernah lebih mudah untuk membangun sebuah slideshow cepat untuk halaman rumah Anda. Saya yakin bahwa 2012 akan melihat sebuah uptick dalam tren ini, dan bukan hanya antara desainer. Aplikasi web online dan perusahaan perangkat lunak telah menggunakan tayangan slide sebagai tutorial dipandu untuk menampilkan screenshot dan fitur unik.
11. Modal Popup box
Saya merasa bahwa kotak modal masih cukup baru ke Internet mengingat mereka telah muncul dalam perangkat lunak desktop dan aplikasi mobile selama bertahun-tahun. Tujuan dari jendela modal adalah untuk menawarkan konten kotak (seperti pendaftaran pengguna atau login) di atas dari halaman saat ini tanpa memuat ke yang baru.
Banyak open source script galeri gambar menggunakan jenis efek lightbox mana memudar latar belakang lebih gelap dari kotak popup. Saya sangat menikmati fitur ini setiap kali saya melihatnya, meskipun belum diadopsi oleh banyak orang. Dan meskipun kotak modal yang seksi dan ramping, mereka juga bisa sangat sulit untuk kode dan mendapatkan bekerja dengan baik.
12. Inspirational Daftar
Koleksi dari daftar item telah muncul sejak masa sangat awal desain web. Ketika kami pindah ke desainer abad baru mulai menggunakan HTML dipesan dan unordered daftar untuk menu rumah navigasi. Namun saat ini daftar dapat dan sedang digunakan untuk banyak lagi.
Dalam sebagian besar tema blog saya menemukan sidebar seluruh sarat dengan daftar! Belum lagi desainer yang merakit gaya mengagumkan CSS untuk daftar dalam entri artikel mereka. Kami membahas daftar gaya inspiratif dalam pos lain awal tahun ini yang mungkin memberikan Anda wawasan lagi untuk masalah tersebut. Ke depan ke 2012 Aku mengharapkan beberapa contoh benar-benar kreatif, mungkin setara dengan tata letak kustom Flowapp itu untuk tugas-tugas & ke-dos.
13. Generated Gambar Thumbnail
Di alam semesta web kita dapat setuju bahwa konten adalah raja. Tapi kebanyakan desainer juga akan setuju bahwa sebuah halaman teks kosong menjadi membosankan nyata cepat. Gambar dapat menambahkan bahwa bumbu tambahan jika Anda tahu cara menaburi mereka dengan lembut. Salah satu metode tersebut adalah menggunakan thumbnail dinamis untuk memberikan preview untuk setiap halaman atau artikel.
Blog hari ini terus mengadopsi tren gambar fitur, jadi mengapa tidak berlaku thumbnail dituangkan ke dalam tema Anda juga? Ini sering menarik perhatian saya terhadap judul artikel dan membantu untuk memecahkan sebuah halaman penuh teks link.
Sebagai contoh lain Dribbble menyediakan daftar galeri seluruh thumbnail untuk setiap tembakan desain. Dalam tata letak baris-gaya meja itu super mudah untuk melihat sekilas thumbnail masing-masing dan menelusuri untuk menemukan apa yang Anda cari. Taktik ini telah terbukti menarik perhatian masyarakat seluruh desain! Eh, setidaknya para anggota Dribbble di terbaik. Saya hanya bisa berharap bahwa 2012 akan melihat tenaga lebih lanjut dari ide-ide membangun di atas contoh tersebut dari masa lalu.
14. Ikon terlalu besar
Tren unik semi berasal dari popularitas Mac OS X desain ikon. Sebagai programmer mulai meluncurkan website untuk aplikasi mereka Mac kita terlalu sering melihat ukuran besar diwakili dalam branding. Dengan demikian tren ini juga telah mengambil melalui pengembang IOS dan sekarang nyaman terletak dalam budaya desain modern.
Sulit untuk memprediksi bagaimana tren ini akan adil seperti yang kita pindah ke 2012. Di satu sisi ikon ini bisa menjadi kikuk dan mengambil lebih banyak dari yang diperlukan. Namun kita bahkan tidak dekat dengan memukul kekurangan IOS / OSX aplikasi dan desainer masih mengaduk-aduk pixel-sempurna spesifikasi ikon. Belum lagi bahwa web designer sekarang termasuk icon besar dalam hampir semua merek halaman! Ini cara yang baik untuk menangkap perhatian langsung pengunjung Anda dan membangun nama untuk perusahaan Anda.
15. Berlebihan Hyperlink
Anchor link tentu dalam lima elemen utama yang paling penting dari situs web apapun. Hal ini telah jelas datang jauh sejak tahun 1990 dan tren desain populer hanya telah tumbuh secara eksponensial. Tampaknya kita bergerak ke era dimana desain berlebihan diutamakan.
Lihat beberapa contoh link dari Patterntap untuk melihat apakah ada melompat keluar dan menangkap mata Anda. Ada ide yang luar biasa begitu banyak untuk desain hyperlink, baik dalam standar dan efek hover. CSS3 sudut bulat, bayangan teks, dan keluarga font kustom menambahkan ide bahkan lebih besar ke dalam campuran! Salah satu contoh favorit saya adalah dari SimpleBits yang menggunakan animasi dinamis singkat pada setiap permalinks mereka masuk blog.
Kesimpulan
Ide-ide ini hanya beberapa dari tren populer yang saya perhatikan mendapatkan keutamaan sepanjang 2011. Desain web yang bagus selalu tentang fokus dan niat pengguna tetap sebagai prioritas utama. Bukan tidak mungkin filsafat ini akan berbeda pindah ke 2012, tapi bagaimana kita membangun layout dan menyajikan data selalu dalam perubahan.
Sumber : http://www.hongkiat.com/blog/web-design-trend-2012/
Sumber : http://www.hongkiat.com/blog/web-design-trend-2012/
