Trend Reka Bentuk Web atas untuk Memohon di Edge Animate - dummies

Dengan menggunakan Adobe Edge Animate, anda boleh mencipta semua trend reka bentuk yang disenaraikan di sini. Trend reka bentuk web yang dibentangkan di sini, untuk sebahagian besar, mewakili bukan sahaja teknik pengekodan baru tetapi juga cara baru untuk penonton anda berinteraksi dengan laman web anda dengan cara yang menarik. Apabila anda merebut perhatian khalayak anda dan membuat mereka tertarik dalam reka bentuk web anda, anda sedang dalam perjalanan untuk mengekalkan khalayak itu.

Lebih banyak imej dan ilustrasi

Adakah anda letih dan bosan melihat dinding teks? Adakah semua imej dan ikon kecil ini mula kelihatan sedikit bertarikh? Adakah warna latar pepejal membuat anda menguap? Sekiranya anda merasakan demikian, ada peluang yang baik untuk penonton anda merasakan cara yang sama.

Menambah lebih banyak imej dan ilustrasi ke laman web anda boleh meningkatkan reka bentuk web anda. Untuk menjadikan tapak anda kelihatan lebih semasa, tambahkan imej latar belakang yang halus dan bukan menggunakan latar belakang putih, kelabu, atau hitam.

Anda boleh mengimport imej dengan mudah untuk digunakan dengan komposisi Animate anda dan bagaimana untuk bekerja dengan mereka. Ketahui cara menggunakan imej di latar belakang dan perbezaan antara menggunakan tag div dan tag img untuk imej. Anda boleh menetapkan pratetapan Layout untuk imej anda.

Menatal mendatar

Mencipta reka bentuk web dengan menatal mendatar boleh mengambil sedikit keberanian - ia jarang dilakukan - tetapi itu tidak bermakna ia belum dilakukan sebelum ini dan memberi kesan yang besar. Carian web mudah untuk "laman web besar mendatar" tidak akan membiarkan anda kecewa. Anda akan dapati banyak contoh hebat dari tapak seni, galeri dan tapak kreatif yang menggunakan menatal mendatar untuk memberi kesan yang besar.

Walaupun jenis navigasi ini masih baru, dengan membuat laman web dengan cara ini, anda boleh meletakkan diri anda di kepala pek dari segi reka bentuk web yang bergaya.

Menatal menegak

Hanya bertentangan dengan menatal mendatar adalah menatal menegak. Walaupun menatal secara menegak telah menjadi trend reka bentuk web popular selama bertahun-tahun, pada tahun lalu atau dua ia telah sangat dibesar-besarkan.

Banyak laman web menggunakan teknik tatal menegak yang tidak berkesudahan yang menjadikan penonton pada halaman. Gaya penyampaian yang tidak berkesudahan ini direka untuk menjaga perhatian khalayak dalam mencari berterusan untuk lebih banyak kandungan.

Tajuk tetap

Jika anda membuat keputusan untuk merancang halaman web animasi menggunakan kaedah tatal menegak yang tidak berkesudahan, maka anda mungkin ingin memikirkan menambah pengatur tetap ke laman web anda. Tajuk tetap adalah menu navigasi yang terletak di bahagian atas halaman dan ia masih kelihatan sebagai skrol khalayak anda ke bawah halaman.

Ciri ini membolehkan penonton anda menavigasi dengan cepat dari tempat mereka ke bahagian lain di tapak anda - dan sentiasa tahu di mana mereka berada.

Tajuk tetap adalah kemudahan penonton anda boleh menghargai kerana mereka tidak perlu menatal sepanjang jalan kembali ke bahagian atas halaman untuk mencari menu. Ciri-ciri yang memastikan kemudahan pengguna dalam fikiran juga akan memastikan khalayak anda di laman web anda untuk tempoh masa yang lebih lama.

Navigasi kreatif

Mendapatkan kreatif dengan navigasi anda adalah pelengkap lengkap untuk menggunakan lebih banyak ilustrasi dan imej dalam reka bentuk web anda. Daripada menu teks asas, gunakan imej untuk menandakan pautan. Selepas pengguna mengetahui bahawa mereka boleh mengklik imej untuk memajukan laman web anda, mereka akan menjadi lebih selesa dengan mencari pautan di tempat yang tidak biasa di laman web anda.

Interaksi semacam ini membuka kesempatan untuk mencipta telur easter dalam laman web anda. Telur Paskah, dalam konteks ini, mewakili kandungan yang kelihatan tersembunyi yang dapat mengejutkan dan merangsang penonton anda apabila mereka tersandung.

Cara yang baik untuk menunjukkan penonton anda bahawa imej atau ikon adalah pautan, adalah menggunakan ciri atribut Kursor dalam Animasi. Apabila penonton anda melewati penuding tetikus di atas imej yang dipautkan, kursor boleh berubah dari penunjuk ke tangan, menunjukkan pautan.

