ما هو تصميم skeuomorphic؟

ما هو تصميم skeuomorphic؟

للكاتب تونى هو تران /المصدر انفجن

ربما يكون مصطلح “تصميم skeuomorphic” قد أرسلك إلى Google أو Dictionary.com بشكل أسرع مما يمكنك قوله (ربما لأنه من الصعب أيضًا نطقه).

لذلك دعونا نحللها: التصميمات العريضة الشكل عبارة عن تصميمات تحاكي عناصر المنتجات والميزات الواقعية. يتم تطبيق Skeuomorphismis عندما يرغب المصممون في جعل كائنات الواجهة أكثر دراية للمستخدمين من خلال استدعاء كائنات ومفاهيم واقعية معروفة.

أنت تعرف كيف يجعل هاتف الكاميرا صوت المغلاق في كل مرة تلتقط فيها صورة؟ هذا مثال رائع على التصميم الإنسيابي. إنه يقلد صوت الكاميرا التناظرية ، على الرغم من أن هذا الصوت ليس ضروريًا لالتقاط صورة على هاتفك. يعتبر هذا الاعتبار المتمركز حول المستخدم لإضافة عناصر إضافية غير ضرورية تمامًا علامة مميزة لتصميم skeumorphic: إضافة ميزات وعناصر لجعل المنتجات أكثر قابلية للتعرّف عليها.

لماذا فعل هذا؟ بعد كل شيء ، إذا لم يكن المنتج ضروريًا ، فلا ينبغي عليك تضمينه – أليس كذلك؟

الجواب معقد بعض الشيء. هذا هو السبب في أننا سنرشدك خلال بضعة أمثلة رائعة على التصميم ذي الشكل السماوي ، والنظرية وراء الأشكال السماوية الشكل ، ولماذا قد ترغب في استخدامها في عملية التصميم الخاصة بك.

ما هو تصميم skeuomorphic؟

تصميم Skeuomorphic هو أسلوب تصميم يحاكي الطريقة التي يتفاعل بها المستخدمون مع التصاميم والمنتجات الواقعية. يستخدمه المصممون لإعطاء مستخدميهم شعورًا بالألفة مع التصميم ، بهدف جعل المستخدمين أكثر راحة ومن المحتمل أن يتفاعلوا مع منتج أو ميزة.

مثال جيد للغاية على ذلك يأتي في شكل أيقونة “حفظ”.

عند تقديم رمز الحفظ لأول مرة ، ساعد ذلك المستخدمين على معرفة أن الزر قد حفظ ملفاتهم على الأقراص المرنة. إنها الآن تقنية قديمة ومضحكة ، لكنها بقيت في مجال التصميم لأنها أصبحت مرادفة لكلمة “حفظ”.

لماذا احتفظ بها بعد ذلك؟ لماذا لا تحل محلها رمز USB ، أو مجرد كلمة “حفظ”؟

لأنه مألوف. يعرف الناس ما يعنيه ويعبرون عن ارتياحهم. هذا هو جوهر التصميم الإنسيابي.

عنصر آخر رئيسي في تصميم Skeuomorphic هو استخدام التدرجات والأنسجة لمحاكاة المزيد من العناصر الشبيهة بالحياة. يمكن العثور على مثال رائع على ذلك في تصميمات iOS المبكرة.

أعطت التدرجات المستخدمة في أيقونات التطبيق المستخدمين شعورًا بأنهم في الواقع يمكنهم لمسها وتشعر بها واستخدامها مثل أزرار الحياة الحقيقية.

كانت هذه التصميمات سائدة للغاية في بداية العصر الرقمي عندما كانت هناك منتجات مثل الهواتف المزودة بشاشة تعمل باللمس واللوحات الذكية تصل إلى السوق. لم يكن المستخدمون على دراية بهم وكانوا في حاجة إلى وسيلة للتكيف مع هذه التجارب الجديدة ، وساعدت الأشكال الرمزية على تسهيل هذا الانتقال.

مثل العديد من الأشياء المتعلقة بالتصميم ، ومع ذلك ، فإن skeuomorphism يأتي مع خلافاته – واحدة منها هي مسألة ما إذا كان الأمر ضروريًا أم لا.

هل تصميم skeuomorphic ميت ؟

مع مرور الوقت ، وأصبح المستخدمون يعرفون القراءة والكتابة أكثر فأكثر ، بدأ تلاشي الأسماء الجغرافية في الظهور. أصبح هذا التحول واضحًا للغاية عندما أصدرت Apple التحديث الرئيسي iOS 7 في عام 2013 ، حيث قدمت تصميمًا مسطحًا على برامج iPhone الخاصة بها.

