Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Skeuomorphism dalam Design Antar Muka

by
Length:MediumLanguages:

Malay (Melayu) translation by Bagus Dwi (you can also view the original English article)

Benar, Skeuomorphism. Mari kita lihat apa istilah yang pelik ini, apabila anda harus menggunakannya dalam reka bentuk antara muka dan apa yang boleh berlaku apabila ia berlaku.


Skeuo... apa?

Sekiranya anda tidak pasti apa Skeuomorphism betul-betul, mari kita dapatkan bantuan daripada Wikipedia yang boleh dipercayai untuk menerangkannya.

elemen reka bentuk atau struktur yang berfungsi sedikit atau tiada tujuan dalam artifak yang dibuat dari bahan baru tetapi penting untuk objek yang dibuat dari bahan asal - Wikipedia

Dalam konteks reka bentuk antara muka digital, ini pada dasarnya bermaksud membuat elemen kelihatan seperti objek dunia sebenar. Tekstur kayu, kertas koyak dan reben dijahit adalah semua contoh skeuomorphism dalam tindakan dan tidak diragukan lagi anda telah menjumpai lebih banyak lagi pada zaman sekarang.

Terdapat perasaan bercampur-campur dalam penggunaan unsur-unsur seperti itu dan argumen telah dibuat untuk dan terhadap mereka. Adakah skeuomorphism menambah atau mengurangkan kegunaan? Adakah ia berfungsi sebagai tujuan, atau ia sememangnya tidak berlebihan? Soalan-soalan ini dan banyak lagi akan dijawab di bawah.


Situasi Semasa

Ia selamat untuk mengatakan bahawa Apple mempunyai pengaruh dalam lonjakan terkini gaya reka bentuk ini. Aplikasi seperti iBooks, Calendar dan Find My Friends semua mempunyai reka bentuk skeuomorphic dan, tidak dapat dielakkan, ini mempunyai kesan ke atas reka bentuk aplikasi lain di pasaran.

Skeuomorphisme tidak terhad kepada apl sama ada; ia telah secara semulajadi mendapati jalan ke dalam reka bentuk antara muka pengguna di banyak laman web juga.

Masalahnya ialah apabila gaya reka bentuk tertentu menjadi popular, mereka menjadi semakin dieksploitasi; seperti yang berlaku pada banyak masa dahulu. Gaya menjadi terlalu banyak dan disalahgunakan dengan sedikit pemikiran terhadap keputusan yang dibuat. Apabila ini berlaku, gaya secara keseluruhan boleh kehilangan keberkesanannya, yang boleh menjadi tidak adil. Skeuomorphisme nampaknya menuju ke arah ini. Oleh itu, kita patut melihat kedua-dua positif dan negatif menggunakan gaya sedemikian sebelum kita membuat sebarang penghakiman.


Kebaikan

Mungkin hujah nombor satu yang memihak kepada skeumorphism adalah bahawa ia dapat membantu mewujudkan perasaan akrab. Berinteraksi dengan unsur-unsur yang mereka gunakan di dunia nyata dapat membantu pengguna merasa lebih selesa dengan pengalaman; sesuatu yang amat penting bagi pengguna yang tidak sepenuhnya selesa menggunakan teknologi moden.

Perlu diingat bahawa Apple sangat baik untuk menargetkan ini, secara amnya, kumpulan pengguna pengguna yang lebih tua dan kurang berteknologi. Ramai orang kini menggunakan iPads yang akan mempunyai pengalaman terhad dengan komputer tradisional. Oleh itu, masuk akal, untuk menjadikan aplikasi kalendar kelihatan seperti kalendar sebenar; sesuatu yang tidak syak lagi ramai orang akan menggunakannya sebelum ini.

Dengan ini, perlu (sebagai selalu ada) untuk mempertimbangkan penonton sasaran anda semasa merancang aplikasi baru atau laman web anda. Pertimbangkan sama ada penonton anda mempunyai banyak pengalaman dengan platform anda, jika ada apa yang mereka mungkin tidak faham dan, jika ada, sama ada mereka mungkin mendapat faedah dengan memasukkan elemen skeuomorphic atau metafora visual.

