Mengenai segala sesuatu yang menarik dan baru, saya cenderung mendekati setiap tulisan seperti yang dilakukan anak-anak, oleh karena itu saya SELALU tergoda untuk menumbuk informasi tentang subjek tertentu dalam satu karya daripada serangkaian artikel terpisah yang memecahkan topik dengan menarik. bit. Manfaatkan setiap kesempatan yang Anda miliki untuk menghukum saya dengan benar di bagian komentar, karena saya pikir ini akan terulang kembali dengan artikel ini. Saya menyesal.

Diskusi hari ini adalah tentang Neumorphism, sebuah gaya – atau tren – yang membuat para desainer berusaha keras untuk membuat mock-up. Atau apakah saya telah menjelajahi bagian web yang salah?

Neumorfisme

Neumorphism (atau Neo-skeuomorphism) adalah iterasi modern dari gaya mendesain elemen web, bingkai, layar, dll. Yang dikenal sebagai Skeuomorphism. JADI, Neumorphism adalah kombinasi yang jenaka dari kata “New” dan “Skeuomorphism”.

Karena “Baru” bukanlah kata baru bagi kita, mari kita lihat “Skeuomorfisme”.

Dalam mendefinisikan Skeuomorphism, yang terbaik untuk dilihat selain BBC, yang telah berhasil melayani nenek moyang kita dengan NEWS yang diperbarui sejak manusia menemukan radio:

[Desain]… aplikasi seluler yang meniru objek dunia nyata. Ini adalah desain “skeuomorphic”.

Mereka menemukan definisi yang jelas ini dalam sebuah laporan tentang Steve Jobs (memori yang diberkati), menjelaskan pergeseran dari tampilan “tradisional” aplikasi Apple. Penekanan pada kutipan ditambahkan oleh penulis ini .

Dengan ini, kita tahu bahwa Skeuomorphism sebagai kata dan gaya sangat dipopulerkan oleh Apple dalam desain produknya, dan seperti semua aktivitas Apple, mereka memiliki dan mendominasi ruang itu sendiri . Oleh karena itu, kita dapat dengan hati-hati menarik kesimpulan awam kecil:

Skeuomorphism = Gaya Apel Lama

Hal menarik lainnya untuk dicatat, adalah bahwa kata tersebut sangat terkait dengan kata kunci desain UI / UX yang seharusnya ; Affordance – yang merupakan kata yang sangat tepat, dijunjung tinggi di ruang desain produk.

Kelangkaan Skeuomorphism

Dalam periode menjelang rilis IOS7, Apple mengumumkan rencananya untuk meninggalkan gaya tradisional desain aplikasi – yang mencakup antarmuka dan ikon, dan dari periode itu, kami mulai melihat pergeseran dari gaya ini ke Desain Datar.

Keputusan bijak oleh tim Apple adalah membuat langkah ini selambat mungkin, dan pada tahun 2019, kami melihat salah satu titik puncak tren Desain Datar di seluruh komunitas desain.

Apple – Standar – telah mengumumkan bahwa Skeuomorphism telah mati, dan seluruh komunitas menggema sehingga merugikan para profesional Skeuomorphic. Desainer menjadi orang yang serba bisa, dengan mudah beralih.

Akhir 2018 – 2019 juga menyaksikan salah satu periode tergelap Desain Datar (dan desain secara umum) dengan munculnya gaya Ilustrasi The Humans of Flat Design , tetapi itu adalah cerita untuk hari lain.

Reinkarnasi anak tercinta

Saya tahu jauh di lubuk hati Anda mungkin mendambakan judul ini untuk menjadi judul novel fantasi Afrika atau seri Netflix yang Menarik, tapi TIDAK. Ini hanyalah sebuah alegori untuk kembalinya Skeuomorphism dalam bentuk Neumorphism.

Jalan-jalan santai melalui kerumunan Dribbble dengan kata kunci yang dibangun dengan benar seperti: Anda menebak – ‘neumorphism’, akan membawa Anda ke karya dari para profesional desain berbakat dan amatir yang mengomunikasikan ide, bidikan demi bidikan.

Saya salah satunya. Ambil puncak di beberapa milik saya di sini dan di sini . Mengakses salah satu tag dari sana akan membawa Anda ke beberapa keranjang yang membantu Anda memahami apa yang sebenarnya terjadi di Neumorphism.

Apa Neo tentang itu?

“Neo” dan “Neu” adalah kata-kata baru dari keluarga yang sama.

Menganalisis gaya baru ini dengan cermat — banyak digunakan mulai November 2019 – Anda akan mengetahui bahwa banyak elemen LAMA yang menjadi ciri pendahulunya telah dihilangkan seminimal mungkin.

Palet:

Sebagian besar warna pucat digunakan untuk permukaan; warna dengan chroma rendah dan terlihat dekat dengan putih, krem atau abu-abu lembut. Selain itu, gradien hanya digunakan sebagai warna yang mirip satu sama lain atau untuk mendorong minat ke bagian tertentu dari desain.

