tutorial pengembangan web terbaru
 

W3.CSS tren


Tren Desain Web 2016

Setiap tahun Anda akan melihat teknik web baru dan tren.

Pada halaman ini kami membawa Anda beberapa tren desain web yang paling relevan.


Desain datar 2.0

Kecenderungan desain datar mulai dengan Windows Phone 7 dan Windows 8 pada tahun 2010:

jendela Tiles

Ini diikuti oleh Apple dengan iOS 7 tahun 2013:

iphone Ikon
Catatan Salah satu masalah besar dengan desain flat untuk memahami daerah mana yang diklik.
Apa perbedaan antara gambar dan tombol yang dapat diklik?

Hampir Desain datar (Flat 2.0)

Hampir datar adalah alternatif yang lebih baru dengan desain datar aslinya.

Hampir datar memperoleh lebih mendalam, warna cerah, bayangan yang rumit, dan dimensi.

bayangan:

Cobalah sendiri "

warna:

Merah

hijau

Biru

Kuning

Cobalah sendiri "

minimalis

Mudah dibaca. Mudah dimengerti. Mudah untuk merancang.

Pelanggan kami

KAMI AKAN ADD nyata VALUE
UNTUK BISNIS KLIEN KAMI

Kami tahu cara mengemudi klien kami gila

Minimalis dapat berjalan seiring dengan Desain Hampir Flat:

Tentang saya

Orang

Minimalis adalah prinsip yang dapat membantu orang dengan fokus dalam hidup mereka.

Desain minimalis dapat membantu menyederhanakan dan meningkatkan desain juga.


Tipografi dibaca

Tipografi alami desain datar sederhana dan mudah dibaca.

Letter-spacing dan garis-spasi biasanya lebih besar.

Juga mengharapkan peningkatan ukuran font agar lebih fokus pada perhatian pembaca.

standar Serif

Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar. Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar. Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar.

Standard Sans Serif

Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar. Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar. Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar.

W3.CSS Tipografi

Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar. Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar. Kesederhanaan dan mudah dibaca adalah alasan yang paling penting untuk desain datar.

Catatan Keterbacaan adalah alasan penting untuk popularitas tipografi datar.

Cobalah sendiri "


Desain Material

SSince kita mungkin telah mencapai puncak desain datar (dengan hampir datar), banyak desainer diharapkan untuk pergi untuk Desain Material (Dirancang oleh Google pada tahun 2014).

Material Desain menggunakan elemen yang mengingatkan kita kertas dan tinta. Selain unsur memiliki bayangan yang realistis dan efek hover.

Cobalah sendiri "


Logos cleaner

logo Cleaner adalah hasil dari popularitas desain datar:

Google
Google

Full Screen Masukan

Semakin banyak situs yang menggunakan layar penuh untuk input seperti pendaftaran dan login, alih-alih menggunakan hanya sebagian kecil dari halaman.

layar penuh sering menggunakan overlay layar atau moda angkutan bukannya mengarahkan ke halaman baru.

X

Pendaftaran kelas

Cobalah sendiri "


Kartu-kartu

Kartu di mana-mana di web hari ini.

MMost kartu khas adalah persegi panjang dengan gambar dan teks.

Kartu telah menjadi struktur umum untuk mengatur judul, gambar, dan teks pada sebuah pesawat yang sama.

Kartu bisa kecil atau besar, dengan atau tanpa gambar, dan dengan atau tanpa bayangan:

Avatar

John

Arsitek dan insinyur


John Doe

1 permintaan teman baru


Avatar

CEO di Perkasa Sekolah. Pemasaran dan Periklanan. Mencari pekerjaan baru dan kesempatan baru.

+

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ut incididunt labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Footer

Fjords

Trolltunga

Lidah Troll di Hardanger, Norwegia

Cobalah sendiri "


ponsel Pertama

Secara historis, web designer telah mengembangkan aplikasi web untuk komputer pertama, dan kemudian menambahkan desain web responsif untuk memastikan web terlihat bagus bila dilihat pada tablet atau telepon.

Tren ini bergeser ke merancang untuk ponsel pertama, dan kemudian menambahkan desain responsif untuk membuat situs bekerja pada desktop dan laptop.

50/50 adalah cara mudah untuk mencapai desain web untuk jaring responsif. Dengan 50/50 desain, layar bisa menampilkan dua halaman pada layar besar dan satu halaman di layar sempit.

Pekerjaan saya

Beberapa proyek terbaru saya.

Panggil saja aku mengagumkan.

Tentang saya

Orang

Lorem ipusm sed vitae justo condimentum, porta LECTUS vitae, ultricies congue ibu hamil diam non fringilla.

ayunan Dengan

..selama secangkir kopi, atau apa pun.

Chicago, AS

+00 1515151515

[email protected]

Kontak

GET IN TOUCH

Cobalah sendiri "


Pahlawan Images besar

"Image Hero" adalah istilah yang digunakan untuk jenis tertentu dari web banner.

Sebuah gambar pahlawan adalah gambar besar, ditempatkan di depan sebuah halaman web. Ini sering terdiri dari kedua gambar dan teks, dan dapat statis atau daftar berputar gambar.

Tujuan dari gambar pahlawan adalah untuk menyajikan konten yang paling penting situs Web.

perahu
Pelayaran

Dibawa ke anda oleh Captain Hook

Selamat Datang Sailing saya Web

Berlayar terdiri penggerak angin dari kerajinan dengan cara layar dan kemudi di atas air, es atau tanah, tergantung pada jenis kerajinan. Seorang pelaut mengelola kekuatan angin pada layar dengan menyesuaikan sudut mereka sehubungan dengan kerajinan berlayar bergerak dan kadang-kadang dengan menyesuaikan daerah berlayar. Kekuatan ditransmisikan dari layar ditahan oleh pasukan dari lambung, keel, dan kemudi dari kerajinan berlayar, dengan pasukan dari pelari meluncur untuk kapal pemecah es, dan oleh pasukan dari roda untuk kerajinan berlayar tanah untuk memungkinkan kemudi kursus di titik dari berlayar sehubungan dengan angin yang benar. (Wikipedia)

Cobalah sendiri "


Halaman

Tren desain web bergeser dari mengklik reguler untuk scrolling vertikal.

Bergulir memungkinkan pengguna untuk melihat semua konten web di satu halaman.

Teknik halaman ini telah digunakan oleh jaringan sosial lama, sampai seseorang menemukan bahwa itu sesuai halaman lain juga.

Cobalah sendiri "