David Ofiare

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”.

Gambar untuk postingan

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.

Gambar untuk postingan
Gambar untuk postingan
Skeuomorfisme Ekstrim dari Ultralinx

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.

Gambar untuk postingan
Karya David Ofiare
Gambar untuk postingan
Pekerjaan oleh Filip Legierski

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.

Gambar untuk postingan
Header Twitter dari Youtuber Populer Marques Brownlee

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.

Gambar untuk postingan
Ikon dan elemen Freebie oleh MazePixel

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:

  1. 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.

No Comments
Comments to: Neumorphism dengan cara yang benar – Tren Desain 2020

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Attach images - Only PNG, JPG, JPEG and GIF are supported.

Good Reads

Tokopedia sebagai salah satu situs e-commerce terbesar di Indonesia secara konsisten memberikan layanan gratis kepada para pelaku bisnis yang ingin memasarkan dan menjual produknya secara online di situs Tokopedia. Layanan gratis yang diberikan oleh Tokopedia ternyata menjadi pertanyaan yang sering ditanyakan kepada William Tanuwijaya selaku CEO Tokopedia. Layanan gratis yang diberikan oleh William ini ternyata […]

Worlwide

David Ofiare 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 […]
Tokopedia sebagai salah satu situs e-commerce terbesar di Indonesia secara konsisten memberikan layanan gratis kepada para pelaku bisnis yang ingin memasarkan dan menjual produknya secara online di situs Tokopedia. Layanan gratis yang diberikan oleh Tokopedia ternyata menjadi pertanyaan yang sering ditanyakan kepada William Tanuwijaya selaku CEO Tokopedia. Layanan gratis yang diberikan oleh William ini ternyata […]
Lukisan digital adalah cara luar biasa untuk menciptakan seni yang mengagumkan. Dalam tutorial ini Anda akan belajar cara membuat lukisan digital raksasa dengan mengikuti langkah-langkah sederhana ini. Di sini, saya akan membagikan beberapa teknik dasar yang digunakan saat membuat lukisan ini. Pratinjau Hasil Akhir Sumber Tutorial Langkah 1 Sebelum memulai, kita akan terlebih dahulu memahami […]

Trending

Sangat mudah untuk mengabaikan pentingnya riset pemasaran. Lagi pula, ketika Anda pertama kali memikirkan ide bisnis, menghabiskan waktu berjam-jam untuk riset pasar adalah hal terakhir yang ada di pikiran Anda. Sebagian besar dari kita lebih suka mulai membuat dan menjual produk daripada memikirkan nilai riset pemasaran. Tetapi untuk semua jenis bisnis, ada kebutuhan nyata untuk riset pasar. Ini […]
Pernahkah Anda bertanya-tanya apa kesamaan emotikon dan emoji, atau bagaimana mereka muncul? Yah, karena kami suka memberdayakan pembaca dengan pengetahuan, kami meluangkan waktu dan menyusun artikel mendalam yang seharusnya meruntuhkan dua cara komunikasi modern yang telah mengubah hidup kita sedemikian besar. Sejak masa awal kemanusiaan, kemampuan kita untuk berkomunikasi telah memainkan faktor kunci dalam sepenuhnya membentuk […]
Apakah Anda seorang pemula atau desainer yang berpengalaman, kedua konsep ini penting untuk diketahui jika Anda mengatur teks secara teratur. Font monospace dan proporsional adalah istilah yang tidak banyak desainer tahu kecuali mereka ingin mengasah keterampilan mereka. Kedua jenis font ini hanya memiliki satu hal yang berbeda — lebar karakter. Mari kita lihat arti dan beberapa contohnya.  Apa […]
Apakah Anda ingin belajar cara mengubah warna rambut di Photoshop? Dalam tutorial ini akan menunjukkan kepada Anda bagaimana mengubah warna suatu objek di Photoshop menggunakan teknik yang sangat serbaguna. Mari kita coba memilih objek dan cara menyesuaikan warnanya tanpa memengaruhi gambar asli. 1. Cara Memilih Bagian Rambut di Photoshop Bagian ini adalah yang paling sulit, karena rambut bisa […]

Join our Newsletter

Get our monthly recap with the latest news, articles and resources.

By subscribing you agree to our Privacy Policy.

Latest Titles

Categories

Tag

Login

Selamat datang di Halodesainer

Orientasi singkat dan ramah adalah hal pertama yang dilihat pengguna baru dalam tema.
Join Typer
Registration is closed.