5 Trend Reka Bentuk Web Sebenar untuk 2016

Apabila saya melihat pautan yang dipanggil Trend Reka Bentuk Web untuk tahun ini saya klik ia dengan senang hati hanya untuk kecewa dalam beberapa minit. Selalunya, tanpa gagal, trend dari tahun lepas, atau tidak trend seperti: ilustrasi. Seperti, adakah anda tahu bahawa animasi nampaknya merupakan trend besar? Secara serius, jika anda menulis senarai trend dan menyertakan video latar belakang skrin penuh sebagai trend untuk 2016, anda harus benar-benar cuba pergi ke dalam talian dan melihat laman web sebelum mencatatkan senarai anda. Tiada siapa yang suka umpan klik. Bagaimanapun, tanpa kelebihan lanjut, inilah senarai lima trend sebenar untuk separuh pertama tahun ini.

1) Skrin penuh & tidak boleh ditatal

Tapak tidak boleh digulir akhirnya mendapat daya tarikan. Di mana satu halaman laman web, yang menatal melalui kekekalan, dengan tajuk pautan utama melekat di bahagian atas, hampir menjadi cara yang standard untuk melakukan halaman rumah, senang melihat halaman di mana anda perlu klik untuk mengemudi. Sebilangan orang suka membongkarkan tatal, kadang-kadang boleh menjadi baik. Kunci ketika merancang laman web ini adalah menggunakan skrin untuk batasan. Prototaip dalam Keynote. Navigasi papan kekunci adalah umum di laman web ini.

Dasar Privasi Facebook

Tiga contoh tapak skrin penuh tanpa menatal:

  1. Dasar Privasi Facebook - Laman hebat, walaupun tidak responsif, menerangkan Facebook menerusi langkah demi langkah bagaimana privasi berfungsi pada perkhidmatan mereka. Ilustrasi hebat!
  2. Fantasy - Agensi rekabentuk laman web Fantasy yang dianjurkan baru-baru ini dilancarkan awal tahun ini dan ia tidak mengecewakan. Terutama periksa bahagian Kerja, semuanya kekal di skrin.
  3. KLM 50 Travels - Tapak kempen Cantik untuk KLM. Ia membawa anda melalui 50 destinasi, satu skrin pada masa itu. Navigasi dengan anak panah keyboard, dan bar ruang.

2. Tajuk tajam ke sisi

Untuk trend terkini dalam reka bentuk web, ia sentiasa bijak untuk melihat laman agensi atau studio reka bentuk. Dan baru-baru ini telah menjadi mod untuk memaparkan tajuk utama anda ke sisi teks. Semua kanak-kanak sejuk melakukannya. Ini adalah trend desktop sahaja, jadi anda membaca ini di telefon anda hanya perlu mempercayai saya tentang hal ini, tanpa melawat pautan contoh.

Kod & Teori

Tiga contoh tajuk utama yang melekat di sebelah:

  1. Kod & Teori - Tajuk utama bandar kekal dalam gambar apabila anda menatal melalui kedudukan terbuka di laman web yang indah ini.
  2. Stack Overflow - Satu ini tidak sesuai dengan bil seratus peratus tetapi ia bukan tapak agensi sehingga memberi laluan. Apabila menatal, navigasi kecil tetap melekat di sebelah kanan. Nice.
  3. DDB Sthlm - Saya dari Sweden jadi saya membuang contoh Sweden juga. Jika anda menekan Kerja dari dalam menu mereka dan tatal ke bawah, anda akan melihat bahawa tajuk menegak kekal di sebelah.

3) Logo adalah loader

Ini adalah trend yang besar dan telah menjadi hampir sinonim dengan laman web agensi tahun ini. Semua orang memilikinya. Oleh itu, mereka sepatutnya, kerana ia kelihatan hebat dan memberi pengunjung perasaan bahawa laman web itu adalah sebahagian daripada jenama. Sangat pandai.

Alat