التصميم المسطح هو اتجاه تصميمي بسيط يتخلص من كل تلك التدرجات والأنسجة التي تعطي تصميمات ثلاثية الأبعاد وتشعرك بها. إنه يعطي كل شيء مظهرًا أكثر فاعلية وأقل تشويشًا – ويلجأ إليه المزيد من المصممين لصالح التصميم ذي الأشكال الكهربية.

تحقق من حزمة أيقونة مسطحة لدينا مجانا.

لم تكن شركة Apple أول من استخدم التصميم المسطح في برامجهم ؛ ضغط Windows على التصميم بداية من عام 2006 بإصدار Zune الخاص به. ومع ذلك ، كان هذا التغيير في iPhone UI هو الذي دفع طريقة التصميم إلى المقدمة ، مما تسبب في إعلان الكثير بجرأة ، “Skeuomorphism مات!”

سؤال: هل مات بالفعل؟

ج: لا ، بالتأكيد لا.

السبب بسيط: طالما تطورت التكنولوجيا ، فسيظل المستخدمون بحاجة إلى مساعدة للتعرف على التكنولوجيا الجديدة.

حتى Apple ، وهي من محبي التصميم المسطح ، لا تزال تشتغل في Skeuomorphism مع Apple Watch.

 

لاحظ على مدار الساعة التناظرية؟ هذا انحراف الشكل الخالص. لا يوجد سبب لوجودها عندما يمكن أن تقرأ رقميًا – لكنه سيظل موجودًا لأن هذا هو ما يعرفه المستخدمون.

حتى عندما يطبق المصممون تصميمًا مسطّحًا ، لا يزال هناك غالبًا عنصر من عناصر الشكل الفلكي. مثال جيد على ذلك هو عدد واجهات الهاتف التي ما زالت تتضمن مقبض هاتف قديمًا لزر الاتصال.

الآن وبعد أن نظرنا إلى بعض النظرية وراء التصميم الإنسيابي ، دعونا نلقي نظرة على بعض الأمثلة الرائعة على ذلك.

خمسة أمثلة رائعة لتصميم skeuomorphic

تتراوح هذه الأمثلة من البرامج الرقمية إلى المنتجات المادية ، مع وجود عدد قليل منها من العصور القديمة. كل يعرض مرونة وعمق skeuomorphism.

دعهم يلهمونك أو يعلمونك فقط كيف يمكن استخدام التلون اللغوي في عملك.

1. برنامج الموسيقى

غالبًا ما تستخدم واجهات برامج الموسيقى عناصر تصميم skeuomorphic من خلال محاكاة المقابض والأشرطة المتزلج أزرار وجدت على لوحات المزيج والأمبير.

مثال رائع على ذلك يأتي من برنامج Apple Logic Pro (الموضح أعلاه). تتضمن الواجهة العديد من منزلقات التمرير التي يمكنك العثور عليها على لوحة خلط لمساعدة المنتجين على الشعور بأنهم يستخدمون لوحة واقعية.

حتى أنهم يبتلعون مع skeuomorphism مع برنامج Garageband الخاص بهم.

يأخذ برنامج صناعة الموسيقى Reason هذا الأمر إلى أبعد من ذلك عن طريق السماح لك بعرض الجزء الأمامي من مختلف الأمبير والخلاطات الواقعية.

وحتى ظهورهم من لوحات.

لاحظ كل الأسلاك ، والمقابس ، وحتى المشجعين؟ من الناحية الفنية ، ليست ضرورية – لكنها تحاكي نظرائهم في الحياة الواقعية ، مما يمنح المستخدمين تجربة مألوفة.

2. تدوين الملاحظات التطبيقات

يمكن مشاهدة أمثلة رائعة لتصميم skeuomorphic في العديد من تطبيقات تدوين الملاحظات المختلفة. انخرطت آبل في هذا الأمر كثيرًا من خلال تصميماتها الأولى لنظام iOS لأجهزة iPad و iPhone.

في المثال أعلاه ، قاموا بمحاكاة الوسادات القانونية الصفراء لتطبيقات المذكرات الخاصة بهم.

لا يزال Macbooks يتضمن هذه العناصر مع تطبيق Stickies الخاص به ، والذي يتيح للمستخدمين إنشاء ملاحظات لاصقة للتذكير و to-dos.

وبالمثل ، فإن تطبيق التقويم Opus One يأخذ أيضًا منهجًا في تصميمه (انظر أدناه).

يعتقد مايكل فلاروب ، أحد مطوري التطبيقات ومصمميها ، أن عناصر التطبيق السماوية الشكل هي نعمة لتصميمه ، وتُظهِر أن تعدد الأشكال لا يزال على قيد الحياة وبصحة جيدة.

