Dalam artikel ini, kita akan berbicara tentang desain datar. Anda mungkin pernah mendengarnya karena ini adalah salah satu tren utama dalam desain selama beberapa tahun. Mari kita lihat lebih dekat tren ini dan mengetahui apa itu, dari mana asalnya, dan apa yang perlu Anda lakukan untuk membuat desain datar yang bersih, jelas dan responsif!
Anda dapat menemukan banyak contoh bagus dari desain web desain datar, ikon datar, template dan materi lainnya di Envato Market. Periksa mereka untuk memiliki visi yang jelas tentang seperti apa desain flat modern!
1. Mengetahui Apa itu Desain Datar (Flat Design)?
Desain datar adalah gaya modern minimalis antarmuka
pengguna dan desain grafis, yang menggunakan elemen minimum dan tidak termasuk
jenis warna kompleks, gradien, sorotan dan efek mengkilap, bertekstur, dan
berbayang lainnya.
Desain datar adalah kebalikan langsung dari
skeuomorphism dan desain yang kaya. Namun, saya tidak dapat menyebutkan bahwa
desain datar tidak sesederhana yang terlihat. Masih dapat menyertakan beberapa
fitur skeuomorphism, tetapi kami akan membicarakannya nanti.
Secara keseluruhan, desain datar membantu untuk lebih
fokus pada konten, tanpa mengalihkan perhatian pemirsa dari efek visual. Ini
menekankan kesederhanaan elemen dan pada saat yang sama membuat antarmuka lebih
responsif, lebih cepat, dan lebih mudah digunakan.
2. Sedikit Sejarah
Desain datar diketahui telah digunakan jauh sebelum
menjadi tren besar dalam komunitas desain. Itu tersebar luas di tahun 80-an
karena teknologi yang belum mampu menciptakan dan mendukung efek kompleks,
tekstur dan bentuk. Namun, bahkan pada tahun-tahun itu, desain cenderung
memperoleh fitur skeuomorphic pertama dan paling sederhana, mencoba untuk
terlihat lebih nyata untuk hidup.
Desain datar, seperti yang kita lihat sekarang, mulai
mendapatkan popularitasnya setelah Microsoft mulai merilis produk gaya desain
Metro. Metro adalah bahasa desain UI yang dibuat oleh Microsoft dan itu semua
tentang menjadi sederhana, bersih dan modern.
Pada tahun 2010, Microsoft merilis Windows Phone 7,
yang menggunakan UI desain datar sederhana dengan tepi tajam dan grafik yang
jelas, yang diwarisi dari salah satu produk Microsoft sebelumnya (Zune).
Kemudian, terinspirasi oleh kesuksesan, Microsoft merilis OS Windows 8, Metro-style flat design graphics.
Akhirnya, desain datar mencapai puncak popularitasnya
pada tahun 2013, ketika Apple meluncurkan iOS 7, menghadirkan desain baru dan
benar-benar mengubah semua elemen UI sebelumnya, termasuk ikon dan font .
Mereka
membuat pedoman yang sangat deskriptif pada UI dan desain ikon.
Segera setelah itu, Google juga mengubah gaya halaman
web dan aplikasinya menjadi desain datar, menamakannya Desain Material. Google
memiliki seluruh bagian yang didedikasikan untuk Desain Material, termasuk
sasarannya, prinsipnya, dan panduan hebat dalam membuat ikon materi, UI, tata
letak, dan sebagainya.
Sejak itu, desain datar telah menjadi arah utama dalam
desain selama beberapa tahun terakhir, membuat situs web, aplikasi, dan elemen
desain menjadi elegan, rapi, dan bergaya.
Singkatnya, ada tiga contoh global gaya desain datar
yang harus disebutkan di dunia media modern:
- Desain Metro Microsoft
- Desain Apple iOS 7
- Desain Material Google
3. Keep It Simple
Desain datar jelas dinamai karena ketiadaan elemen dan
efek tiga dimensi, seperti gradien, tekstur, sorotan, nada berlebih dan
bayangan. Gaya datar adalah cara visualisasi objek dua dimensi. Selain itu,
objek kompleks cenderung sangat disederhanakan dan bergaya. Kadang-kadang kita
hanya menggambarkan siluet atau garis yang membuat objek yang sebenarnya dapat
dikenali, tanpa detail kecil.
Minimalisme adalah tren global saat ini, dan
kesederhanaan bentuk serta penggunaan tepian tajam menekankan desain yang rapi
dan menarik secara visual. Bentuk-bentuk sederhana lebih mudah dipahami dan
mudah dipahami. Mereka benar-benar membuat bagian desain terlihat minimalis dan
bersih, menghindari tampilan yang sibuk dan berantakan.
4. Make It Perfect
Ketika datang ke ikon datar dan elemen UI, perlu untuk
membuatnya terlihat tajam, akurat, dan sempurna piksel. Ini penting untuk
grafik raster dan vektor.
Dalam hal ini, semuanya jelas dengan Adobe Photoshop,
karena ia bekerja dengan raster graphics yang ternyata berbasis pixel.
Ketika datang ke Adobe Illustrator, ini adalah program
grafis vektor, yang berkaitan dengan garis dan kurva, yang disebut vektor, yang
ditarik secara matematis. Beberapa waktu lalu, Adobe Illustrator tidak
benar-benar nyaman untuk membuat grafik sempurna piksel. Kabar baiknya adalah,
Adobe Illustrator versi terbaru telah menjadi alat hebat bagi para perancang
untuk menangani grafis sempurna-pixel.
5. Aksen & Tren Warna
Salah satu fitur paling spesifik dari desain datar,
selain bentuk, adalah penggunaan warna. Kebanyakan palet warna untuk elemen
gaya datar terdiri dari beberapa warna dasar. Warna-warna cerah, berani, cerah,
dan jenuh sangat penting untuk desain datar.
Skema warna dalam desain datar tidak terbatas pada
beberapa warna tertentu. Ini mencakup berbagai tints and shades dan tergantung
pada apa yang Anda gambarkan, apakah itu ikon permen yang cerah atau benda
bergaya retro dalam palet retro halus.
Jika Anda seorang perancang yang berpengalaman dan
Anda memiliki mata untuk palet warna yang tepat, Anda dapat bermain-main dengan
panel Color Photoshop atau Illustrator, memilih warna hanya dengan
menebak-nebak. Namun, proses ini membutuhkan intuisi, latihan, dan keterampilan
yang baik. Dan ada beberapa alat yang mungkin berguna untuk membangun palet
yang tepat.
Beberapa di antaranya cocok untuk semua jenis desain
dan ilustrasi, tidak hanya untuk desain datar. Mereka adalah layanan seperti Adobe Color CC, yang sebelumnya dikenal sebagai Kuler. Sekarang Anda dapat
mengaksesnya melalui situs web atau langsung dari produk Adobe. Ini adalah alat
yang sangat fleksibel, yang memungkinkan Anda untuk membuat palet Anda sendiri
atau menggunakan berbagai palet buatan pengguna dari perpustakaan.
Generator palet sederhana dan berguna lainnya adalah
Coolors. Cukup ketuk bilah spasi dan ubah warna palet Anda, yang dapat
disesuaikan dan diekspor.
Ada beberapa layanan serupa lainnya dengan palet
khusus yang dapat membantu. Namun, ada satu yang dibuat khusus untuk desain
datar. FlatUIColors.com oleh Designmodo adalah serangkaian swatch warna datar
dengan kode hex, yang sangat mudah digunakan. Ini telah menjadi sangat populer
di kalangan desainer mencari warna untuk desain sempurna pixel. Coba lihat!
Dan Anda juga dapat menemukan berbagai macam warna dan
palet warna di panduan Desain Material Google.
0 komentar:
Posting Komentar