Desain datar: mengapa desain menjadi datar? Bumi masih datar: gaya desain datar Desain ikon, tombol, ilustrasi datar.

Pada artikel ini saya akan bercerita tentang desain datar. Anda mungkin pernah mendengar tentang ini, karena flat telah menjadi salah satu tren utama di web selama beberapa tahun terakhir.

Hari ini kita akan melihat apa itu desain datar, bagaimana kemunculannya, dan apa yang Anda perlukan untuk membuat desain yang bersih, cerah, dan responsif.

Anda dapat menemukan contoh desain datar yang bagus di http://market.envato.com/. Ada banyak sekali tata letak, ikon, dan templat yang akan memberi Anda pemahaman jelas tentang seperti apa desain modern .

1. Apa itu desain datar?

Desain datar adalah gaya antarmuka pengguna dan desain grafis modern, bercirikan minimalis. Desain datar ditandai dengan penggunaan elemen yang minimal dan tidak adanya berbagai efek tekstur, bayangan dan cahaya, misalnya: campuran warna, gradien, highlight, dan sebagainya.

Flat menentang skeuomorfisme( Skeuomorfisme adalah prinsip desain ketika satu produk diberi tampilan lain, yaitu. ketika berbagai elemen antarmuka disalin dari objek nyata - kira-kira.) , serta desain yang kaya. Namun, harus dikatakan bahwa desain datar tidak sesederhana yang terlihat pada pandangan pertama. Ini mencakup beberapa fitur skeuomorfisme, tetapi kita akan membicarakannya nanti.

Secara umum, flat membantu pengguna fokus pada konten, tanpa terganggu oleh visual. Desain datar menekankan kesederhanaan elemen, sekaligus membuat antarmuka lebih responsif, menyenangkan, dan mudah digunakan.

2. Sedikit sejarah

Desain datar, seperti yang Anda ketahui, sudah ada jauh sebelum menjadi tren global di web. Flat design cukup populer di tahun 80an karena teknologi pada saat itu belum cukup berkembang untuk mendukung efek, tekstur, dan bayangan yang kompleks. Namun, meskipun demikian, desainnya cenderung skeupomorfisme, mencoba membuat elemen antarmuka serealistis mungkin.

Desain datar, dalam bentuk yang kita lihat sekarang, mulai mendapatkan popularitas setelah Microsoft mulai memproduksi produk dengan gaya metro. Metro adalah desain UI dari Microsoft yang mencolok dalam gaya dan kesederhanaannya.

Pada tahun 2010 Microsoft merilis Windows Phone 7, yang menggunakan desain datar dengan tepi tajam dan grafis sederhana yang diwarisi dari salah satu produk sebelumnya. Microsoft (Zune). Belakangan, terinspirasi oleh kesuksesan tersebut, Microsoft merilis sistem operasi Windows 8 berdasarkan gaya Metro datar yang sama.

Bagaimanapun, desain datar mencapai puncak popularitasnya pada tahun 2013 ketika Apple merilisnya iOS 7, menampilkan desain yang benar-benar baru dengan elemen antarmuka pengguna yang didesain ulang sepenuhnya, termasuk ikon dan font. Apple telah menciptakan prinsip visual UI dan desain ikon .

Segera setelah itu, Google juga mulai menggunakan gaya datar dalam aplikasi dan halaman webnya, menyebutnya Desain Bahan. Google bahkan memiliki seluruh bagian yang didedikasikan untuk gaya ini, termasuk deskripsi tujuan desain web, prinsip-prinsipnya, dan instruksi untuk membuat berbagai objek desain: ikon, tata letak, dan sebagainya.

Sejak itu, flat telah menjadi tren utama dalam desain web, menjadikan situs web, aplikasi, dan elemen antarmuka menjadi elegan, bersih, dan bergaya.

Jadi, ada tiga contoh global desain datar dari perusahaan yang tanpanya sulit membayangkan dunia teknologi modern:

Desain Metro Microsoft

Desain Apple iOS 7

Desain Material Google

3. Ingatlah untuk menjadi bersih