Tiga contoh menggunakan logo sebagai loader:

  • Instrumen - Laman ini hanya menunjukkan logo mereka apabila halaman dimuat, dan apabila anda membuka menu navigasi. Itulah yang baru dan hebat.
  • Fubiz - Laman ini membuat percikan besar apabila ia dilancarkan dan atas alasan yang baik. Laman ini mempunyai logo yang berbeza untuk setiap bahagian, semuanya dengan animasi yang sangat bagus.
  • Ini Juga - Laman web studio reka bentuk hebat dengan banyak yang tidak pernah dilihat sebelum pengarah seni untuk laman web agensi. Walaupun secara teknikal bukan logo, ikon navigasi adalah pemuat di sini, tetapi ia terletak di mana logo biasanya begitu sesuai.

4) Imej latar belakang yang terganggu

Mempunyai imej latar belakang yang mengisi keseluruhan tetingkap pelayar bukan sesuatu yang baru, ia mungkin di bahagian atas post klasik Trend Reka Bentuk Web Sebenar 2013 tetapi ini mengambilnya ke tahap yang baru. Tambah beberapa kesan tetikus tetikus pada imej latar belakang anda dan anda baik untuk pergi.

Teori Aktif

Tiga contoh imej latar belakang yang terganggu:

  1. Buat saya denyut - Gerakkan tetikus ke latar belakang dan lihat gunung-gunung menjadi hidup, dilakukan dengan baik.
  2. Teori Aktif - Jika anda membuat laman web untuk agensi anda, apakah cara yang lebih baik untuk menunjukkan kepada anda mendapat beberapa kemahiran web gila daripada membuatnya kelihatan seperti eksperimen Google? Tiada.
  3. Butiran - Ini akan mengambil beberapa menatal. Agensi pereka Switzerland ini nampaknya tidak percaya pada pautan utama jadi jika anda menatal ke bahagian bawah halaman 4/4 Pakar Nos dan hover gambar anda akan melihat penyimpangan sedikit pada mereka. Nice!

5) Lebih dari animasi teratas

Ini secara teknikalnya mungkin sekarang, jadi mengapa tidak betul? Jika dilakukan dengan betul, ini boleh menjadi pengalaman yang sangat menyenangkan dan menghiburkan, jika dilakukan salah maka ia adalah laman Flash sekali lagi. Kata dari orang bijak: gunakan dengan berhati-hati, tetapi pergi ke atas apabila anda menggunakannya.

Waaark

Tiga contoh mengenai animasi teratas:

  1. Waaark - Lol, studio reka bentuk kecil ini telah menghasilkan pengalaman visual paling menakjubkan pada tahun ini. Biarkan ia pergi ke Perancis untuk pergi ke puncak apabila datang ke animasi.
  2. Animocons - Ini adalah beberapa contoh ikon dengan animasi klik hebat, semuanya dilakukan menggunakan kod web.
  3. Rally Interactive Beta - Rally melakukan pekerjaan yang hebat kerana tidak mempunyai jumlah animasi tepat di laman web mereka. Mereka telah gila di bahagian atas, dan kemudian membuatnya lebih lembut apabila anda mengklik dan memilih sesuatu.

Bonus: tidak benar-benar trend, hanya melihatnya dalam satu atau dua tempat tetapi membina laman web yang responsif yang berskala tidak akan pasti akan menjadi besar. Iaitu, laman web ini kelihatan sama pada skrin 1280px kerana ia dilakukan pada skrin iMac 27 "Retina 5100 + px, ia hanya lebih besar. Lihat laman web hebat untuk pengendali telekom Brasil, Oi untuk contohnya.

Nama saya Nils dan saya bekerja sebagai pengarah reka bentuk di Ape, sebuah studio digital di Stockholm, Sweden. Kami hidup untuk reka bentuk, teknologi dan komunikasi yang hebat. Jika anda ingin mengetahui lebih lanjut tentang kami, lihat laman web kami, yang malangnya tidak mempunyai trend yang disenaraikan di atas.

Juga, jika anda menikmati artikel ini, sila tekan disarankan di bawah. Ia membantu banyak.