Tren Desain Web Terampil di Ujung Animate - dummies

Dengan menggunakan Adobe Edge Animate, Anda dapat membuat semua tren desain yang tercantum di sini. Kecenderungan desain web yang disajikan di sini, sebagian besar, tidak hanya mewakili teknik pengkodean baru, tetapi juga cara baru bagi pemirsa untuk berinteraksi dengan situs Anda dengan cara yang menarik. Saat Anda menarik perhatian audiens dan membuat mereka tertarik dengan desain web Anda, sebaiknya Anda mempertahankan pemirsa tersebut.

Lebih banyak citra dan ilustrasi

Apakah Anda lelah dan bosan melihat dinding teks? Apakah semua gambar dan ikon kecil itu mulai terlihat sedikit tanggal? Apakah warna latar belakang yang solid membuat Anda menguap? Jika Anda merasa seperti itu, ada kemungkinan audiens Anda merasakan hal yang sama.

Menambahkan lebih banyak citra dan ilustrasi ke situs Anda dapat sangat meningkatkan desain web Anda. Agar situs Anda terlihat lebih lancar, tambahkan gambar latar belakang yang halus alih-alih menggunakan latar belakang putih, abu-abu atau hitam.

Anda dapat dengan mudah mengimpor gambar untuk digunakan dengan komposisi Animate Anda dan bagaimana cara bekerja dengannya. Temukan cara menggunakan gambar di latar belakang dan perbedaan antara menggunakan tag div dan tag img untuk gambar. Anda dapat mengatur preset Layout untuk gambar Anda.

Menggulir horizontal

Membuat desain web dengan pengguliran horizontal bisa memerlukan sedikit keberanian - ini jarang dilakukan - tapi itu tidak berarti itu belum pernah dilakukan sebelumnya dan sangat berpengaruh. Pencarian web sederhana untuk "situs horisontal yang bagus" tidak akan membuat Anda kecewa. Anda akan menemukan banyak contoh bagus dari situs seni, galeri, dan situs kreatif yang menggunakan pengguliran horizontal untuk efek yang hebat.

Sementara jenis navigasi ini masih tergolong baru, dengan membuat situs dengan cara ini Anda bisa menempatkan diri Anda di kepala paket dalam hal desain web yang modis.

Gulir vertikal

Berbalik gulung horizontal bergulir vertikal. Sementara bergulir secara vertikal telah menjadi tren desain web yang populer selama bertahun-tahun, dalam satu atau dua tahun terakhir ini telah sangat dibesar-besarkan.

Banyak situs menggunakan teknik scroll vertikal tanpa henti yang membuat penonton tetap di halaman. Gaya presentasi yang tidak pernah berakhir ini dirancang untuk menarik perhatian penonton agar terus mencari lebih banyak konten.

Judul tetap

Jika Anda memutuskan untuk merancang sebuah halaman web animasi dengan menggunakan metode scroll vertikal tanpa henti, Anda mungkin ingin mempertimbangkan untuk menambahkan header tetap ke situs Anda. Header tetap adalah menu navigasi yang terletak di bagian atas halaman dan tetap terlihat saat audiens Anda menggulir ke bawah halaman.

Fitur ini memungkinkan audiens Anda untuk menavigasi dengan cepat dari tempat mereka berada pada bagian situs Anda yang berbeda - dan selalu tahu di mana mereka berada.

Tajuk tetap adalah kenyamanan yang dapat disadari oleh audiens karena tidak perlu bergulir sepanjang perjalanan kembali ke atas halaman untuk menemukan menu. Fitur yang menjaga kenyamanan pengguna dalam pikiran juga akan membuat pemirsa tetap berada di situs Anda untuk jangka waktu yang lebih lama.

Navigasi kreatif

Berkreasi dengan navigasi Anda sangat melengkapi dengan menggunakan lebih banyak ilustrasi dan gambar dalam desain web Anda. Alih-alih menu teks dasar, gunakan gambar untuk menunjukkan sebuah tautan. Setelah pengguna Anda mengetahui bahwa mereka dapat mengeklik gambar untuk dipajukan melalui situs Anda, mereka akan menjadi lebih nyaman dengan mencari tautan di tempat yang tidak biasa di situs Anda.

Jenis interaksi ini membuka kesempatan untuk menciptakan telur Paskah di dalam situs Anda. Telur Paskah, dalam konteks ini, mewakili konten yang tampaknya tersembunyi yang dapat mengejutkan dan menggairahkan audiens Anda saat mereka menemukannya.

Cara terbaik untuk menunjukkan kepada pemirsa bahwa gambar atau ikon adalah tautannya, adalah dengan menggunakan fitur Atribut kursor di Animate. Saat audiens Anda melewati penunjuk mouse di atas gambar yang terhubung, kursor dapat berubah dari satu pointer ke satu tangan, yang menunjukkan sebuah tautan.