Desain datar rupanya disebut “datar” karena kurangnya elemen tiga dimensi dan efek realistis seperti gradien, tekstur, highlight, halftone, bayangan. Ingat, gaya datar adalah cara dua dimensi (datar) dalam menggambarkan objek.

Selain itu, dalam desain datar, objek digambarkan dengan cara yang sangat disederhanakan dan bergaya.

Dan terkadang bahkan hanya siluet atau kontur objek yang digunakan, mis. cukup untuk membuat objek dapat dikenali, tetapi tidak membebaninya dengan detail kecil.

Minimalisme telah menjadi tren global saat ini: kesederhanaan bentuk dan penggunaan tepi yang tajam menciptakan desain yang bersih dan menyenangkan. Bentuk sederhana lebih jelas dan mudah dipahami. Hal ini menjaga desain tetap minimalis dan bersih tanpa memberikan tampilan sibuk dan berantakan.

4. Sempurnakan

Ketahuilah bahwa saat membuat ikon datar dan elemen UI, Anda harus membuatnya terlihat tajam, rapi, dan pikselnya sempurna, mis. sebanyak mungkin. Selain itu, ini berlaku untuk grafik raster dan vektor.

Adobe Photoshop jelas di sini: ia bekerja dengan grafik raster, yang didasarkan pada piksel.

Sedangkan untuk program Adobe Illustrator menggunakan grafik vektor yang terdiri dari kurva dan garis yang disebut vektor, yang ditentukan dengan rumus matematika.

Dahulu kala, Adobe Illustrator bukanlah program yang nyaman untuk membuat grafik dengan piksel sempurna. Kabar baiknya adalah versi terbaru Illustrator telah menjadi alat yang hebat untuk membuat grafik yang bagus.

Saya harus mengatakan bahwa grafik vektor sebagian besar melibatkan pengerjaan dengan bentuk sederhana, datar, warna murni, dan kisi. Adobe Illustrator sangat fleksibel dalam pengaturannya dan memungkinkan Anda menyesuaikan kisi dengan kebutuhan Anda, menyelaraskan objek, dan menggunakan berbagai jenis gertakan. Hal ini memudahkan untuk menciptakan desain sempurna yang terlihat bersih dan bergaya di tampilan apa pun. Jika Anda ingin mempelajari cara membuat grafik yang sempurna, Anda harus membaca artikel ini: Cara membuat karya seni piksel sempurna menggunakan Adobe Illustrator .

5. Warna

Salah satu fitur paling spesifik dari desain datar, selain bayangan, adalah penggunaan warna. Sebagian besar warna yang digunakan desain datar dalam elemennya hanya terdiri dari beberapa warna dasar.

Warna dalam desain datar cerah, kaya, dan kaya.Skema warna datar tidak terbatas pada beberapa warna khusus. Ini berisi banyak corak, dan pilihannya hanya bergantung pada apa yang Anda gambarkan, apakah itu ikon permen atau objek bergaya retro dalam palet retro yang canggih.

Katakanlah Anda seorang desainer UI dengan pemahaman yang baik tentang palet warna, dan Anda bereksperimen dengan panel warna di Photoshop dan Illustrator, mencampurkan warna sesuka Anda. Namun proses ini cukup rumit dan membutuhkan intuisi, pengalaman, dan keterampilan yang baik. Di sini Anda akan menemukan beberapa alat yang dapat membantu Anda membuat palet warna Anda sendiri.

Beberapa di antaranya cocok untuk semua jenis desain dan ilustrasi, tidak hanya desain datar. Misalnya saja Adobe Color CC yang lebih dikenal dengan Cooler. Saat ini sudah ada aksesnya, baik melalui website maupun langsung melalui produk Adobe. Cooler adalah alat yang sangat fleksibel yang memungkinkan Anda membuat palet warna sendiri atau memilih palet khusus dari perpustakaan.

Generator palet warna sederhana dan nyaman lainnya adalah Coolors. Cukup tekan spasi dan program akan menghasilkan palet warna, Anda dapat menyesuaikan warna, ada juga fungsi ekspor.