Bentuk:

Bentuk yang mudah diakses digunakan dan digunakan kembali jika perlu untuk membuat antarmuka yang terlalu berulang.

Perwakilan:

Tidak seperti pendahulunya, neumorfisme menggunakan efek yang sangat lembut dan halus, dan tidak mencoba merepresentasikan objek di alam secara berlebihan, tetapi membuat bentuk baru yang tampak seperti render tanah liat (tekstur permukaan yang paling banyak ditemui desainer 3D) dari sebagian besar elemen analog dari dunia lama.

Efek:

Alih-alih mendorong realisme secara maksimal, ia menggunakan efek yang sangat mudah diakses ke HTML dan CSS, seperti Double Drop shadows, Gradients, Fill, Stroke dan dalam kasus ekstrim Inner shadow, yang semuanya dapat dicapai dalam bentuk kode natural secara rata – rata pengembang .

Zero Overkill:

Atau, untuk desain yang berlebihan, Anda memerlukan pengembang 10X ( google it! ) Untuk mengimplementasikannya, atau terjebak dengan PNG, GIF, dan JPG yang berkinerja buruk dalam desain Anda, alih-alih Scalable Vector Graphics (SVG) yang tajam.

Bagaimana cara melakukan Neumorphism?

Untuk memulai, Anda harus terlebih dahulu menjadi seorang desainer – tidak, bukan untuk furnitur atau pakaian seperti yang mungkin Anda asumsikan, tetapi seorang desainer digital. Jadi ini dibatasi, tetapi tidak terbatas pada:

Desainer produk, desainer UI dan desainer grafis.

Setelah pemain diperiksa, salah satu alat umum mereka dapat melakukan triknya.

Alat dan batasannya:

Saya akan mencoba untuk menganalisis Pro dan Kontra dari alat-alat ini berdasarkan UI / UX dan desain Produk:

Adobe XD:

Awalnya dibuat untuk digunakan oleh desainer UI / UX. Ini adalah alat yang sangat ringan yang dimaksudkan untuk digabungkan dengan plugin pihak ketiga yang dibuat untuk aplikasi dan perangkat lunak lain di Adobe Creative Suite, karena itu sendiri bisa sangat membatasi.

Perancang memiliki akses ke fitur-fitur seperti status komponen, latar belakang dan objek buram sebagai Pro dan tidak adanya efek bayangan bertumpuk, goresan gradien, dll., Sebagai Kontra.

2. Figma:

Alat pertama yang menawarkan mode multipemain dalam skala besar, dengan sistem desain web yang solid. Alat ini juga menawarkan plugin pihak ketiga, tetapi ikatan yang lebih sulit dengan alat desain tradisional lainnya, tetapi berhasil sangat disukai.

Perancang memiliki akses ke fitur-fitur seperti penumpukan efek, latar belakang dan objek kabur sebagai Pro dan alur kerja desain yang kuat Web sebagai Penipu (ini bisa menjadi neraka jika tidak ada layanan internet yang layak).

3. Sketsa:

Masih merupakan kesayangan banyak desainer, alat ini adalah segalanya bagi Figma, tetapi dengan riwayat plugin yang lebih kuat dan berkembang, dan jangkauan layanan yang lebih luas, dengan multipemain segera hadir.

Perancang memiliki akses ke fitur-fitur seperti mode campuran, sistem vektor padat, dll., Sebagai Pro dan sering mogok, tertinggal dan terbatas pada perangkat khusus Apple sebagai Kontra.

4. Adobe Photoshop:

Desainer UI / UX yang masih menggunakan ini untuk proyek mereka sering dipanggil dengan istilah yang merendahkan seperti “peringatan boomer”, dll., Tetapi saya kebetulan bukan bagian dari penelepon ini – karena mereka kurang informasi. Ya, Photoshop sudah tua dan alur kerjanya bisa melelahkan untuk desain UI / UX, tetapi Anda tidak dapat mengabaikan kekuatan perangkat lunak ini untuk melakukan semua tugas di satu meja. Inilah alasan mengapa senjata lama akan tetap menggunakannya sampai mereka pensiun.

Perancang memiliki akses ke fitur-fitur seperti pengeditan gambar yang solid, opsi pencampuran yang rumit (mis. Bayangan dalam), komunikasi yang solid dengan mesin vektor besar seperti Adobe Illustrator, dll., Sebagai Pro dan Kontra Saya secara pribadi memilih untuk mengecualikan dari diskusi ini.

5. Lainnya:

Invision Studio (solid untuk pembuatan prototipe), Affinity Designer, dll. Juga dapat menyelesaikan pekerjaan, tetapi semuanya termasuk dalam salah satu kategori menarik di atas dari 1–4.

6. Jangan gunakan:

Kecuali Anda berniat menderita dengan pemilihan gradien / warna dan mencapai tugas-tugas mudah seperti desain dan komponen yang ditautkan, atau Anda hanya ingin membuang-buang waktu majikan Anda, hindari Adobe Illustrator untuk desain UI Anda.