Bercerita

Semua orang suka cerita yang menarik. Jadi, kenapa tidak merancang tapak atau animasi yang menceritakan kepada penonton anda cerita yang menarik? Daripada membuat laman web restoran asas yang hanya menyajikan imej makanan dan penerangan ramuan, mengapa tidak mencipta cerita latar belakang yang mengagumkan?

Di samping menyenaraikan hidangan terbaik anda sebagai organik, pertanian, dibesarkan, kebaikan yang mampan, mengapa tidak menambah cerita tentang pasangan yang terlibat antara kursus utama dan pencuci mulut? Anda boleh menambah animasi cincin menjatuhkan ke dalam seruling sampanye, lengkap dengan gelembung yang semakin meningkat.

Pelawat laman web mungkin telah tiba di laman web restoran anda untuk mencari hidangan yang baik, tetapi mereka akan terus belajar tentang apa yang berlaku di meja lain. Menggalakkan animasi laman web bukan sahaja meningkatkan pembentangan, mereka boleh berhubung dengan pengalaman hidup pelawat.

Menavigasi dalam satu halaman

Laman web satu halaman - dahulu dikenali sebagai tapak risalah - membuat kemunculan kembali. Dengan mengekalkan khalayak anda pada satu halaman yang boleh mengambil rupa rupa halaman yang berbeza, anda boleh memanfaatkan trend menatal.

Daripada mengklik sekeliling halaman yang berlainan dalam cubaan untuk mencari sesuatu, penonton anda boleh melancarkan laman web anda semasa mereka memajukan kandungan anda. Pautan yang berfungsi sebagai imej juga boleh membantu penonton anda melompat terus ke tempat tertentu di laman web ini apabila mereka tahu apa yang mereka mahu - ketika masih melibatkan seseorang yang mencari secara santai.

Dengan membuat tapak seperti yang diterangkan dalam bahagian ini, anda benar-benar memanfaatkan beberapa reka bentuk web semasa: menatal untuk maklumat, menggunakan lebih banyak imejan, dan melaksanakan navigasi kreatif …

Beralih dari flash

Adobe Flash sekali gelombang gelombang masa depan, tetapi gelombang itu telah jatuh di pantai dan gelombang baru sedang bergelora.Di mana Flash digunakan sebagai alat utama untuk membuat animasi dan laman web, zaman kegemilangan alat itu telah datang dan pergi.

Adobe Edge Animate mungkin tidak cukup bersedia untuk menggantikan sepenuhnya Flash, tetapi ia sedang dalam perjalanan untuk menyelesaikannya. Lagipun, anda tidak boleh melihat Flash pada i-peranti seperti iPhone dan iPad, dan siapa yang mahu membuat kandungan yang kelihatan pecah pada beberapa peranti mudah alih yang paling popular di sekeliling?

HTML5, CSS3, dan JavaScript

Dunia reka bentuk web dan teknik pengekodan sentiasa berubah. Trend besar dalam kod HTML5 dan CSS3, yang hanya akan menjadi semakin tertanam ke dalam web-o-sfera. Google Chrome mengetuai caj, melaksanakan piawaian terkini - dengan Firefox dan Safari tepat di sebelahnya.

Kemudian ada Internet Explorer - pada masa ini agak terlambat muncul di parti itu - tetapi Microsoft membuat kemajuan yang besar dalam mengemas kini penyemak imbas mereka untuk bersaing.

Perlindungan animasi anda daripada muncul pada versi Internet Explorer yang lebih lama dengan menggunakan Tahap peringkat Bawah dan pilihan penerbitan web yang berbeza yang menawarkan Edge Animate. Dalam hal ini, hanya menggunakan Adobe Edge Animate boleh dianggap sebagai trend reka bentuk web sendiri!

Reka Bentuk Web Responsif

Reka bentuk web responsif (RWD) adalah kemarahan terkini hari ini. Konsep di sebalik RWD adalah untuk merancang satu tapak untuk digunakan pada sejumlah peranti, dari monitor desktop hingga tablet ke telefon. Walaupun pereka web mungkin berpecah sama ada untuk membuat laman mudah alih secara berasingan dari tapak desktop, atau untuk membuat satu laman web yang boleh memberi respons kepada saiz penyemak imbas, trend itu menyala ke kem responsif.

Alasannya agak mudah, dengan membuat satu laman responsif, anda tidak perlu mengemas kini dua tapak yang berbeza. Mewujudkan mata RWD ke arah masa depan; teknik pengekodan dan alat canggih yang lebih maju menjadi lebih baik, mereka akan bekerja dengan RWD. Pertimbangkannya sebagai satu lagi cara Adobe Edge Animate meletakkan anda di barisan hadapan trend reka bentuk web.