Ada beberapa layanan serupa lainnya dengan palet khusus yang mungkin berguna. Namun, ada satu alat yang dibuat khusus untuk desain datar. FlatUIColors.com oleh Designmodo - layanan dengan serangkaian warna "datar", sangat nyaman untuk bekerja. Situs ini menjadi sangat populer di kalangan desainer yang mencari solusi warna yang bagus untuk desain yang sempurna. Cobalah!

Dan Anda juga dapat menemukan lebih banyak variasi warna dan palet Panduan Desain Material Google.

6. Bayangan panjang

Seperti disebutkan di atas, desain datar ditandai dengan kesederhanaan dan banyak ruang kosong - itulah sebabnya desain datar menolak penggunaan efek apa pun. Namun, ada satu efek yang khas untuk desain datar. Efek ini telah menjadi tren dan ciri khas flat.

Kita sedang membicarakan bayangan panjang sekarang. Mereka memiliki beberapa karakteristik khas yang membuat efek ini dapat dikenali, yaitu: kemiringan 45 derajat dan ukuran besar (bayangan bisa beberapa kali lebih panjang dari subjeknya sendiri. Hasilnya, bayangan panjang memberikan efek kedalaman pada bidang datar.

Efek ini membuat objek lebih tiga dimensi, namun pada saat yang sama menjaganya dalam konteks desain datar.

7. Bekerja dengan font

Tipografi memainkan peran besar dalam desain datar. Seringkali teks menjadi elemen utama sebuah komposisi.

Desain datar biasanya menggunakan gaya font sederhana, membuat keseluruhan desain bersih dan mudah dibaca. Anda dapat menemukan banyak font gratis di Adobe Typekit jika Anda menggunakan produk Adobe. Anda juga akan menemukan banyak font gratis yang bagus di Font Squirrel. Namun jangan lupa untuk membaca lisensinya jika Anda berniat menggunakan font tersebut untuk tujuan komersial.

Paling sering dalam desain datar biasanya menggunakan huruf besar dan warna kontras, ini membuat teks lebih mudah dibaca.

Gunakan font dengan hemat, ingat bahwa font tersebut harus melengkapi dan melengkapi desain, dan tidak muncul sebagai elemen terpisah. Ini tidak berarti Anda tidak dapat menggunakan serif atau font kompleks tulisan tangan. Ingatlah untuk menjadi minimal dan menjaga semuanya tetap seimbang. Namun flat masih sering menggunakan font sans-serif karena terlihat lebih tegas dan rapi.

8. Pro dan kontra dari desain Flat

Meskipun desain datar menjadi begitu populer karena banyaknya kelebihannya, masih ada beberapa kelemahan yang dihadapi desainer saat menggunakan gaya ini. Mari kita lihat pro dan kontranya.

pro

Kepopuleran

Flat design telah menjadi tren, mendapatkan lebih banyak ulasan positif dari para desainer dan web designer, dan sepertinya tidak kehilangan posisinya sama sekali. Sebaliknya, ia semakin menyebar, memperoleh bentuk dan ciri baru, dan menjadi semakin kreatif.

Kesederhanaan

Desain datar sederhana, minimalis dan bersih. Flat on web membantu pengguna fokus pada konten daripada terganggu oleh visual. Ini juga berfungsi untuk antarmuka aplikasi seluler: desain bersih dengan tombol besar menjadikan pengalaman seluler sempurna.

Kecerahan

Warna adalah nilai tambah keren lainnya dalam desain datar. Warna-warna cerah dan kaya terlihat menarik dan bersih, dan kurangnya gradien membuat desainnya bergaya. Selain itu, warna murni seperti itu menjadikannya lebih positif dan rapi; desain datar menciptakan suasana hati yang tepat.

Kekurangan

Flat memiliki lebih banyak kelebihan, namun tidak ada desain yang sempurna, dan kita tidak bisa mengidealkannya. Berikut beberapa kelemahan flat design yang harus kami sebutkan:

Tidak responsif

Terkadang kurangnya detail penting atau efek visual membuat proses pembuatan antarmuka yang ramah pengguna menjadi sulit, dan ini biasanya membuat keseluruhan desain tidak responsif. Tidak semua pengguna merasa nyaman dengan flat karena sulit menemukan elemen di halaman web yang harus diklik atau diketuk di layar ponsel karena tidak interaktif.

Masalah tipografi

Seperti disebutkan sebelumnya, tidak semua font cocok untuk desain datar. Terkadang font yang kaya dengan tepi yang tajam terlihat sangat seimbang dan bergaya. Namun, jika font yang dipilih salah, dapat merusak keseluruhan desain. Anda harus benar-benar memahami font mana yang cocok untuk flat dan mana yang tidak. Kurangnya pengalaman membuat memilih font menjadi sangat sulit.

Visual yang lemah

Karena keterbatasan dalam penggunaan efek, warna, dan font, desain datar bisa terlihat terlalu sederhana dan dingin. Minimalismenya juga bisa menjadi kelemahan utamanya - desain datar lainnya pada akhirnya terlihat sama persis dengan milik Anda. Jadi sangat sulit untuk membuat ikon atau halaman web Anda terlihat berbeda dari desain orang lain karena Anda menggunakan bentuk sederhana yang sama, palet warna terbatas, dan font serupa. Akibatnya, desain datar bisa menjadi membosankan seiring berjalannya waktu.

9. Tren desain datar di masa depan

Tidak dapat dikatakan bahwa desain datar telah sepenuhnya terbentuk dan berhenti pada jalurnya. Mungkin ini karena kekurangannya yang disebutkan di atas, desain datar berupaya untuk dikembangkan dan diubah, memperoleh fitur-fitur baru dan meningkatkan ekspresi visual;

Jika Anda melihat lebih dekat pada contoh terakhir desain datar, Anda mungkin menyadarinyasecara bertahap menjauh dari alat ketatnya dan mulai menambahkan efek halus seperti: gradien, bayangan, pencahayaan, dan efek visual lainnya.

Sentuhan-sentuhan kecil ini memberikan kedalaman pada desain datar tanpa terlalu detail seperti desain skeuomorfik. Peningkatan halus ini membuat flat lebih responsif dan nyaman, dan juga menghadirkan tampilan segar, menjadikan flat lebih fleksibel dan serbaguna.

Dengan demikian, flat tidak kehilangan fitur-fiturnya, namun menjadi lebih menarik dan fleksibel- dia benar-benar menjadi lebih baik.

kesimpulan

Oleh karena itu, kita membahas beberapa fakta dari sejarah desain datar, dan membicarakan tentang warna, bentuk, dan tipografi. Kami melihat dari berbagai sudut pandang, fokus pada kelebihan dan kekurangan flat dan mempelajari beberapa prinsip utama dalam menciptakan desain yang baik.

Saya harap Anda memperoleh informasi baru dari artikel ini atau setidaknya menganggapnya menarik. Anda berhutang pada diri sendiri untuk mencoba membuat desain datar jika Anda belum pernah melakukannya.

Lagi pula, apa lagi yang perlu disebutkan tentang desain datar?

Jika Anda benar-benar menyukai flat dengan tepinya yang tajam, warna yang kaya dan font yang tajam, kebersihan dan minimalisnya, maka pilihlah!

Ini trendi, tetapi seperti gaya grafis lainnya, jangan membatasi diri Anda hanya pada satu teknik saja. Hanya karena flat itu trendi bukan berarti Anda tidak bisa menggunakan gaya lain dalam proyek Anda. Skeuomorfisme, dengan detail dan teksturnya yang kecil, juga bisa menjadi solusi yang baik. Hal utama yang harus diingat adalah bahwa desain berbeda untuk setiap proyek, ia harus mengekspresikan semangat, tujuan, esensinya, namun tetap nyaman dan fungsional. Maju!

Baru-baru ini, arah desain seperti desain FLAT atau desain datar menjadi populer.

Pengguna Windows 8 dan versi yang lebih baru sudah familiar dengan desain FLAT, karena hal pertama yang mereka temui saat mem-boot sistem adalah layar ini.

Kemunculan desain FLAT disebabkan oleh penyebaran aplikasi seluler. Dan menurut saya hal ini disebabkan oleh fakta bahwa objek desain FLAT dibuat menggunakan objek vektor, sehingga lebih mudah beradaptasi dengan platform gadget yang berbeda.

FLAT – desain memiliki beberapa fitur berikut:

Penolakan total atau sebagian terhadap gradien, tekstur dan bayangan kompleks , yang secara pribadi saya sangat senang. Saya tidak memiliki keluhan tentang bayangan dan saya sendiri suka menggunakannya, tetapi biarkan masalah abadi dengan tampilan gradien hilang.

Tipografi, geometri mengemuka. Terutama dalam hal desain web.

Harmoni dan. Desainnya menggunakan sejumlah warna terbatas. Berikut adalah contoh palet desain FLAT yang populer.

Penggunaan ikon informatif yang kreatif.

Seperti yang saya katakan, desain FLAT telah menjadi sangat populer di aplikasi seluler karena fitur utamanya adalah kesederhanaan tata letak dan kemampuan beradaptasi. Desain FLAT juga tersebar luas dalam infografis, karena didasarkan pada persepsi informasi yang harmonis melalui penggunaan teknik tipografi dan warna yang konstruktif.

Pada suatu waktu, tren paling populer dalam desain web adalah Web 2.0. Sekarang tempatnya digantikan oleh desain FLAT. Fashion memiliki kebiasaan untuk kembali ke masa lalu yang sudah terlupakan untuk menciptakan sesuatu yang baru darinya. Siapa yang tahu kapan desain FLAT akan ketinggalan zaman, tapi untuk saat ini nikmati kesederhanaan, harmoni, dan kandungan informasi dari tren saat ini. Omong-omong, desain datar sudah populer di tahun 80-an, tetapi hal itu disebabkan oleh fitur teknis dan ketidakmampuan untuk menampilkan bayangan dan gradien. Dan sekarang sebagian besar perusahaan IT terkemuka telah beralih ke desain Flat.

Ya, kita juga akan beradaptasi dengan perubahan dunia. Pada artikel selanjutnya, saya akan menunjukkan cara membuat ikon gaya FLAT menggunakan bentuk sederhana di Photoshop.

Jika publikasi saya menarik minat Anda, maka saya sarankan Anda terus mengikuti pembaruan terkini di situs ini.

(Dikunjungi 2.333 kali, 1 kunjungan hari ini)

Desain datar adalah salah satu tren utama saat ini, baik di bidang desain web maupun teknologi untuk membuat antarmuka pengguna. Di antara contoh-contoh terbaru, yang paling menonjol adalah langkah tegas Microsoft ke arah ini dengan Windows 8 dan desain baru Google, dengan demonstrasi yang jelas tentang keinginannya untuk mempelajari minimalisme lebih dalam.

Berikut adalah contoh elemen yang mendefinisikan .

Kehidupan setelah Web 2.0

Berupa elemen berbentuk bulat dengan segala macam efek - 3D, bayangan, sorotan dan pantulan, gradien, emboss. Singkatnya, segala sesuatu yang menciptakan kedalaman dan volume. Kontrol yang besar dan cerah, kilap, tekstur, dan ekspresi serupa lainnya memberi jalan pada representasi objek visual dua dimensi yang sederhana.

Desain Mengambang

Tipografi adalah inti dari gaya

Harap dicatat bahwa ini adalah dasar untuk membangun situs “datar”. Kesederhanaan elemen desain Flat, serta prinsip minimalis itu sendiri, meningkatkan pentingnya tipografi. Pada prinsipnya, dimungkinkan untuk mengganti beberapa grafik atau gambar berat dengan konten teks. Saat ini, di banyak situs web, tipografi telah menjadi desain. Tentu saja, karena desain datar seringkali minimalis, sifat font harus konsisten dengan skema, gaya, dan komposisi secara keseluruhan. Misalnya, huruf besar sering digunakan untuk elemen atau judul.

dinding pembuat kode

Baca juga: 12 warna primer dan contoh persepsinya oleh pengguna

Palet warna desain datar

Desain datar juga bergerak menuju keragaman warna yang lebih besar. Desainer web semakin banyak menggunakan palet warna untuk menerapkan prinsip desain paling dasar: situs web harus berbeda dari situs sejenis.

Minimal Monyet

Ruang kosong, elemen besar

Dari awal hingga akhir, ia memiliki dasar minimalis, yang berarti ia mengadopsi prinsip-prinsip dasarnya: blok konten yang besar, elemen yang besar, ruang kosong, tidak adanya keributan dan kepura-puraan yang tidak perlu.

Desain Jenggot

Desain ikon, tombol, ilustrasi yang datar

Tombol, ikon, lencana, dan ilustrasi juga memiliki tampilan 2D. Mereka harus sesuai dengan gaya yang ditentukan di semua halaman situs, menyampaikan suasana situs itu sendiri dan mudah dipahami oleh pengguna mana pun.

Memilih warna untuk ikon, seperti halnya ikon itu sendiri, bukanlah tugas yang mudah. Anda bisa menggunakan warna murni. Dalam upaya mendekorasi desain, Anda perlu memikirkan bagaimana membuat situs tersebut mudah digunakan. Di satu sisi, penting untuk tidak melanggar gaya, tetapi di sisi lain, ikon harus terlihat. Dalam ilustrasi, kami mengutamakan minimalis, menghindari efek 3D yang sebelumnya populer.

Baca juga: 20+ Situs Web Inspiratif dengan Ilustrasi Datar dalam Desain

Contoh template website dengan flat design Flat UI

Contoh website dengan gaya Flat design

Identitas

83 Kolektif Desain

Gila

Grup Payung

Yayasan Slcl

Perasaanku

Behzad

Atlantik

Sederhana seperti Susu

Keluarga Weranda

Kata "datar" yang diterjemahkan dari bahasa Inggris berarti "datar". Sejak awal, apa yang disebut desain Flat terus mempertahankan posisinya selama beberapa tahun, menempati posisi terdepan di pasar.

Dimana semuanya dimulai

Desain web telah berubah berkali-kali sejak awal. Ini telah berkembang pesat dari elemen sederhana dan membosankan menjadi tiga dimensi, cembung, dan hampir material. Hal ini dapat dengan mudah dilihat pada contoh perubahan tampilan sistem operasi Windows. Komponen visual berkembang seiring dengan perkembangan teknologi. Namun tren barunya lebih mengarah pada kembalinya minimalis dan kesederhanaan.

Dari skeuomorfisme hingga desain datar

Gaya yang mendahului flat adalah skeuomorphism. Ini telah menjadi tren desain utama sejak lama. Skeuomorphism adalah gaya pseudo-volumetrik, yang semua elemennya meniru tampilan objek nyata (notebook, jam alarm), menggunakan bayangan, tekstur alami, dan lain-lain. Contoh mencoloknya ditemukan pada antarmuka ponsel pintar awal. Ia mulai kehilangan posisinya setelah tahun 2010, ketika perancang perusahaan besar mulai melihat ke arah penyederhanaan dan, ketika mengembangkan antarmuka pengguna, mulai menghilangkan fitur utama skeuomorfisme - tiga dimensi.

Contoh visual yang bagus tentang perbedaan gaya adalah foto di bawah ini. Gambar di sebelah kiri adalah desain datar, sedangkan gambar di sebelah kanan adalah skeuomorfisme.

Ciri-ciri gaya datar

Flat adalah gaya dua dimensi. Sama sekali tidak memiliki efek visual, seperti transisi warna yang halus, bayangan, atau tekstur tiga dimensi. Singkatnya, segala sesuatu yang membuat gambar menjadi tiga dimensi.

Isi informasi utama terdapat pada ikon (Flat design icon). Mereka harus sejelas mungkin kepada pengguna ketika berhubungan dengan aplikasi ponsel pintar. Untuk situs web, ikon adalah elemen utama yang mencerminkan kekhususan dan pesan informasinya. Biasanya, mereka disajikan dalam bentuk figur geometris sederhana, lingkaran atau persegi, dengan gambaran konvensional yang khas.

Saat mengembangkan desain datar, perhatian juga diberikan pada skema warna. Itu harus monoton, tidak mengganggu atau mengganggu pengguna. Paling sering, satu warna murni dan beberapa warna kontras digunakan. Omong-omong, ada banyak layanan Internet dengan kumpulan warna desain datar yang dapat Anda gunakan dengan menyalin kode hex warna yang Anda suka.

Yang tidak kalah pentingnya adalah yang namanya tipografi (teks). Karena kesederhanaannya secara keseluruhan, komponen teks sangat menonjol. Artinya harus mudah dibaca dan tidak bertentangan dengan gaya umum. Ini akan tergantung pada keberhasilan pemilihan font dan warnanya.

Contoh desain datar

Mari kita mulai dengan fakta bahwa ikon dari banyak sumber Internet dan jejaring sosial terkenal telah berubah secara datar. Belum lama ini, raksasa Google dan YouTube pun mengubah desainnya menjadi flat. Sistem operasi Windows, dimulai dengan delapan, sepenuhnya mengabaikan semua tanda volume pada ikon, yang menyenangkan mata beberapa pengguna di versi sebelumnya, dan mulai mengikuti desain Flat. Pengembang aplikasi seluler untuk iOS dan Android mengikuti langkah tersebut.

Situs web satu halaman (halaman arahan) banyak memanfaatkan keunggulan desain Flat, yang peran utamanya dimainkan bukan oleh tampilan yang megah, tetapi oleh fungsionalitas dan keterbacaan.

Evolusi desain datar

Pada awalnya, desain Flat memang benar-benar datar, sehingga menimbulkan kesulitan tertentu bagi pengguna yang terbiasa dengan tombol cembung. Jika dalam skeuomorfisme kemampuan klik tombol langsung terlihat, maka pada variasi pertama desain datar tidak selalu mungkin untuk menentukan interaktivitas elemen untuk pertama kalinya.

Setelah Microsoft merilis Windows 8, yang dirancang dengan gaya datar, tidak semua pengguna dapat langsung mengetahui antarmuka baru dan ikon mana yang dapat mereka klik. Kemunculan elemen-elemen tersebut sama sekali tidak menunjukkan kemungkinan interaksi dengannya. Desain ini lebih nyaman untuk aplikasi seluler, yang mengambil ide ini. Dan Apple adalah orang pertama yang melakukan hal ini dengan iOS 7.

Namun, desain Flat tidak berhenti dan berkembang ke arah yang lebih kompleks. Saat ini, semakin terlihat seperti desain semi datar atau disebut juga Flat 2.0. Efek kedalaman, bayangan, dan gradien mulai muncul di dalamnya. Kedalaman dalam desain datar dicapai dengan mengatur elemen pada tingkat atau sudut yang berbeda.

Bagaimanapun, gaya ini berada di puncak popularitas dan banyak diminati. Jadi, jika Anda berencana mendesain situs web Anda, Anda dapat dengan aman memilih desain Flat. Dan jika Anda memerlukan beberapa elemen yang hilang untuk situs web Anda, maka di Internet Anda dapat menemukan sejumlah besar elemen UI desain datar gratis (dapat diunduh gratis), seperti ikon, font, templat, dan komponen antarmuka pengguna lain yang diperlukan.

Pro dan kontra gaya

Tidak diragukan lagi, dalam kehidupan yang serba cepat saat ini, gaya yang bijaksana dan informatif seperti itu lebih nyaman dibandingkan pendahulunya. Desain datar memiliki sejumlah keunggulan yang tidak dapat disangkal.

Mungkin yang paling penting adalah pemuatan halaman web yang cepat. Situs web yang menggunakan desain datar terbuka jauh lebih cepat dibandingkan situs web yang dipenuhi animasi dan objek berat lainnya. Waktu pemuatan sangat penting untuk optimasi SEO dan promosi situs web ke puncak.

Tampilan yang disederhanakan membuat teks lebih mudah dibaca dan memungkinkan Anda fokus pada konten utama.

Desainnya terlihat serasi dan holistik sehingga menciptakan kesan menyenangkan secara keseluruhan.

Tidak ada yang sempurna dan desain Flat tidak terkecuali. Terlepas dari semua kesederhanaannya, mengembangkan desain web datar yang benar-benar sukses tidaklah mudah. Ada kemungkinan membuatnya membosankan dan tidak menarik. Atau, sebaliknya, berlebihan dalam desain dan melupakan fungsionalitas. Tugas utama saat mengembangkan desain Flat adalah menjaga keseimbangan sempurna antara keindahan dan kemudahan penggunaan.

Desain datar adalah arah utama dalam desain di tahun-tahun mendatang, jadi kami mengundang Anda untuk mengenalnya lebih baik dan mempelajari 5 prinsip dasar yang menjadi dasarnya.

Pengantar desain datar

Dalam bahasa Rusia, desain datar diterjemahkan sebagai “desain datar”, dan menjadi favorit setelah Apple menghadirkan OS iOS. Fokusnya adalah pada pendekatan minimalis terhadap desain kegunaan. Fokusnya adalah pada kenyamanan pengguna. Ini merupakan protes keras terhadap “squeformism” (visualisasi objek seperti dalam kenyataan). Pilihannya jatuh pada solusi estetika yang lebih sederhana dan sekaligus sederhana. Pengguna, yang bosan dengan visualisasi realistis, menyambut arah ini dengan gembira, dan semakin banyak proyek web yang beralih ke format ini.

Saya ingin mencatat bahwa “datar” tidak berarti “membosankan”. Solusi desain datar bisa menjadi indah, lebih canggih, bersih, bebas dari redundansi, berubah menjadi “pulau ketenangan.” Mereka akhirnya membuat isinya dapat dimengerti. Yang tersisa hanyalah mempelajari prinsip-prinsip dasar untuk menerapkannya dalam praktik.

Desain “datar” tidak berusaha untuk menyampaikan volume, sehingga didasarkan pada visualisasi dua dimensi. Artinya, Anda tidak akan melihat bayangan, pantulan, atau sorotan apa pun dengan tekstur (kecuali bayangan panjang). Hanya transfer kontur, dan tidak lebih.

Disarankan untuk menggunakan gambar bersuku kata satu dalam desain, serta memantau kejelasan kontur, yang dimaksudkan untuk menekankan ringan dan tidak berbobot. Selain itu, elemen singkat tersebut meniru sensor dengan baik, menimbulkan keinginan untuk berinteraksi dengan objek (ajakan untuk menekan, menyentuh). Namun, kesederhanaan elemen tidak sama dengan kesederhanaan desain secara keseluruhan - ini hanya berlaku pada garis besarnya saja. Hasilnya, semua yang dilihat pengguna menjadi jelas baginya, dan dia dapat menggunakannya dengan mudah.

Desain datar memerlukan kehati-hatian ekstra saat bekerja dengan font. Artinya, karakter mereka harus melengkapi skema desain tanpa bertentangan. Selain itu, dalam desain datar, font juga merupakan elemen navigasi utama.

Tidak hanya font, warna juga merupakan bagian penting dari desain “datar”. Sebagian besar palet didasarkan pada 2-3 warna, meskipun tentu saja ada pengecualian. Biasanya kaya dan cerah, tetapi pada saat yang sama warna-warna murni dipilih. Seperti disebutkan, tidak ada gradien atau transisi yang tidak perlu.

Desain datar adalah contoh mencolok dari tren global seperti minimalis. Desainer menolak lonceng dan peluit yang tidak perlu, menjauh dari pendekatan visualisasi yang kompleks dan implisit, yang membuahkan hasil dalam bentuk aktivitas pengguna.

Datar atau hampir datar? Kami mencari kompromi!

Sebagai penutup, saya ingin mencatat bahwa saat ini terdapat sinergi antara desain datar dan non-flat. Kita berbicara tentang desain yang “hampir datar”. Ini adalah penerapan paling umum dari konsep yang dijelaskan, ketika, bersama dengan elemen sederhana dan ringkas serta ruang dua dimensi, desainer menggunakan teknik 1-2 untuk kedalaman dan perspektif.

Yang juga menjadi tren di tahun 2017 adalah Semi Flat Design - desain semi datar. Dipengaruhi oleh Desain Material, ini menjadi sedikit lebih spasial. Muncul bayangan terang yang membuat desain tampak semi datar. Desain datar masih relevan hingga saat ini; karena bayangannya, ia menjadi lebih dalam dan kompleks, tetapi konsep dasarnya tidak dilanggar.