Satu lagi aspek positif skuomorphism adalah keupayaannya untuk menyampaikan suasana tertentu atau menjana emosi tertentu. Dalam kehidupan sebenar kita boleh menggunakan semua deria kita untuk menilai objek; bagaimana rupa, bunyi, rasa, terasa dan bau. Dengan meniru bagaimana objek dunia nyata kelihatan, elemen digital juga dapat menimbulkan sifat-sifat lain objek itu.

Sebagai contoh, tekstur kulit yang kelihatan (dengan jahitan wajib) dapat merangsang kenangan tentang bagaimana kulit terasa dan bau dan, sebaliknya, menandakan perasaan penghalusan dan kemewahan. Jika ini adalah jenis perasaan yang anda mahu dikaitkan dengan, mungkin berbaloi untuk mempertimbangkan menggunakan elemen jenis ini, menjadikannya masuk akal dalam konteks projek anda.

Reka bentuk skeuomorfik juga umumnya berfungsi dengan baik untuk mewujudkan suasana yang tidak formal dan suka bermain. Anda sering akan mendapati gaya ini dalam permainan atau dalam senario santai yang lain; seperti dalam aplikasi iBooks Apple misalnya.

Malah, skeuomorphisme adalah cara yang baik untuk dengan cepat dan jelas menyampaikan tema laman web atau aplikasi anda.

Portfolio Designer Marc Mendell menggunakan skeuomorphism untuk memberi kesan yang baik dengan mensimulasikan persekitaran kerja rumah. Marc menggunakan komputer riba untuk memaparkan kerja dari portfolionya.

Begitu juga, pereka web Zoltan Hosszu menggunakan banyak ciri skeumorphic dalam laman web portfolionya. Di dalam persekitaran rumah pseudo ini, dia memaparkan portfolionya di rak dan juga menggunakan pencahayaan tempat untuk kesan tambahan.

Adalah umum untuk blog dan jurnal dalam talian untuk menggunakan tekstur kertas dalam reka bentuk mereka. Blog IconEden melangkah lebih jauh dan memasukkan kertas yang disusun, sokongan kulit, penanda pita dan juga pena air mancur.

Oleh itu, kita telah melihat bahawa skeuomorfisme mempunyai beberapa positif. Walau bagaimanapun, seperti yang dinyatakan sebelum ini, ia juga boleh mempunyai beberapa kekurangan.


Kekurangan

Masalah besar yang dihadapi dengan skuomorfisme adalah mudah untuk sesuatu yang salah apabila cuba membuat elemen realistik. Mata manusia sangat baik apabila mengambil sesuatu yang tidak kelihatan dengan betul, walaupun ia tidak mendaftar pada tahap yang sedar. Ini biasanya terjadi apabila berurusan dengan sumber cahaya, bayang-bayang dan perspektif.

Sebagai contoh, mari kita lihat bayang drop bevelled atau melengkung yang telah menjadi popular. Ia adalah perubahan dari bayangan drop standard dan ada yang berpendapat bahawa ia juga kelihatan cantik.

Walau bagaimanapun, ia tidak "merasa" agak betul. Bayang-bayang itu akan menunjukkan sama ada objek itu sendiri melengkung atau permukaan yang terletak di atasnya; tetapi pencahayaan dan bentuk keduanya mencadangkan mereka tidak. Perkara-perkara kecil ini benar-benar boleh membuat perbezaan, jadi perhatian terhadap perincian adalah penting ketika membuat elemen skeuomorphic dan meniru kehidupan nyata.

Terdahulu, disebutkan bahawa antara muka skeuomorphic dapat meningkatkan kebolehgunaan dengan menggunakan unsur-unsur orang yang sudah biasa dengannya. Walaupun ini masih benar, ia juga boleh mempunyai kesan yang bertentangan dan berpotensi mengelirukan orang jika ia tidak dilakukan dengan betul.

