Bumi masih datar: desainnya bergaya datar. Desain datar: grafis datar masa lalu, sekarang, dan masa depan dalam gaya datar
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.
Prinsip No. 1: Tidak ada efek yang tidak perluDesain “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 cemerlang 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.
Desain datar telah mengambil alih hampir seluruh Internet saat ini. Itu dapat ditemukan di semua jenis situs, dengan topik yang sangat berbeda. Hal ini tidak mengherankan, karena modern, bergaya dan tentunya sederhana. Namun masalahnya banyak orang yang sering salah mengartikan flat design sebagai minimalis. Hal ini menimbulkan semacam kebingungan.
Ternyata, ini adalah 2 konsep yang berbeda, dan hari ini kami akan mencoba memahami masalah ini bersama Anda.
Desain datar bukanlah minimalis
Desain datar situs hanyalah hubungan visual. Artinya di sini penekanannya hanya pada persepsi visual seseorang. Ini seperti gaya desain. Berikut contohnya: ada situs yang desainnya hanya berdasarkan ilustrasi, ada pula yang dibangun di atas balok-balok yang diisi satu warna. Sama halnya dengan flat design, ini seperti jenis desain, yang membedakan hanya tampilannya yang sedikit disederhanakan.
Minimalisme, pada gilirannya, adalah filosofi desain untuk sebuah situs web. Dalam hal ini, perancang memberikan penekanan maksimal pada susunan elemen yang paling nyaman pada halaman. Tempat yang intuitif dipilih agar mudah dinavigasi oleh seseorang. Meskipun beberapa elemen desain mungkin terlihat konyol dan tidak berasa, namun sangat nyaman.
Desain datar dan minimalis dapat dibandingkan dalam satu cara contoh sederhana dari kehidupan. Mari kita ambil buku biasa, yang memiliki huruf hitam dasar di atas kertas putih - inilah minimalis sejati yang tidak akan pernah mati. Dan e-book paling modern adalah desain datar. Dan banyak orang mengambil ini buku elektronik karena modis dan modern. Namun harus Anda akui, tidak ada yang bisa menggantikan buku biasa.
Apakah minimalis penting dalam desain?
Ini tergantung pada proyek spesifiknya. Misalnya, jika Anda seorang desainer, Anda pasti perlu mempertimbangkan beberapa hal Poin penting. Jadi, pada prinsipnya, semuanya tergantung pelanggan, apakah dia membutuhkan desain seperti itu? Saya yakin permasalahan seperti ini perlu didiskusikan satu per satu.
Kedua, apakah gaya minimalis akan membantu Anda menarik pengunjung ke situs Anda? Untuk beberapa alasan, menurut saya hal itu tidak selalu terjadi paling tergantung pada jenis konten pada proyek Anda. Apalagi ada yang namanya “terlalu” minimalis. Situs semacam ini sepertinya tidak ramah pengguna. Namun ada juga pengecualian. Jika Anda yakin pengguna akan menyukai desain ini, cobalah dan lakukan.
Apakah desain datar akan tetap ada?
Tidak ada yang bisa mengatakan dengan pasti. Ada kemungkinan bahwa iPhone dan iPad telah menciptakan revolusi desain di semua perangkat seluler dan akan tetap demikian selamanya. Atau mungkin seseorang yang unik akan segera menciptakan sesuatu yang lebih menarik, dan semua orang akan melupakan desain datar.
Apa yang membuat sebuah tren kemungkinan besar tidak diciptakan sekaligus, tetapi oleh banyak desainer selama beberapa tahun. Misalnya, jika Anda seorang juru masak, Anda dapat dengan mudah menambahkan beberapa produk eksotis ke dalam hidangan Anda, sehingga menciptakan sebuah mahakarya yang nyata. Namun bagaimanapun juga, Anda tidak bisa mengabaikan semua aturan dasar dan prinsip memasak. Jika seorang desainer memiliki gagasan yang jelas tentang apa yang dia lakukan dan menganut semua prinsip, maka itu akan segera menjadi sebuah mahakarya, dan beberapa saat kemudian - sebuah tren.
Apa yang harus dipilih?
Sekali lagi saya ulangi, semuanya tergantung keinginan Anda. Ada banyak pendapat dan keinginan sebanyak jumlah orang. Namun menurut saya, kedua jenis desain ini tidak boleh diabaikan. Di satu sisi, minimalis tidak akan pernah mati, namun desain Flat saat ini sangat populer, namun tidak diketahui berapa lama akan tetap demikian. Dan secara umum, Anda harus mengikuti perkembangan zaman, dan tidak berhenti pada desain tahun 90an. Ya kan?
Bagaimana pendapat Anda?
Teman-teman, apa pendapatmu mengenai hal ini? Apakah menurut Anda desain datar akan bertahan lama atau akan mendapat tempat yang kuat di dunia desain?
Desain datar atau gaya datar sudah ada pada tahun 80-an dan tidak memiliki alternatif lain, karena tingkat teknologi tidak memungkinkan bekerja dengan tekstur yang rumit. Seiring waktu mereka muncul pertama kali elemen sederhana skeuomorfisme (meniru objek nyata), dan kemudian menampilkan pseudo-cembung visual yang kompleks.
Fashion bersifat siklus dan sejak tahun 2010, desain datar dengan cepat mendapatkan kembali popularitasnya hingga menjadi standar baru dalam desain berbantuan komputer pada tahun 2014.
Evolusi desain datar
Awalnya, desain datar dianggap sebagai kebalikan dari skuemorphism. Bayangan, gradien, dan tanda volume apa pun ditolak. Microsoft adalah orang pertama yang menerapkan konsep ini. Namun setelah dilakukan pengujian kegunaan, ternyata pengguna kesulitan mengidentifikasi beberapa elemen antarmuka. Oleh karena itu, kelompok fokus tidak dapat memahami ikon mana yang dapat diklik dan mana yang tidak, karena semuanya datar. Lebih banyak masalah muncul dengan label yang dapat diklik, karena label tersebut terlihat seperti keterangan standar untuk objek.
Dalam hal ini, versi desain datar yang diadaptasi muncul - desain datar 2.0 atau setengah datar. Ini memiliki kontras rendah dan bayangan halus yang menunjukkan kepada pengguna bahwa ikon tersebut dapat diklik. Ketika orang berbicara tentang desain datar, yang mereka maksud adalah versi datar 2.0. Dengan berkembangnya gaya ini, bayangan semu dan kontras cahaya kembali digantikan oleh bidang objek yang lengkap. Pada saat yang sama, di web, untuk konsep kemampuan klik elemen, mulai digunakan hanya dengan mengubah warna menjadi warna kontras dengan gaya datar yang sama, tanpa menggunakan gradien.
Prinsip Desain Datar
1. Grafik dua dimensi.
Dalam desain datar, penekanannya ada pada garis luar objek. Perancang tidak mengupayakan realisme; tugasnya adalah menyampaikan esensi menggunakan bentuk dua dimensi yang sederhana.
2. Ikon.
Menggunakan ikon sederhana dengan ajakan bertindak yang jelas (ikon floppy disk atau penyimpanan cloud yang meminta Anda menyimpan file) membuat antarmuka lebih mudah dan intuitif.
3. Font sederhana.
Gaya datar memberikan perhatian besar pada tipografi secara umum dan font pada khususnya. Desain datar berarti font sans-serif minimalis dan dekorasi apa pun; bahkan huruf miring pun dilarang. Karakter font harus melengkapi konsep proyek dan tidak menyimpang dari gaya keseluruhan.
4. Bermain warna.
Karena desain datar tidak memungkinkan transisi gradien, gaya elemen yang dibuat dapat dan harus menggunakan beberapa warna primer, sering kali kontras satu sama lain.
5. Minimalis.
Desain datar melibatkan visualisasi objek, menggunakan seluruh layar, tetapi pada saat yang sama meminimalkan informasi. Artinya desainer tidak berusaha mengisi semua ruang kosong dan tidak takut dengan ruang kosong.
6. Gambar latar belakang sederhana.
Latar belakang polos - pilihan terbaik. Anda bisa melupakan gambar ala dinding bata atau kulit macan tutul. Warna latar belakang yang tenang dan nyaris tidak terlihat tidak menarik perhatian dan memungkinkan pengunjung untuk fokus pada elemen antarmuka yang penting.
Mengingat semua prinsip tersebut, ada anggapan bahwa flat design mudah dibuat. Faktanya, ini adalah desain datar yang sangat memperhatikan detail dan transmisi gerakan serta ritme. Perancang dihadapkan pada tugas untuk menciptakan gambaran yang menarik, jelas dan lengkap hanya dengan menggunakan bentuk-bentuk sederhana.
Keuntungan desain datar untuk situs web
1. Keterbacaan teks.
Dalam desain datar, penekanannya bukan pada grafik, tetapi pada teks, yang meningkatkan persepsinya. Selain itu, font yang digunakan sederhana dan tidak menarik perhatian.
2. Waktu pemuatan situs.
Berkat tidak adanya grafis yang berat dan elemen kompleks, halaman dimuat dengan cepat dan tidak macet. Bahkan halaman Google memuat lebih cepat setelah perusahaan mengubah logonya menjadi font datar dan sederhana.
3. Optimasi SEO.
Poin ini mengikuti poin sebelumnya. Kecepatan memuat halaman mempengaruhi peringkat hasil pencarian. Jadi, hanya dengan mengubah gaya desain, Anda dapat meningkatkan sumber daya Anda di hasil pencarian. Selain itu, Google kini menggunakan teknologi yang menandai situs yang memuat lambat dengan ikon khusus. Artinya, jumlah pengunjung Anda bisa turun jika Anda tidak menyesuaikan desain website Anda.
4. Penampilan.
Menurut Anda, berapa lama waktu yang dibutuhkan pengguna untuk membentuk opini tentang suatu sumber daya? Menit? Mungkin 30 detik? Jawaban yang benar: 0,05 detik! Selama ini, tidak mungkin untuk mempelajari konten situs, tetapi Anda dapat memindai tampilannya dan memahami sensasi apa yang ditimbulkannya. Desain datar memberi tahu pengguna bahwa situs Anda modern, sedang dikembangkan, dan ini sudah merupakan prasyarat untuk pembentukan kepercayaan dasar.
Di mana Anda bisa menggunakan desain datar?
Desain datar sangat relevan untuk pengembangan aplikasi seluler dan desain situs web responsif. Selain itu, gaya datar secara bertahap menjadi ketinggalan jaman dunia digital berubah menjadi nyata.
Elemen identitas perusahaan, jenis yang berbeda Produk cetakan dalam adaptasi “datar”, bila dieksekusi dengan benar, terlihat sangat orisinal. Perlu dicatat bahwa hal itu sangat penting solusi yang menarik adalah penggunaan gaya linier datar dalam proyek desain.
Dilihat dari tren saat ini, gaya datar akan segera menjadi standar tidak hanya di bidang digital. Jadi, mungkin ada baiknya mempertimbangkan untuk melakukan rebranding dan membuat proyek desain datar sekarang?
Jika Anda menyukai atau menganggap artikel ini bermanfaat, kami akan dengan senang hati menerima sedikit dorongan dalam bentuk tautan di jejaring sosial. Untuk melakukan ini, klik tombol apa saja jaringan sosial terletak di bawah.
Apa itu desain datar? Arah ini desain adalah salah satu yang paling banyak dibicarakan di Internet. Singkatnya, desain datar adalah gaya yang sangat disederhanakan, yang akarnya berasal dari minimalis. Tapi ini bukan minimalis, karena gaya ini bisa memiliki berbagai bentuk tergantung kebutuhan desain. Untuk lebih memahami apa itu desain datar, lebih baik kita melihat ke belakang dan mendefinisikan apa yang sebenarnya bukan desain datar.
Ini bukan 3D. Grafik 3D itu sendiri memungkinkan Anda mendapatkan gambar yang sangat realistis, tetapi pada saat yang sama dua dimensi. Berbeda dengan 3D, desain datar tidak terlalu memperhatikan detail yang menciptakan kedalaman dan dimensi, seperti bayangan, sorotan, dan tekstur.
Ini bukan skeuomorfisme. Desain datar muncul sebagai alternatif elemen desain pseudo-volumetrik yang meniru objek atau proses nyata. Skeuomorfisme melibatkan penggunaan aktif berbagai efek: bayangan, pantulan, refleks, dan tekstur realistis. Semua ini ada dan tidak bisa ada dalam desain datar.
Orang-orang pertama kali membicarakan desain datar pada tahun 2012-2013, saat gaya ini pertama kali muncul. Tren ini sangat mencolok dan menimbulkan banyak keributan, karena Microsoft adalah salah satu orang pertama yang mengembangkan arah ini. Peluncuran Windows 8 dengan antarmuka baru selamanya mengubah desain dan sebagian besar menentukan vektor pengembangan web, setidaknya komponen visualnya.
Apple juga tidak tinggal diam, yang juga meninggalkan elemen pseudo-volumetrik dalam desain antarmuka perangkatnya. Microsoft dan Apple menciptakan realitas baru di mana situs dengan desain ketinggalan jaman tidak mempunyai tempat. Pada saat yang sama, Apple tidak bertindak seradikal pesaing abadinya, dan secara bertahap menyingkirkan unsur skeuomorfisme.
Desain datar itu sendiri tidak baik atau buruk, desainer weblah yang membuatnya nyaman atau tidak nyaman. Tapi jujur saja, dalam bentuknya yang ekstrim, desain datar tidak terlihat estetis. Mungkin, zona persepsi terbaik dalam hal ini berada di tengah-tengah antara elemen datar dan volumetrik semu.
Bisa jadi yang dominan untuk beberapa orang beberapa tahun terakhir kecenderungan menuju penyederhanaan ekstrim akan digantikan oleh hal lain. Ada beberapa prasyarat untuk ini - misalnya, arahan Desain Material, yang dibuat oleh desainer Google.
SESUAI DENGAN DESAIN ADAPTIF
Peralihan Microsoft dan Apple dari skeuomorfisme dalam desain antarmuka memiliki konsekuensi besar. Gaya baru ini segera diadopsi sebagai pendekatan baru terhadap UX. Sejak saat itu, desain datar menjadi tren dominan yang terus relevan. Saat ini, elemen datar ada di mana-mana, kita melihatnya di situs web, di aplikasi, dan di tampilan berbagai perangkat.
Prinsip-prinsip desain datar berlaku untuk berbagai kategori desain, namun kisi-kisi yang ketat dan grafik yang disederhanakan ditampilkan dengan sempurna pada perangkat dengan ukuran kecil layar.
Tren ke arah minimalis telah sangat menyederhanakan pekerjaan para desainer - menjadi lebih mudah bagi mereka untuk merancang antarmuka yang ditampilkan dengan benar di semua jenis perangkat. Dalam kasus elemen pseudo-volumetrik, semuanya tidak begitu - terkadang antarmuka, yang tampak luar biasa di layar desktop, berubah menjadi sesuatu yang tidak dapat dipahami di perangkat seluler.
Salah satu keuntungan utama desain datar adalah skalabilitasnya. Elemen datar terlihat bagus berapa pun ukurannya dan, tidak seperti desain piksel sempurna, elemen ini lebih mudah digunakan.
PLATFORM FLEKSIBEL
Desain datar, dalam mengejar kesederhanaan, dicirikan oleh fleksibilitas yang baik: semua elemen, biasanya, dibuat dari bentuk geometris yang homogen, yang menyederhanakan pembuatan tata letak yang seimbang, di mana setiap modul atau blok memiliki tempatnya masing-masing. Semua elemen mudah dibedakan dan, yang penting, selama pengoperasian, elemen tersebut dapat dengan cepat ditukar tanpa melanggar pengaturan awal.
Grid juga memiliki struktur fleksibel yang dapat disediakan dalam berbagai konfigurasi. Hal ini memungkinkan desainer untuk menciptakan pendekatan yang paling optimal dengan cara terbaik mendemonstrasikan konten yang tersedia. Tidak adanya batasan dan kebutuhan untuk menyesuaikan grid jika elemen baru diubah atau ditambahkan secara signifikan mempercepat alur kerja.
TIPOGRAFI YANG DAPAT DIBACA
Desain datar telah secara signifikan mengubah cara berpikir desainer tentang tipografi. Gaya baru memerlukan pendekatan berbeda dalam pemilihan font dan kualitas tata letak. Alhasil, tidak adanya bayangan dan berbagai efek membuat teks lebih mudah dibaca.
Desain datar dicirikan oleh penggunaan font sans-serif yang ekstensif, namun ini bukan akisoma dan serif juga dapat terlihat bagus jika dikombinasikan dengan elemen datar. Font serif akan cukup cocok sebagai judul, dan juga dapat digunakan di badan teks jika tipografinya tidak melanggar kesatuan komposisi.
KONTRA
Tampaknya desain datar tidak memiliki kekurangan, namun sebenarnya tidak demikian. Dalam upaya mereka untuk menekankan garis dan bentuk yang bersih, beberapa desainer terjebak dalam fokus pada estetika dan mengabaikan kegunaan. Sederhana dan desain yang indah, di mana tidak ada yang berlebihan, tidak selalu nyaman, dan kesalahan seperti itu terutama terlihat saat menggunakan perangkat seluler.
Dalam desain datar, seringkali sulit menentukan elemen mana yang interaktif dan mana yang tidak. Semuanya sama, tidak ada perbedaan yang mencolok, semua elemen terletak pada bidang yang sama. Demi kesederhanaan, desainer mungkin secara tidak sengaja menyembunyikan atau menyamarkan fitur penting atau tindakan dan pengguna, karena tidak melihat perintah seperti biasa, mungkin kehilangan orientasi pada situs.
Mari kita ambil situs ini sebagai contoh. Elemen apa saja yang ada di dalamnya bersifat interaktif. Semua? Atau hanya beberapa? Tidak jelas. Ini hanya dapat diketahui secara acak, tetapi ini adalah gerakan yang tidak perlu dan tidak diinginkan.
KEHILANGAN INDIVIDUITAS
Untuk proyek merek, bisnis, atau desain apa pun sangat penting mempunyai keunikan. Baik itu situs web, aplikasi, buklet, poster, atau kartu nama, desainnya harus orisinal dan mudah dikenali.
Salah satu kelemahan desain datar adalah gaya visualnya. Menggunakan sederhana bentuk geometris sering mengarah ke dua sepenuhnya desain yang berbeda mungkin menjadi sangat mirip satu sama lain. Desainer yang menggunakan elemen datar memiliki pilihan terbatas karena mereka tidak punya banyak pilihan. banyak pilihan pilihan yang dapat diterima. DI DALAM akhir-akhir ini Di Internet Anda dapat melihat banyak situs klon yang sebenarnya bukan klon. Itu hanya kebetulan. Selain itu, kebetulan ini tidak menyenangkan, karena situs tersebut kehilangan individualitas yang sangat dibutuhkannya, tersesat dengan latar belakang sumber daya lain dengan desain serupa.
Terkadang itu menjadi lucu. Melihat gambar-gambar ini, Anda mungkin berpikir bahwa kita sedang melihat bagian berbeda dari aplikasi yang sama. Tapi tidak, desainer Marco La Mantia dan Simone Lippolis bekerja secara independen satu sama lain. Elemen desain dasar digunakan sebagai bentuk geometris dan font sans-serif putih lebih dari sekadar solusi logis. Namun hasilnya sangat buruk - skema warna yang sama benar-benar menghilangkan keunikan desainnya. Dan kasus seperti ini banyak sekali.
MENGEJAR FASHION
Desain datar akan tetap menjadi salah satu tren terpanas untuk waktu yang lama, hanya karena terlihat bagus di tampilan perangkat seluler. Namun banyak desainer memilih flat bukan hanya karena memungkinkan mereka menyelesaikan sebagian besar masalah dengan cepat, tetapi juga karena keinginan mereka untuk menciptakan sesuatu yang modern dan modis.
Namun, dalam mengejar mode, Anda bisa membuat kesalahan serius: jika Anda mengikuti semua tren tanpa berpikir panjang, sangat mungkin Anda melupakan kegunaan desain. Sebuah flat bisa menjadi sangat indah, anggun dan bahkan anggun, namun tetap saja pilihan desainer harus ditentukan oleh fungsionalitas, dan bukan oleh keinginan akan keindahan. Terkadang keinginan untuk “memasukkan” sesuatu yang modis ke dalam sebuah desain hanya merugikannya, misalnya bayangan panjang, salah satu fitur desain datar yang paling dikenal.
Di depan kita ada karya desainer Alexander Lototsky dan Erik Malmskeld. Ini contoh yang khas menggunakan bayangan panjang dalam desain. Sekarang hal ini tidak akan mengejutkan siapa pun, tetapi pada suatu waktu, dan kedua karya tersebut dibuat pada tahun 2013, ketika desain datar baru saja menjadi mode, gaya visual baru sangat menarik dan atraktif. Hasilnya, begitu banyak ikon serupa yang muncul sehingga saat ini penggunaan bayangan merupakan solusi yang dirumuskan dan tidak menarik. Dulunya modis, tapi sekarang tidak lagi. Bayangan itu seperti bayangan. Tidak ada gunanya di dalamnya, mereka tidak melakukan fungsi yang berguna.
PILIHAN FONT YANG BURUK
Setiap desainer bermimpi menciptakan sesuatu yang indah dan sekaligus fungsional. Namun demi mengejar estetika, Anda dapat membuat pilihan buruk yang memengaruhi kegunaan. Contohnya adalah kegemaran akan font yang tipis dan ringan. Tipografi jenis ini terlihat bersih dan ringan, namun juga sulit dibaca.
Terkadang memilih font yang tipis dibenarkan - misalnya, untuk digunakan dalam judul. Namun ketika teks utama diketik dengan font yang sama, seringkali tidak mungkin untuk membacanya. Sangat terlihat kesalahan serupa di perangkat seluler – ukuran kecil layar secara tajam mengurangi keterbacaan konten.
DATAR 2.0
Selama beberapa tahun terakhir, desainer telah bereksperimen dengan elemen datar dan membawa banyak hal baru ke dalam desain datar. Gaya ini sepenuhnya terbentuk dan seperti gaya mapan lainnya, gaya ini memiliki kelebihan dan kekurangan.
Pada awal kemunculannya, flat dibedakan oleh kesederhanaan visual yang ketat; tidak ada sedikit pun bayangan atau struktur. Bahkan gradien pun tidak dijunjung tinggi, meskipun sama sekali tidak bertentangan dengan prinsip desain datar.
Namun lambat laun para desainer mulai menjauh dari hal itu juga solusi sederhana, mencoba menemukan semacam solusi kompromi antara flat dan skeuomorphism. Hasilnya adalah gaya baru, yang oleh beberapa desainer disebut Flat 2.0. Bayangan, gradien, dan bahkan cahaya, struktur yang hampir tidak terlihat secara bertahap mulai muncul dalam elemen desain. Desain datar jelas kurang mendalam, dan para desainer mulai menggunakan pendekatan hibrida. Misalnya, mengatur elemen secara visual pada tingkat yang berbeda, bereksperimen dengan corak dan bayangan. Contoh pendekatan hibrid lain yang sering digunakan adalah penggunaan tidak hanya ikon dan ilustrasi vektor datar, tetapi juga foto.
Google telah melakukan banyak hal untuk mempromosikan Flat 2.0. Pedoman Desain Material merupakan upaya untuk menciptakan bahasa visual baru yang menggabungkan elemen desain datar dan tiga dimensi. Rekomendasi Google sangat detail dan mudah diikuti. Pada saat yang sama, Google tidak memaksakan kepatuhan yang ketat terhadap semua aturan yang ditetapkan dalam pedoman - desainer dapat bereksperimen dengan membuat sendiri proyek asli, di mana berbagai elemen dapat digabungkan.
KESIMPULAN
Saat ini Flat 2.0 sedang dalam tahap pembentukan, tetapi arah perkembangan gaya ini sudah cukup jelas. Diperkirakan tidak ada perubahan signifikan - trendsetter Google, Apple, dan Microsoft tidak akan menyerah begitu saja. Jika ada perubahan, maka perubahannya tidak signifikan - pendekatan baru akan muncul, seseorang akan menemukan "trik" yang menarik, upaya akan terus mengambil yang terbaik dari skeuomorfisme. Namun dalam pengertian global, tidak perlu mengharapkan sesuatu yang benar-benar baru - desain datar adalah tren jangka panjang dan hanya gaya yang paling sesuai dengan teknologi baru yang belum ada yang dapat menggesernya dari posisi yang ditaklukkan.
Istilah “desain datar” saat ini didengar oleh semua orang yang terlibat dalam desain pengalaman pengguna. Dalam beberapa tahun terakhir, jenis desain ini telah menjadi arus utama - bahkan perusahaan terbesar pun menggunakannya saat membuat situs web dan halaman arahan.
Apa alasan semakin populernya desain datar? Singkatnya: ini benar-benar berhasil! Desain datar dapat membantu Anda meningkatkan pengalaman pengguna baik di halaman arahan maupun di dalam aplikasi seluler. Hal ini pada gilirannya akan berdampak positif pada konversi.
Mari kita lihat lebih dekat kelebihan metode ini.
Apa itu desain datar?
Desain datar mendapatkan namanya karena menggunakan objek dua dimensi (datar) minimalis untuk antarmuka web dan seluler:
Konsep flat design tidak menyiratkan ekses dalam desain, misalnya elemen yang menciptakan ilusi objek tiga dimensi (gradien, berbagai tekstur, bayangan). Desain datar berkembang sebagai penyeimbang konsep skeuomorfisme, atau desain yang meniru objek kehidupan nyata.
Desain datar berarti menciptakan bentuk sederhana dan menguraikan menggunakan bijaksana dan warna cerah. Font utama yang digunakan saat membuat halaman adalah sans-serif (font sans serif).
Masalah yang melekat pada desain datar
Begitu desain datar muncul, hal itu difokuskan secara eksklusif pada perangkat seluler. Meskipun minimalis dan tidak adanya elemen kompleks adalah ciri utama konsep ini, ini bukan satu-satunya cirinya.
Microsoft adalah salah satu orang pertama yang menerapkan pendekatan ini dalam praktiknya - dalam bentuk apa yang disebut Metro untuk Windows 8. Namun, ketika spesialis NN Group melakukan desain, ternyata pengguna mengalami kesulitan dalam mengidentifikasi beberapa elemen antarmuka.
Tangkapan layar di bawah menunjukkan contoh antarmuka Windows 8. Penelitian menunjukkan bahwa pengguna tidak dapat memahami di mana mereka dapat mengklik, karena semua ikonnya datar. Selain itu, fungsi “ubah pengaturan PC” hanya terlihat seperti keterangan pada sekelompok ikon, dan bukan sebagai area yang dapat diklik:
Pada saat yang sama, Windows 8 lebih disesuaikan untuk perangkat seluler. Persegi panjang besar berwarna-warni di menu Start terlihat sangat lucu di layar telepon genggam— antarmuka ini bagus untuk gerakan di layar sentuh:
Namun, pada layar komputer desktop yang besar, menu ini terlihat rumit dan kikuk. Mengklik persegi panjang berwarna dengan mouse sangat tidak nyaman dari sudut pandang kegunaan.
Desain datar. Versi 2.0
Seiring waktu, desain datar telah berkembang. Banyak masalah kegunaan yang dijelaskan di atas telah diperbaiki. Desain datar tidak lagi sepenuhnya “datar”, tetapi sudah menjadi “setengah datar”. Elemen desain kini menggunakan lapisan, kontras, dan bayangan halus untuk memberi tahu pengguna bahwa ikon dapat diklik. Di bawah ini adalah contoh desain datar yang “diperbarui”:
Sekarang saatnya memahami bagaimana flat design bisa “menaklukkan” pengunjung.
Desain datar meningkatkan keterbacaan teks
Keuntungan utama dari desain datar adalah keterbacaan teks. Pengunjung dapat dengan mudah melihat dan menggunakan konten situs, apa pun jenis perangkat yang mereka gunakan.
Desain datar menyiratkan. Teks yang menjadi fokus utama biasanya kontras dengan latar belakangnya sehingga lebih mudah dibaca. Selain itu, gambar yang rumit diganti dengan ikon atau vektor minimalis. Visual datar dan teks yang cerah dan tajam sangat mudah dibaca.
Di bawah ini adalah contoh situs Crazyegg pada tahun 2009:
Dan tangkapan layar ini menunjukkan versi yang diperbarui situs yang sama:
Membandingkan kedua versi situs ini, Anda dapat melihat bahwa informasi pada sumber daya yang diperbarui lebih terorganisir dan lebih mudah dibaca. Situs baru jelas dan tanpa kata-kata yang tidak perlu menunjukkan kepada pengguna manfaat layanan. Halamannya terlihat sangat ringkas dan minimalis.
Menggunakan desain datar, Anda bisa kerumitan yang tidak perlu menyampaikan informasi yang diperlukan kepada pembeli. Jika pengunjung mengetahui lebih banyak tentang layanan atau produk Anda, kemungkinan besar mereka akan menjadi pelanggan Anda.
Tidak ada yang mengganggu pengguna
Flat design erat kaitannya dengan konsep minimalis. Desainer menghindari elemen dekoratif, yang tidak membawa nilai informasi apa pun bagi pengguna. Tujuannya adalah untuk menarik perhatian pengunjung ke konten utama.
Jika kita melihat kembali contoh CrazyEgg, kita dapat sekali lagi memastikan bahwa tidak ada yang mengganggu halaman pengguna. Seseorang yang menemukan dirinya di halaman arahan ini memusatkan perhatiannya pada satu tindakan.
Ruang putih kosong adalah “trik” lain dari desain datar. Efek ini ditunjukkan dengan jelas oleh situs GetWalnut.com:
Walnut adalah aplikasi yang memungkinkan Anda melacak pengeluaran Anda, dengan fitur-fitur utama ditampilkan di halaman. Ikon datar dan teks terletak pada latar belakang putih, dan karena ada banyak ruang terang yang tidak terisi di situs, pengguna dapat dengan mudah memusatkan perhatiannya pada konten. Desain datar menekankan konten yang meyakinkan akan manfaat penawaran.
Situs yang memuat lambat dan aplikasi yang membeku membuat pengguna kesal. Karena waktu tunggu yang lama, Anda berisiko kehilangan pelanggan:
Jika Anda tidak dapat mengurangi jumlah konten di situs Anda tetapi ingin memuatnya dengan cepat, Anda sebaiknya menggunakan gambar beresolusi lebih rendah atau menggunakan desain datar. Pilihan kedua jelas lebih bisa diterima di sini.
Dibandingkan dengan situs yang menggunakan elemen desain berat, sumber daya yang dibuat menggunakan desain datar memuat lebih cepat. Karena tidak adanya gradien, font yang rumit, dan fitur skeuomorfik lainnya, bobot keseluruhan situs menjadi lebih kecil. Oleh karena itu, Google baru-baru ini mengubah logonya, menyederhanakan font, yang berdampak positif pada waktu pemuatan halaman.
Desain datar juga nyaman bagi pengembang. Komponennya berbasis vektor atau kode elemen grafis, yang juga mengurangi waktu pemuatan situs. Jika Anda menggali lebih dalam, desain datar membantu mengoptimalkan konversi, dan karenanya meningkatkan profitabilitas situs.
Waktu buka halaman memainkan peran penting dalam peringkat hasil pencarian. Faktor ini adalah salah satu kunci keberhasilan optimasi SEO. Desain datar memiliki efek positif pada waktu pemuatan situs, dan oleh karena itu, membantu sumber daya berpindah ke TOP 10 dalam hasil pencarian.
Situs web yang dibuat menggunakan desain datar memiliki peluang bagus untuk muncul di halaman pertama hasil pencarian dan, oleh karena itu, menarik perhatian pengguna yang paling tertarik untuk membeli.
Harap perhatikan bahwa Google sedang menguji fungsi baru mesin pencari. Sekarang situs yang memuat lambat akan ditandai dengan ikon khusus di halaman hasil pencarian. Fitur baru ini ditunjukkan dengan jelas pada tangkapan layar di bawah ini:
Tampilan modern
Pengguna membentuk opini mereka tentang situs ini dalam 50 milidetik! Artinya, setelah menghabiskan hanya 0,05 detik di halaman tersebut, seseorang sudah memahami apakah dia menyukai sumber daya ini atau tidak.
Bagaimana ini bisa terjadi? Tentu saja, tidak mungkin mempelajari semua konten dalam waktu sesingkat itu. Orang-orang menilai situs tersebut berdasarkan penampilan dan sensasi yang ditimbulkannya.
Desain datar mungkin yang paling banyak tren modern di industri Internet saat ini. Perusahaan besar seperti Apple, Google, Microsoft dan lainnya dengan antusias menerima hal ini tren baru. Pengguna akan segera mulai menganggap situs tersebut sebagai standar yang harus dipenuhi oleh sumber daya mana pun di jaringan.
Kesimpulan
Selain menjadi tren luas dalam desain situs web, desain datar memiliki dampak positif pada pengalaman pengguna karena sejumlah manfaat: keterbacaan yang baik, pemuatan halaman yang lebih cepat, pengoptimalan mesin pencari yang lebih efektif, dan tampilan yang menyenangkan.
Perusahaan-perusahaan terbesar sudah menggunakannya dalam desain halaman dan aplikasi mereka, sehingga menuai manfaat yang sesuai. Jika Anda mencari cara untuk meningkatkan profitabilitas bisnis Anda, pertimbangkan desain datar sebagai kemungkinan vektor pengembangan.
