Kami tidak tahu apakah Anda menyadarinya atau tidak, tapi akhir-akhir ini(terutama pada tahun lalu) terdapat tren yang jelas dalam desain web di seluruh dunia menuju penyederhanaan, minimalisme yang kokoh, dan penerangan visual dari apa yang kita sebagai pengguna berinteraksi setiap hari. Sederhananya, desainnya menjadi “datar”: berbeda dengan ikon cembung di masa pertumbuhan yang pesat jejaring sosial dan web 2.0, kini kita semakin disambut dengan ikon-ikon sederhana layanan baru. Semua ini mendapat namanya - desain datar. Bukan apartemen, tapi flat.

Dengan presentasi OS seluler baru kemarin, iOS 7, perusahaan apel akhirnya dikonfirmasi pertumbuhan yang cepat popularitas tren ini, yang secara tradisional menyenangkan sebagian penggemarnya, tetapi juga menghadapi ketidakpuasan yang signifikan di antara mereka pengguna berpengalaman dan desainer. Ada apa? Apa gunanya flat design ini dan apakah dunia benar-benar membutuhkannya? Kami memutuskan untuk beralih ke ahli dari Ukraina dan luar negeri.

Kami meminta mereka untuk menjawab tiga pertanyaan utama:

• mengapa dunia mulai beralih ke desain datar di web dan seluler dan apa itu;
• apa manfaatnya bagi Apple dan iOS 7;
• bagaimana hal ini akan mempengaruhi desainer di satu sisi, dan pengguna di sisi lain.

Denis Sudilkovsky, Kiev
Spesialis Desain Interaksi, produser Prodesign.in.ua

“Efek pendulum” dalam memprediksi masa depan diwujudkan dalam kenyataan bahwa jika ada dua ekstrem dalam suatu isu, umat manusia akan berpindah dari satu sisi ke sisi lain. Hal ini tidak diragukan lagi berlaku untuk desain sistem interaktif. Web yang datar dan primitif yang tidak menarik pada suatu waktu berubah menjadi tombol berbasis web yang banyak. Visualisasi antarmuka telah mencapai puncak realismenya dan pendulum sedang terbang ke arahnya sisi sebaliknya- datar & sederhana.

Apa yang didapat Apple dari ini? Ini akan mempertahankan tempatnya dalam tren dan ratusan ribu komentar bahwa iOS mereka menjadi sangat mirip dengan Android.

Desainer harus berevolusi (dan jangan bercanda tentang kapan desain datar akan masuk ke bidang teknik mesin dan memberi kita mobil datar :). Jika tidak ada dekorasi, seluruh pekerjaan terdiri dari menciptakan suasana hati dengan konten untuk skenario tertentu dengan pengguna. Profesi ini akan memiliki lebih banyak kesamaan dengan Sutradara dibandingkan dengan Artis. Sebaliknya, pengguna menerima pengalaman baru dan kesan baru. Secara pribadi, saya adalah penganut iPhone selama 4 tahun, tetapi musim semi ini saya mengganti ponsel saya ke Android karena satu-satunya alasan - saya bosan dengan idealitas antarmuka Apple yang monoton.

Daniel Bruce, Stockholm
Kreatif Digital Senior, danielbruce.se

Pertama, saya ingin menunjukkan bahwa saya tidak suka istilah "desain datar". Kebanyakan desain grafis selama berabad-abad bersifat "datar". Menurut saya, hal ini membatasi kemampuan Anda untuk membuat desain menonjol ketika pilihannya adalah antara flat atau yang lainnya. Desain bisa lebih dari ini. Ceria, cerah, gelap, positif, minimalis - Anda dapat menyebutnya apa pun yang Anda inginkan. Namun saat ini saya jarang mendengar orang menganggap desain lebih dari sekadar datar atau skleromorfik. Agak menyedihkan.

Mengapa web dan seluler lambat dalam beralih ke desain datar? Menurut saya, ini hanya tren. Saya belum pernah melihat artikel tentang manfaat flat design di antarmuka pengguna dan masih belum yakin akan hal ini. Desain yang sederhana dan jelas - ya, tapi ini tidak sama dengan "datar". Lihat Google misalnya. Mereka tidak membuat desain yang benar-benar datar, mereka - dan saya berbagi poin ini - masih melihat perlunya kedalaman dan variasi.

Saya sangat terkejut ketika Microsoft memilih arah ini beberapa tahun yang lalu, menghadirkan gaya Metro yang terkenal. Faktanya, mereka menggunakannya desain Grafis untuk tanda-tanda besar yang dilihat orang dari jarak tertentu dan tidak pernah berinteraksi dengan layar kecil dengan banyak elemen. Kelihatannya bagus, tetapi apakah kegunaannya bagus?