Mendongeng

Semua orang menyukai cerita yang menarik. Jadi, mengapa tidak merancang situs atau animasi yang memberi tahu audiens Anda sebuah cerita yang menarik? Alih-alih membuat situs web restoran dasar yang menyajikan hanya gambar makanan dan deskripsi bahan, mengapa tidak membuat cerita latar belakang yang aneh?

Selain mencantumkan hidangan terbaik Anda sebagai makanan organik lokal, peternakan, dan keberlanjutan, mengapa tidak menambahkan cerita tentang pasangan yang bertunangan antara hidangan utama dan makanan penutup? Anda bisa menambahkan animasi sebuah cincin yang jatuh ke dalam seruling sampanye, lengkap dengan gelembung yang naik.

Pengunjung situs mungkin telah tiba di situs restoran Anda untuk mencari makanan enak, tapi mereka akan tetap belajar lebih banyak tentang apa yang terjadi di meja lainnya. Animasi situs yang mendongeng tidak hanya meningkatkan presentasi, namun juga dapat terhubung dengan pengalaman hidup pengunjung.

Menjelajahi dalam satu halaman

Situs web satu halaman - yang dulu dikenal sebagai situs brosur - sedang comeback. Dengan menjaga audiens Anda pada satu halaman yang dapat mengambil tampilan berbagai halaman yang berbeda, Anda dapat memanfaatkan tren bergulir.

Alih-alih mengklik ke berbagai halaman untuk menemukan sesuatu, audiens Anda malah bisa menggulir situs Anda saat mereka memajukan konten Anda. Tautan yang berfungsi sebagai gambar juga dapat membantu pemirsa melompat langsung ke tempat tertentu di situs saat mereka mengetahui apa yang mereka inginkan - sambil tetap melibatkan seseorang yang sedang mencari.

Dengan membuat situs seperti yang dijelaskan di bagian ini, Anda benar-benar memanfaatkan beberapa tren desain web saat ini: menggulir informasi, menggunakan lebih banyak citra, dan menerapkan navigasi kreatif …

Bergerak menjauh dari flash

Adobe Flash pernah menjadi gelombang masa depan, tapi gelombang itu telah jatuh di pantai dan sebuah gelombang baru bergulir.Dimana Flash dulu merupakan alat utama untuk membuat animasi dan situs web, masa kejayaan alat itu telah datang dan pergi.

Adobe Edge Animate mungkin tidak siap untuk sepenuhnya mengganti Flash, tapi dalam perjalanan untuk menyelesaikan hal itu. Lagi pula, Anda tidak dapat melihat Flash pada i-perangkat seperti iPhone dan iPad, dan siapa yang ingin membuat konten yang tampaknya rusak pada beberapa perangkat seluler terpopuler?

HTML5, CSS3, dan JavaScript

Dunia desain web dan teknik pengkodean terus berkembang. Tren kode yang besar adalah HTML5 dan CSS3, yang hanya akan semakin tertanam dalam lingkup web-o-sphere. Google Chrome memimpin biaya, menerapkan standar terbaru - dengan hak Firefox dan Safari di sampingnya.

Lalu ada Internet Explorer - saat ini agak terlambat muncul di pesta tersebut - namun Microsoft membuat langkah besar dalam memperbarui browser mereka untuk mengimbangi.

Menjaga animasi Anda agar tidak rusak pada versi Internet Explorer yang lebih lama dengan menggunakan Stage Down-level dan pilihan penerbitan web yang berbeda yang ditawarkan Edge Animate. Dalam hal ini, cukup menggunakan Adobe Edge Animate yang bisa dianggap sebagai tren desain web itu sendiri!

Desain Web Responsif

Desain web responsif (RWD) adalah kemarahan terbaru akhir-akhir ini. Konsep di balik RWD adalah mendesain satu situs untuk digunakan pada sejumlah perangkat, mulai dari monitor desktop hingga tablet hingga ponsel. Sementara perancang web mungkin terbelah apakah akan membuat situs seluler secara terpisah dari situs desktop, atau untuk membuat satu situs yang dapat merespons ukuran browser, trennya dipiringkan ke kamp responsif.

Alasan untuk ini agak sederhana, dengan membuat satu situs yang responsif, Anda tidak perlu terus memperbarui dua situs yang berbeda. Menciptakan poin RWD ke arah masa depan; teknik dan alat pengkodean yang lebih maju menjadi, semakin baik mereka bekerja dengan RWD. Anggap saja satu cara lagi Adobe Edge Animate menempatkan Anda di garda depan tren desain web.