ما يمكن لمصممي الويب تعلمه من الموسيقى الألبوم الفني
يتحول الكثير من أعمال التصميم إلى الجوّال. يتزايد عدد الأشخاص الذين يدخلون إلى الويب عبر أجهزة الجوّال ، ويتعين على المصممين التكيف وفقًا لذلك.
أحد عناصر ذلك ، هو تحسين الصور للأجهزة المحمولة. بالتأكيد ، هناك الجوانب الفنية مثل الدقة وتقليل حجم الملف ، ولكن ماذا عن نسبة العرض إلى الارتفاع الفعلية ومحتوى الصور نفسها؟
حسنا ، في بعض الأحيان يمكن أن يأتي أفضل مصدر إلهام من مكان ما لا علاقة لها مجال عملك. في هذه الحالة ، يغطي الألبوم - خاصة تلك المخصصة لمشغلات الموسيقى المحمولة وأجهزة الجوال والمتاجر عبر الإنترنت وخدمات بث الموسيقى وغير ذلك الكثير.
تابع القراءة لمعرفة أغلفة الألبومات التي يمكن تعليمها حول تحسين الصور للأجهزة المحمولة.
لا فوضى
أكبر الفرق بين تصميم الجوال وتصميم الويب هو الحجم (من الواضح). وبالتالي ، ليس هناك مجال كبير للصور فحسب ، بل ستظهر الصور نفسها أصغر بكثير. ونتيجة لذلك ، ستبدو صورك أفضل بدون فوضى.
القليل من التفاصيل وعناصر متعددة وما إلى ذلك يمكن أن تبدو جيدة في صورة كبيرة (مثل صورة كاملة العرض على كمبيوتر محمول). لكنها لن تكون واضحة جدا في صورة صغيرة. سوف تبدو مجرد فوضى. لذا ، إذا تأكدت من عدم وجود فوضى في صورك ، ستبدو صورك أكثر نقاءً.
للحصول على مثال فوري ، قم بعمل بحث عن شيء ما. في شبكة الصور المصغرة ، انظر الصور التي تبدو جيدة في هذا الحجم الأصغر والتي تشبه الفوضى. ستبدو جميع الصور جيدة بحجمها الكامل ، لكن الصور التي لا تحتوي على فوضى تبدو صغيرة أيضًا. على أجهزة الجوال ، ستبدو معظم صورك بهذا الحجم. لذا إذا كنت تريد تحسين صورك لأجهزة الجوال ، فتأكد من أن صورك لا تحتوي على فوضى.
المظهر الجيد كصور مصغرة هو بالضبط ما تركز عليه أغلفة الألبومات المصممة لشاشات الجوال الصغيرة والمتاجر على الإنترنت وخدمات بث الموسيقى. يجب التركيز على ذلك أيضًا إذا كنت تريد أن تبدو صورك جيدة على أجهزة الجوال
ركز على عنصر واحد
لديك ميزة صورة عنصر رئيسي واحد فقط. على غرار الطريقة التي لن تتمكن من رؤية التفاصيل بسهولة في صورة صغيرة ، فإن وجود عناصر متعددة في الصورة سيجعل من الصعب معرفة ما هي الصورة. كصورة بالحجم الكامل على جهاز كمبيوتر محمول ، يمكنك بسهولة إنشاء عناصر متعددة ، ولكن صورة بحجم مصغّرة ، وليس ذلك كثيرًا.
على سبيل المثال ، بدلاً من الحصول على صورة لشخص يركل الكرة إلى هدف (الكثير من العناصر: شخص من الرأس إلى القدم ، الكرة ، الهدف) ، قم باقتصاص الصورة بحيث لا يكون سوى تسديد لقطة للقدم وركل كرة (عنصر رئيسي واحد: الكرة التي يتم ركلها). يتم التعبير عن نفس الفكرة (ركل هدف ، التسجيل ، الفوز ، إلخ) ولكن من الأسهل رؤية وفهم الصورة على جهاز محمول.
استخدام القوام خفية (أو الألوان الصلبة)
إن القوام المشغولة تشبه الفوضى ، فهي تشتت انتباه العنصر الرئيسي. في حين أنها يمكن أن تعمل على شاشة كبيرة - لا يزال بإمكانك رؤية العنصر الرئيسي بوضوح - على شاشة متحركة صغيرة تشغلهم. السبب في ذلك هو أن هناك مساحة أقل بين كل عنصر في بنية مشغولة ، لذلك عندما تكون الصورة أصغر ، تبدو المادة أقرب إلى باب شاشة الفناء (حفنة من المربعات الصغيرة المحصورة معاً) بدلاً من جدار مبلّط (سهل على عيون وكل عنصر يمكن تمييزها بسهولة).
عندما يكون النسيج دقيقًا ، سيظل يعاني من نفس المشكلة مثل الملمس المزدحم ولكن سيكون بالكاد ملحوظًا ، وهذا لا يجعله يشتت انتباهك عند المشاهدة على شاشة جوال. فكر في خلفية بيضاء كبيرة مربعة الشكل بدلاً من خلفية مقلّمة رقيقة باللونين الأبيض والأسود. أو بضع غيوم خفيفة بدلاً من شروق الشمس ذي السحب الكبيرة. على الشاشة الصغيرة ، تختفي الصورة تقريبًا ، لذلك يصبح النسيج غير ذي صلة ويبقي التركيز على العنصر الرئيسي.
وبالطبع ، فإن اختيار صورة أفضل هو خيار ذو ألوان صلبة في الغالب. ثم يمكنك القضاء على المشكلة تماما. كبير ، صغير ، كمبيوتر محمول ، جهاز محمول ؛ لا يهم حجم الصورة ، سيبدو اللون الصلب كما هو ولن يلهيه. بالعودة إلى مثال السماء ، ستكون السماء زرقاء صافية بدلاً من واحدة مع بضعة غيوم. تبدو خلفية السماء الصافية أكثر تنظيماً ولا تشتت على الإطلاق على شاشة الهاتف المحمول.
هذا لا ينطبق فقط على الخلفية ولكن أي عناصر. شخص يرتدي قميصًا ، والنمط على شيء ما ، وأي شيء آخر. تظهر الأشكال الأكثر دهاءً (أو الألوان الأكثر صلابةً) بدلاً من ذلك ، ونظافة الصورة وأكثر ظهوراً ستبدو صغيرة على جهاز محمول.
تناقض
إذا كانت القوام هي الصورة الدقيقة للصورة ، فإن هذا يتعامل مع الماكرو ، الصورة بأكملها. في حين أن الصغير لا ينبغي أن يصرف ، يجب أن يكون الماكرو مرئيا بوضوح قدر الإمكان. وعادةً ما يعني ذلك تباينًا أعلى لصورك. تأكد من أن العنصر الرئيسي يمكن رؤيته بسهولة وإخراجه من الصورة.
من الصعب تمييز كائن رمادي غامق عن خلفية رمادية فاتحة. مرة أخرى ، عند عرضها على شاشة كبيرة ، يمكنك تمييز الكائن ، ولكن كصورة صغيرة على جهاز محمول ، وليس ذلك بكثير.
حاول تمييز صور ذات تباين طبيعي. لونان متباينان. عنصر ملون مقابل خلفية رمادية (أو أي عنصر مقابل خلفية بيضاء). كرة بيضاء على مرج أخضر. أساسا ، العنصر الرئيسي هو النقطة المحورية ، ويقوي التباين العالي ذلك بجعل العنصر الرئيسي أكثر وضوحا وضوحا - وهو أمر مهم عند عرض صورة صغيرة على جهاز محمول.
إذا لم يكن لديك الكثير من التباين الطبيعي في صورتك ، يمكنك على الأقل صعود تباين الصورة باستخدام محرر الصور الخاص بك. باستخدام المثال الرمادية على الرمادي ، سيصبح الكائن الرمادي الفاتح أفتح ، والخلفية ذات اللون الرمادي الداكن أكثر قتامة ، وسيخرج الكائن من الصورة أكثر. يجب أن تظل سلامة الصورة سليمة بالطبع ، لكن زيادة التباين ستسمح للعنصر الرئيسي أن يكون أكثر قابلية للتمييز على جهاز محمول. بما أن هذا هو ما ينظر إليه الشخص في النهاية ، وليس الخلفية ، التي يجب أن تبقى ، في الخلف.
تكون مربعة
يتم أخذ هذا مباشرة من أغلفة الألبوم ، والتي هي مربع ، والحفاظ على الصور الخاصة بك على شكل مربع ممكن. من الواضح أنه جيد إذا كان مستطيلاً قليلاً أفقيًا أو رأسيًا ، لكن الهدف هو البحث عن صورك لتكون قريبة من مربع قدر الإمكان.
السبب؟ على الأجهزة الجوالة ، خاصة الأجهزة التي تتوجه نحو الاتجاه الرأسي حيث عادة ما يشاهدها الناس عموديًا ، لن يكون لديك رفاهية افتراض أن الأشخاص سيشاهدون شاشة عريضة كاملة ورائعة. إذا كانت الصورة كبيرة جدًا ، فستبدو وكأنها شظية أفقية على شاشة صغيرة تتم محاذاتها عموديًا. وينطبق نفس الشيء على الصور الطويلة المستطيلة - يجب على الشخص التمرير لرؤيتها بشكل كامل.
عندما تحتفظ بصورك على شكل مربع قدر الإمكان ، فإنك بذلك تزيد من تنوع استخداماتها. لا يهم إذا كان الشخص يقوم بالتكبير على جهاز محمول ، أو يتم تصغيره على طول الطريق ، أو أيًا كان ، فستكون الصورة مرئية بشكل كامل وتعظم مساحة الشاشة قليلة القيمة على جهاز محمول.
من خلال كونها مربعة ، كانت أغلفة الألبومات مناسبة طبيعية للأجهزة المحمولة والمتاجر عبر الإنترنت وخدمات بث الموسيقى. يمكن تصفحها بسهولة ، ويمكن رؤيتها بالكامل في أي حجم ، ويسهل على مصممي واجهة المستخدم وضع الصورة في أي مكان على الشاشة. إذا كانت صورك مربعة قدر الإمكان ، فستكون لها نفس التعددية على أجهزة الجوّال.
تحسين الصور للأجهزة المحمولة
سيستمر الجوال في الانتشار أكثر فأكثر ، لذا من المهم الحصول على صور - وهو أمر بارز جدًا سيشاهده الأشخاص - تم تحسينه للأجهزة المحمولة. نأمل أن توفر هذه الدروس من أغلفة الألبومات المحسّنة للجوّال بعض الإحصاءات المفيدة.
تأكد من أن صورك لا تحتوي على فوضى من خلال مجموعة من التفاصيل الصغيرة ، وأن الصورة تركز على عنصر واحد ، وأن الأنسجة خفية أو أن هناك ألوان صلبة ، وأن التباين أعلى ، وأن نسبة العرض إلى الارتفاع للصورة هي المربع قدر الإمكان بحيث تكون ملائمة للجوّال بقدر الإمكان.
باستخدام ذلك في متناول اليد ، اجعل صورك تبدو رائعة على أجهزة الجوال.
مكتوبة حصرا ل WDD من قبل أوليغ موكهوف ، أكثر عشاق تصميم الويب والموسيقى الإلكترونية على الإنترنت للهواتف الذكية في العالم. إنه يصنع موسيقى تتقاطع بين أربعة تيت و Aphex Twin. تواصل معه
هل تفكر في الأجهزة المحمولة عند اختيار الصور للتصميمات الخاصة بك؟ هل تبدأ بالهاتف المحمول أم تعدّل الصور المناسبة لسطح المكتب لتلائم الأجهزة؟ أخبرنا في التعليقات أدناه.