Apa yang saya lihat dari Apple tadi malam hanyalah salinan buruk dari beberapa hal desain yang menarik, yang telah muncul di situs-situs seperti Dribbble dan Behance tahun lalu. Saya tidak melihat sesuatu yang baru - hanya saja jauh dari sama" apel tua»Steve Jobs. Perusahaan menunjukkan bahwa mereka bukanlah yang terdepan dalam desain antarmuka seluler. Tentu saja, kita akan melihat para penggemar mengadopsi semua desain putih dan gradien kreatif ini selama beberapa bulan ke depan, namun menurut saya aspek tersebut tidak akan berdampak sebesar penutupan Google baru-baru ini. Namun di sisi lain, Apple selalu menjadi trendsetter dan inspirasi bagi banyak orang, termasuk saya.

Tentang pengguna biasa, lalu mereka menyukai warna-warna cerah.

Ivan Klimenko, Kiev
perancang antarmuka seluler, 5tak.com

Untuk sebagian besar, saya sedikit filosofis tentang situasi daya tarik gaya datar ini. Ini bukan pertama kalinya desainer tertarik pada minimalis dan material artifisial. Semuanya berlalu.

Era Bauhaus tahun 20-30an membawa kontribusi besar pada desain, namun tetap saja, keketatan nada dan kepalsuan tidak dapat menahan keinginan dan dorongan batin orang untuk hidup dikelilingi oleh hal-hal yang lebih alami.

Lalu di tahun 60an semua orang mulai mengagumi plastik.

Perabotan, piring, bahkan pakaian semuanya terbuat dari plastik. Tampaknya ini adalah harapan baru bagi umat manusia, tetapi sekali lagi tidak - manusia dengan cepat kembali ke bentuk alami atau salinan bahan alami.

Kontras bentuk dan grafis minimalis selalu mengungkapkan akumulasi konflik internal dalam masyarakat. Desain hanyalah cermin yang menunjukkan dunia batin kita. Ada terlalu banyak hal yang terjadi. Hidup semakin cepat, dan kita tidak punya waktu untuk berpikir dan mempertimbangkan apa pun. Kita sering tidak punya waktu untuk sekedar hidup.

Minimalisme dan semua perangkat keras elektronik ini hanyalah sebuah langkah menuju sesuatu yang lebih alami dan manusiawi. Lebih dari sekedar komputer lain. Saya bahkan sedih karena Apple, yang tahu cara melihat lebih dalam, sudah tidak ada lagi.

Olesya Grichina, Kiev
Desainer UI di Componentix, twitter: elendiel

Saya pikir para desainer sangat terpengaruh jumlah besar gadget dengan ukuran yang berbeda layar dan resolusi - untuk semua variasi ini, lebih mudah membuat desain tanpa tekstur, bayangan yang kompleks, yang memperhitungkan pencahayaan dengan benar, dll. Mereka mulai berpikir lebih ke arah “cara membuatnya lebih nyaman bagi pengguna”, daripada “cara menggambar dengan indah”. Konten adalah hal yang utama, dan dalam pekerjaan kami, penting untuk menyajikannya sebaik mungkin.

Menurutku begitu perubahan eksternal(UI datar, ikon) khususnya tidak melihat adanya perubahan serius dalam kemudahan penggunaan, dan bagaimana mereka bersumpah tentang topik ini. Ketika mereka memeriksa apakah itu berfungsi, mereka akan berkata, “Ohhh, betapa nyamannya, dan mengapa mereka tidak melakukan ini sebelumnya?” Saya harap ini akan mempengaruhi desainer sedemikian rupa sehingga mereka akan lebih memperhatikan kegunaan antarmuka, daripada tekstur dan bayangan. Pada akhirnya, akan mungkin untuk menjelaskan kepada pelanggan bahwa ini adalah sebuah tren :)

Saya pikir desain datar tidak akan terlalu memengaruhi pengguna - jika mereka merasa nyaman untuk membuat dan mengonsumsi konten, akan ada banyak orang yang puas. Tapi ikonnya aktif layar beranda masih asam :)

Pavel Grozyan, Kiev
Desainer Produk di MacPaw, grozyan

"Apel! A-ha-ha, hentikan! - Para desainer berteriak. - Hore, jadi lebih mudah. - para pengguna meneriakkannya." Saya memahami kedua sudut pandang tersebut. Hari ini, setelah presentasi dari WWDC2013, banyak rekan saya yang berdiri dan berkata, “Persetan dengan profesi ini! Siapa pun bisa menggambar kebodohan seperti itu sekarang. Dan ikon-ikon ini seharga $30?!” Dan pada pandangan pertama, mereka benar. Namun jika Anda menggali lebih dalam, Anda menyadari bahwa ada ribuan item yang untuk waktu yang lama mereka berbeda satu sama lain hanya dalam skenario penggunaannya, kemudian dalam bentuk, kemudian dalam warna, dan hanya dalam detail artistik. Saya ingat saat-saat ketika semua orang ini Profil LinkedIn yang saat ini ditulis UX, UI Designer, dengan gugup meniru efek bayangan putih pada huruf-hurufnya. Seperti Apple. Kemudian situs terang dan terang. Seperti Apple. Kemudian antarmuka yang kaya akan tekstur dan realisme. Seperti Apple. Semua pekerjaan mereka terdiri dari penyalinan, karena tidak ada konsep pengembangan yang orisinal, terpadu dan nyaman untuk semua orang. Inilah masalah yang dipecahkan oleh desain datar saat ini. Meski rasanya salah bagiku menyebutnya seperti itu. Ada baiknya Microsoft tidak menciptakannya, dan itu dibentuk lebih dari sepuluh tahun sebelumnya era digital, di bidang penerbitan.