وكتب في مقال متوسط ​​في عام 2018. “لقد وصل [Opus One] إلى الصفحة الأولى من Dribbble” ، وقال: “هناك تصميم منبسط الشكل جعله يصل إلى صفحة Dribbble الشائعة بين واجهة المستخدم الرسومية والتوضيحات. هذا بالنسبة لي هو أكبر تأييد وفرصة مفتوحة للتفكير البديل في تصميم الواجهة “.

3. عرض رقمي

غالبًا ما تتميز الساعات والآلات الحاسبة وأي واجهة أخرى تعرض الأرقام غالبًا بأمثلة رائعة لتصميم الأشكال السماوية الشكل.

المثال أعلاه يأتي من شاشة التوقف الشعبية Flip Clock. مع كل دقيقة تمر ، يتغير الوقت مع قلب العدد — محاكاة الساعات القديمة في الماضي.

غالبًا ما تعرض تطبيقات الساعة أرقامها باستخدام تخطيط رقمي قديم (انظر أدناه).

تعد الآلات الحاسبة مثالًا رائعًا آخر على الانحراف اللغوي في المنتجات الرقمية. على سبيل المثال ، كانت تصميمات iOS المبكرة لآلة حاسبة iPhone تحاكي شكل ومظهر الآلات الحاسبة الفعلية.

يوضح المثال أعلاه كيف استوحى مصممو آبل من مجموعة منتجات Braun وحاولوا بذل قصارى جهدهم لمحاكاة هذه المنتجات.

4. حذف أيقونة

واحدة من أكثر الأجزاء الثابتة للتصميم السماويورفوريكي هي أيقونة الحذف أو المهملات. عادة ما تأتي في طريق صندوق مليء بالقطع الورقية المهملة.

قدمت Apple الرمز في عام 1982 مع واجهة مستخدم Apple Lisa الخاصة بهم. في الترحيل السري الأول ، بدا الأمر وكأنه قمامة قديمة قد يجدها المرء في زقاق (انظر أدناه). أراد المصممون إيصال أن هناك طريقة للمستخدمين لحذف الملفات نهائيًا من أجهزة الكمبيوتر الخاصة بهم.

حميدة ، أليس كذلك؟ حسنًا ، قد يفاجئك عندما تعلم أن تاريخ أيقونة سلة المهملات مليء بالجدل والتقاضي.

في عام 1988 ، رفعت Apple دعوى قضائية ضد HP و Microsoft بسبب تشابهها بين واجهات مستخدم منافسيها وبين Apple – بما في ذلك أيقونة سلة المهملات. وصلت القضية في النهاية إلى محكمة الاستئناف بالدائرة التاسعة ، حيث قضى القضاة بأن أيقونة سلة المهملات التي استخدمتها مايكروسوفت كانت تشبه شركة أبل.

لهذا السبب تشبه أيقونة الحذف من Microsoft (انظر أعلاه) سلة لإعادة التدوير بدلاً من علب القمامة. كل هذا المتاعب بسبب تصميم skeuomorphic قليلا.

5. الملفات والمجلدات

على الرغم من أن الملفات والمجلدات تسير في طريق الدودو ، فإنها تظل حية من خلال نموذج الرمز.

هذه الرموز هي الدعائم الأساسية للمصممين الذين ينقلون المستندات وطرق تخزين المستندات. لا يبدو وجوده في أي مكان قريبًا. لا تزال Apple تستخدمها في نظام التشغيل الخاص بها (انظر أعلاه) ، وكذلك Google و Microsoft (انظر أدناه).

نظام ملفات Google Drive

تعمل هذه الرموز بشكل جيد مع رموز المهملات. في الواقع ، إذا قمت بسحب الملفات والمستندات إلى رمز سلة مهملات Apple ، فيمكنك مشاهدتها ممتلئة بالأوراق. وإذا قمت بإفراغ سلة المهملات ، فإنها تجعل صوت التفريغ مرضيًا.

هل هو ضروري للغاية؟ لا. هل هو مثال ساطع على التفسخ في العمل؟ تتحدى!

استخدام تصميم skeuomorphic بحكمة

تصميم Skeuomorphic لم يمت. لقد تطورت للتو – تمامًا مثل التكنولوجيا التي تحاول تقليدها.

عندما تستخدمه ، تذكر أن تضع المستخدمين في الاعتبار وأن تسأل نفسك ، “هل سيؤدي التصميم الفلكي إلى مزيد من الخبرة مع المنتج؟”

لمعرفة المزيد حول أنماط التصميم المختلفة ، تأكد من مراجعة دليلنا لاستخدام التصميم المسطح.

للكاتب تونى هو تران /المصدر انفجن