Apabila pengguna mencari unsur digital yang menyerupai sesuatu yang mereka kenal di dunia nyata, mereka juga akan mengharapkan ia bertindak dengan cara yang sama juga. Jika elemen tidak berfungsi seperti yang diramalkan, pengguna mungkin kecewa; terutamanya jika mereka adalah pengguna yang tidak berpengalaman.

Ia boleh menjadi terlalu mudah untuk memberi tumpuan kepada unsur estetik antara muka skeuomorphic dan mengabaikan fungsi. Fungsi pengabaian bagaimanapun dan anda mengubah skeuomorfisme menjadi sesuatu yang benar-benar merosakkan kebolehgunaan dan kualiti pengalaman pengguna dan bukannya menambahnya.

Akhirnya, kritikan yang sering disamakan di muka skeuomorphic ialah mereka kurang kreativiti dan menghalang inovasi. Teknologi adalah salah satu daripada pasaran yang berkembang pesat yang sentiasa menyediakan cara yang lebih cekap dalam menjalankan tugas, jadi mengapa melihat ke belakang dari segi reka bentuk antara muka?

Adalah perkara biasa untuk melihat senarai tugasan, pengambilan nota dan antara muka kalkulator kelihatan seperti rakan sejawat mereka yang sebenar, dengan kos berpotensi membuat tugas-tugas ini kurang berkesan daripada yang mereka boleh. Objek fizikal dunia nyata mempunyai batasan bahawa unsur-unsur digital tidak, jadi dengan meniru pereka kehidupan sebenar menyekat diri mereka dan kehilangan peluang untuk memanfaatkan sepenuhnya teknologi semasa, seperti yang akan kita lihat di bawah.


Not the Only Way

Walaupun skeuomorfisme mungkin popular pada masa ini, ia bukan satu-satunya cara untuk mewujudkan antara muka yang menarik dan menarik.

Aplikasi iPhone to-do yang popular Clear menggunakan antara muka yang cantik dan sederhana. Reka bentuk membezakan aplikasi ini dari banyak yang lain yang mempunyai tekstur notepad, kotak pilihan, tab dan elemen skeuomorphic lain.

Memilih untuk tidak mencontohi senarai tugasan tradisional telah membolehkan para pereka untuk berfikir secara berbeza dan menggunakan sepenuhnya teknologi yang tersedia kepada mereka. Aplikasi ini telah dibina di sekitar gerak isyarat multi-sentuhan dan bersama-sama dengan animasi yang lancar, ia menjadikan pengalaman yang sangat unik dan elegan.

Versi terbaru sistem pengendalian Microsoft, Windows 8, juga akan menampilkan gaya reka bentuk antara muka yang tajam, kukuh dan mudah dikenali sebagai 'Metro'. Gaya yang telah dipaparkan pada Windows Phone dan Xbox Live, digambarkan sebagai 'Authentically Digital'.

Ia sangat berbeza dengan apa yang kita lihat sebelum dari Microsoft dan mereka telah memutuskan untuk pergi ke arah yang sama sekali berbeza untuk Apple; dengan fokus pada tipografi dan penyampaian kandungan dengan sedikit dengan cara butiran luar.


Kesimpulannya

Skeuomorphism nampaknya sangat popular pada masa ini, tetapi tidak syak lagi populariti ini akan berkurang dari masa ke masa. Banyak perasaan orang tentang gaya ini secara amnya akan datang kepada rasa peribadi. Mungkin pengguna teknologi yang berpengalaman mungkin mendapati skeuomorphisme yang tidak perlu atau bahkan kitsch, sementara pengguna kasual mungkin lebih menghargainya.

Walau bagaimanapun, kami telah melihat bahawa skeuomorphisme mempunyai kedua-dua aspek positif dan negatif dan wajar mengambil mereka sebelum melaksanakan jenis gaya ini dalam reka bentuk antara muka anda yang seterusnya.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.