Datar - ini bukan untuk klik, ini untuk klik, ketukan, ketukan. Anda tidak bisa menyebutnya datar - tidak adanya tekstur dan bayangan "tebal" pada tombol membuatnya lebih disederhanakan, dan tanpa agresi visual. Dan Anda tidak dapat melakukannya tanpa gradien untuk tombol. Saya mendukung tren ini. Jika hal ini tidak mengganggu kualitas pengalaman pengguna, maka semua orang akan lebih mudah menjalaninya. Pertama-tama kepada pengguna. Kedua, bagi pencipta: akan lebih mudah teknis pelaksanaan, lebih dapat diklik (halo tautan yang digarisbawahi), dan multi-platform - menggabungkan web, seluler, dan desktop menjadi satu pengalaman terpadu. Tidak diragukan lagi, ini adalah langkah berani bagi Apple. Dan hanya mereka yang bisa memutuskannya. Kisah mereka memiliki lusinan konfirmasi, sehingga peluang keberhasilan mereka lebih besar daripada sebaliknya.

Desain datar telah menjadi populer baru-baru ini untuk aplikasi dan situs web. Ini tidak berarti bahwa semua orang menyukai gaya ini, tetapi gaya ini jelas tidak cocok untuk semua aplikasi dan situs. Padahal banyak kelebihan dari flat design, seperti kesederhanaan dan minimalis, sehingga lebih mudah digunakan. Untuk beberapa aplikasi, desain datar mungkin terlalu sederhana. Artinya, ada baiknya menambahkan beberapa bayangan atau gradien agar terlihat lebih baik.

Banyak yang berpendapat bahwa desain web datar adalah desain yang efektif. Mereka mengatakan ini adalah cara untuk membuat proyek ini senyaman mungkin bagi pengguna. Berikut adalah beberapa contoh proyek desain datar yang menginspirasi. Pilihan dari berbagai portofolio ini adalah cara yang bagus untuk memahaminya desain datar itu benar-benar berhasil.

Tanah ISSL

Januari Kreatif

Minimal Monyet

Apa itu desain datar?

• Desain datar berfokus pada pengguna
• Desain datar itu sederhana
• Desain datar - lebih sedikit gradien
• Desain datar mencakup garis lurus dan sudut persegi
• Biasanya menggunakan kontras warna yang kuat
• Desain datar tidak memiliki bayangan, kemiringan, tekstur, atau apa pun yang terlihat 3D
• Flat design hanya ada dalam 2 dimensi
• Desain datar - tren menuju kesederhanaan dan minimalis
• Desain datar - jangan gunakan efek tambahan
• Tidak ada tambahan
• Desain datar - tombol yang lebih sedikit dan "body kit"
• Desain datar berarti fokus pada font
• Kombinasi warna, warna kontras Variasi warna yang menarik merupakan komponen penting dalam desain flat
• Desain datar adalah salah satu dari banyak desain. Ini cocok untuk beberapa proyek, tetapi tidak untuk proyek lainnya.

Apa yang bukan desain datar?

• Desain datar bukanlah skeuomorfisme atau desain yang meniru bentuk dan kontur “realitas”.
• Desain datar tidak termasuk tombol mengkilap
• Desain datar tidak termasuk dekorasi
• Dalam desain datar Anda tidak akan menemukan ide tradisional tentang “kedalaman”
• Desain datar tidak cocok untuk semua proyek

Desain datar menjadi mudah desain yang efisien?

Beberapa orang menganggap desain datar sebagai desain yang efisien. Artinya, ini menyederhanakan penggunaan situs dan aplikasi, memungkinkan Anda menemukannya informasi yang diperlukan tanpa terganggu. Tentu saja, flat design bukan satu-satunya yang membuat informasi lebih mudah ditemukan. Jika semuanya dilakukan dengan baik, maka pengguna tidak akan mengalami masalah. Proyek harus sederhana dan mudah bagi mereka yang mampu menggunakannya. Beberapa orang lebih suka menggunakan desain datar, sementara yang lain lebih memilih gaya desain yang berbeda.

Elemen untuk desain datar

Apakah Anda suka desain datar? Berikut beberapa elemen yang dapat digunakan untuk desain "datar".

Paket Ikon Datar