اتجاهات تصميم الويب لعام 2010
سيقول أهل النخبة إن التصميم الرائع خالٍ من الزمن. نعم ، في عالم مثالي ، يجب أن نتجاهل الاتجاهات.
ومع ذلك ، فمن الناحية البراجمالية ، هناك الكثير من القيمة في رصد ودمج اتجاهات التصميم ، خاصة فيما يتعلق بالمواقع الإلكترونية.
دعونا نواجه الأمر: يتغير الويب بوتيرة سريعة. على عكس وسائل الإعلام الأخرى ، فإن اتجاهات التصميم على الويب ليست مدفوعة فقط بالجمال.
التكنولوجيا تتغير والتي يمكن أن تغير بشكل جذري إمكانيات الوسيط.
في عام 2010 ، نلاحظ أن المصممين يواصلون دفع حدود تصميم الويب ، وتحديد الاتجاهات الواضحة التالية ...
تصميم وطباعة
لطالما كان تصميم الطباعة مصدر إلهام للويب. لقد كان تصميم المواقع على الإنترنت طويلًا بما يكفي لزراعة نواة قوية من المصممين الذين لم يسبق لهم العمل في الطباعة. ونتيجة لذلك ، نشهد المزيد من الإلهام من الطباعة ، لأن هؤلاء المصممين ينظرون إلى ما وراء الويب.
Serif Fonts
واحدة من أهم قضايا الطباعة هي وضوح. لطالما فضّل مصممو المطبوعات خطوطًا مائلة لأن الحواف تحسن الرؤية وتجعل من السهل التعرف على الأحرف.
خطوط Sans-serif تعتبر بشكل عام أسهل في القراءة على الشاشة. ولكن مع وجود عدد أكبر من المستخدمين الذين يتصفحون بدقة عالية والتحسينات في تقنية تنعيم الخطوط ، أصبحت الخطوط الموجية واضحة للغاية بالنسبة للنص الأساسي.
العناوين الكبرى
يستخدم مصممو الطباعة عناوين كبيرة لجذب الانتباه للأعمار. يجب أن تكون المادة المطبوعة عالية التأثير إذا كان من المتوقع قراءتها على الإطلاق. إذا رأيت كتيبًا مملًا جالسًا على مكتب ، فهل تزعج نفسك باستلامه؟ على الاغلب لا.
بدأ هذا الاتجاه في عام 2009 ونما من شعبية فقط. وقد ثبت أن العناوين الكبيرة لجذب الانتباه والتواصل بشكل واضح.
تنسيقات متعددة الأعمدة
يجب على المصممين العمل ضمن قيود وسائلهم. بخلاف الويب ، لا تقدم الطباعة أي خيار للتمرير ، حيث تكون ملزمة كما هي بأبعاد الورقة. يتيح لك استخدام عدة أعمدة ملائمة محتوى أكبر في نفس المساحة.
الآن ، مع زيادة دقة الشاشة وظهور تخطيطات الشبكة ، يعمل المزيد من المصممين على تكييف هذه الطريقة مع الويب لتسهيل استخدام مواقع الويب وتناسب محتوى أكثر.
صورة كبيرة
صورة تساوي ألف كلمة. في حين أنه قد يكون هناك بعض الوقت قبل أن يكون للصور الفوتوغرافية نفس التأثير على الويب كما هو الحال في الطباعة (التي تتمتع بدرجة دقة أعلى) ، فإن اعتماد الوصول إلى النطاق العريض جعل الصور الكبيرة أكثر جدوى.
إننا نشهد المزيد من مواقع الويب تستخدم صورًا كبيرة عالية التأثير لجذب المستخدمين وإنشاء تجربة غامرة.
الرسوم البيانية و Infographics
يستخدم مصممو الطباعة الرسومات لنقل المعلومات المعقدة لسنوات. هذا هو الأكثر شيوعا في المجلات والتقارير السنوية.
يمكن للرسومات توصيل العلاقات والنسب المعقدة بطريقة يصعب القيام بها مع النص العادي. تميل الرسومات المعلوماتية إلى أن يكون لها مظهر بسيط وغني بصريًا ، كما أن المزيد من المصممين يتبنون الرسوم البيانية أو يحاكيون النمط في تصاميمهم.
بساطة
قال أنطوان دو سان إكزوبري ذات مرة: "لا يتحقق الكمال عندما لا يكون هناك شيء آخر يمكن إضافته ، ولكن عندما لا يكون هناك أي شيء يسلب." مزايا البساطة في التصميم كثيرة.
يخبرنا قانون هيك بأن الوقت اللازم لاتخاذ القرار يزيد مع كل خيار. بالإضافة إلى ذلك ، تخبرنا نظرية إشارة إلى ضوضاء أن أي شيء لا يضيف إلى رسالة أو وظيفة موقع ويب (الإشارة) يحصل في الطريق ويجعل التصميم أقل فعالية (الضوضاء).
تتميز التصميمات البسيطة بأنها أسهل في الاستخدام والفهم ، كما أنها تسمح بمزيد من الوضوح في توصيل الرسائل.
الحد الأدنى وتصميم الشبكة
بساطتها قوية ولكن من الصعب السيطرة عليها. لا يحتوي إلا على الأساسيات. تتم إزالة أي شيء آخر ، مما يؤدي إلى أقصى تأثير للعناصر الموجودة.
تتطلب التصاميم البسيطة نظام شبكة قوي ليكون فعالاً. وبطبيعة الحال ، سيكون لديهم الكثير من المساحة البيضاء ، ومن دون هذه الشبكة ، فإن التصميم البسيط سيشعر بأنه غير متصل وقذر. الشبكة يعطيه التنظيم والهيكل.
تنسيقات صفحة واحدة
هناك عدة طرق للتبسيط. يعرض تخطيط صفحة واحدة اثنين من هذه الطرق: إخفاء وإزالة.
تعمل التنسيقات الفعالة المكونة من صفحة واحدة على إخفاء أي عناصر ليست ذات أولوية. إذا أراد المستخدم رؤية أحد هذه العناصر ، فيمكنه النقر عليه لكشفه. هذا هو أكثر فعالية من ترك كل شيء مرئي ، مما يجعل الصفحة معقدة وساحقة.
وبالمثل ، فإن المبدأ وراء تخطيطات صفحة واحدة يجعل الصفحات الإضافية غير ضرورية. مع توفر مكتبات جافا سكريبت القوية ووصلات أسرع ، لا تحتاج العديد من مواقع الويب إلى أي حاجة إلى عدة صفحات. يمكن للمصممين أن يلائموا المعلومات بسهولة على صفحة واحدة ، دون أن يزعجوا المستخدم بتسلسل هرمي.
مساحة بيضاء ضخمة
في الأيام الأولى من تصميم الويب ، لم يكن لدينا الكثير من العقارات المعروضة على الشاشة للعمل بها ، ولذلك لم نظهر مساحة بيضاء كبيرة. إذا حاولت تصميم موقع ويب بدقة 640 × 480 ، فستعرف بالضبط ما أتحدث عنه.
والآن بعد أن أصبح لدينا دقة أعلى وقدرة على إخفاء العناصر وكشفها باستخدام جافا سكريبت ، أصبح تسخير المساحة البيضاء أسهل بكثير.
الفضاء الأبيض أمر بالغ الأهمية لتصميم جيد. انه يعطي العين مكانا للراحة. من الطبيعي أن يحسن جودة التصميم. ويعرض العناصر التي ترتبط ببعضها البعض عن طريق القرب.
تخطيطات مطبعية
في حين اعتدنا أن نكون محصورين في عدد قليل من "الخطوط الآمنة للويب" مع القليل من التحكم في كيفية عرضها ، أصبح لدينا الآن مجموعة واسعة من الأدوات لإثراء الطباعة.
لقد استمتع مصممو الويب باستخدام النوع كأداة بسيطة لتوصيل الرسائل. مع زيادة التحكم والقدرات ، نرى المزيد من المصممين يركزون على الطباعة كعنصر التصميم الأساسي.
تقنيات CSS3
ألست متأكدًا من إمكانية الاستفادة من CSS3 حتى الآن؟ فكر مرة اخرى. رواد الويب مثل أندي كلارك وجيريمي كيث قد بشروا منذ فترة طويلة حول "التحسين التدريجي" في تصميم الويب.
يتمثل التحسين التدريجي في تصميم مواقع الويب بحيث تكون قابلة للاستخدام على المتصفحات القديمة ، بينما يتم "تحسينها" للمستخدمين الملتزمين بأحدث التقنيات.
يتيح لك التصميم في هذا المخيم الاستفادة من خصائص CSS3 مثل الزوايا الدائرية والخلفيات الحدودية وظلال النص والظل. سيشاهد المستخدمون على المتصفحات الحديثة نسخة أجمل ، وستشاهد تلك الموجودة على التكنولوجيا الأقدم ( السعال ¦ السعال IE6) النسخة الأساسية.
الرسوم المتحركة CSS3
لقد مرت الرسوم المتحركة على الويب عبر العديد من المراحل. في البداية ، يمكننا تحريك فقط مع ملفات صور GIF. بعد ذلك ، كنا مقصورًا جدًا على Flash. الآن ، يمكننا الاختيار من بين Flash و Silverlight و GIF و JavaScript وحتى CSS3. يمكن أن تكون الرسوم المتحركة الدقيقة لا تنسى ، و CSS3 يجعلها خفيفة الوزن وسهلة.
زوايا مدورة
أسلوب الويب 2.0 في عامي 2005 و 2006 جعل الزوايا المستديرة شعبية ، لدرجة أن تكون مزعجة. في ذلك الوقت ، كان خلقها صعبًا. لم يكن هناك طريقة محددة لإنشاء زوايا مدورة حقاً. وبدلاً من ذلك ، تم محاكاتها باستخدام ملفات CSS ، واختراق جافا سكريبت ، وملفات الصور.
يتيح لنا CSS3 الآن إنشاء زوايا دائرية مباشرة في المستعرض ، مما يجعلها أسهل في الإنشاء ولكن أيضًا أكثر كفاءة ، لأن المستخدم لا يحتاج إلى تنزيل صور إضافية أو ملفات JavaScript.
يستفيد المصممون بشكل متزايد من هذه الميزة الجديدة للمتصفح في عام 2010.
مربع والنص الظلال
لقد تم استخدام الظلال لخلق إحساس بالعمق (وأحيانًا تجاوزه) منذ الأيام الأولى للويب. لكنها لم تكن دائما عملية. لإضافة ظلال إلى نص ، كان عليك استخدام الصور ، مما أدى إلى زيادة وقت التحميل وجعل الصيانة أكثر صعوبة. تتطلب ظلال Box عدة صور وحيل CSS مثل "الأبواب المنزلقة".
يحتوي CSS3 على إمكانات الظل القابلة للتخصيص بدرجة كبيرة ، والتي تسمح بنطاق واسع من تأثيرات التصميم ، بما في ذلك ليس فقط الظلال المسقطة بل الظلال الداخلية أيضًا. لقد استخدم المصممون الإبداعيون بالفعل هذه التأثيرات CSS3 لمحاكاة كل من الآثار المنقوشة والمطبوعة.
RGBa و Opacity
لسنوات ، كان العمل مع التعتيم والشفافية على الويب شبه مستحيل. لديك ثلاثة خيارات: محاكاة الشفافية باستخدام الصور المسطحة ، والتعامل مع حالات عدم توافق PNG عبر المتصفحات ، أو النضال مع محددات الشفافية الأساسية في CSS والمرشحات.
يوفر CSS3 للمصممين تناسقًا وحرية أفضل في استخدام التعتيم مع خاصية RGBa. بينما يمكنك الاستفادة من الشفافية بطرق لا حصر لها ، فإن أحد المجالات التي ساعدها بشكل خاص هو مع خلفيات معقدة متراكبة بألوان شبه شفافة. في السابق ، كان هذا التأثير غير عملي أو مستحيل الإنشاء دون اللجوء إلى صور PNG معقدة.
تصميم متوافق مع الجوال
لقد منحت شبكة الجوال ملايين المستخدمين القدرة على التحقق من حساباتهم البنكية أثناء الانتظار في الصفوف ، والبحث عن أحدث النتائج في مترو الأنفاق وتحديث حالة Twitter أثناء القيادة. (أي واحدة من هذه هي عادة خطيرة؟) وتواصل شبكة المحمول في النمو بسرعة.
لقد وصلنا إلى درجة أن على كل شركة أن تنظر فيما إذا كان سيتم استخدام موقعها على الويب أثناء التنقل ، وإذا كان الأمر كذلك. استثمرت الشركات المبتكرة بالفعل بشكل كبير في إصدارات الجوال المفيدة والمفيدة لمواقعها على الويب.
الإبداع
النمو الهائل في استخدام وسائل الإعلام الاجتماعية هو دليل على أن الناس يريدون الاتصال ومشاركة الأشياء التي هم شغوفون بها.
في مجال التصميم ، شهدنا نمواً كبيراً في مشاركة وتصفح عمل الآخرين. كمصممين ، نحن الآن قصفت إبداع الجميع. وهذا لا يرفع مستوى جودة التصميم فحسب ، بل يشجع على الأفكار التي يمكن مشاركتها ، والتي تساهم في ثقافة الإبداع والابتكار.
الرسوم التوضيحية النظيفة
إذا كنت مثلي ، فقد نشأت لمشاهدة أفلام ديزني ، مع الإعجاب بكل الجهود التي بذلت لخلق كل إطار من الرسوم المتحركة. لقد مررنا بالأيام التي تم فيها التوضيح بالحبر والعلامات ، وقد أدى هذا التطور في الأدوات إلى بعض الأساليب الإبداعية للغاية في التصميم.
يتعلم العديد من المصممين أن الرسوم التوضيحية السلسة والنظيفة والواضحة تخلق إحساسًا مميزًا لا يمكن تكراره عن طريق التصوير الفوتوغرافي أو القصاصات الفنية البسيطة. والنتيجة هي مجموعة واسعة من التصاميم المصممة بشكل احترافي والتي هي جذابة ودعوة.
خلفيات محكم
الخلفيات المزخرفة ليست جديدة على الويب. لكن هذه التقنية شهدت تباينا مثيرا للاهتمام في الأشهر القليلة الماضية. أنا أشير إليها بأنها "القوام الصغير" التي هي خفية ، والملمس بالكاد بالكاد في الخلفية.
الصور المصغرة
قد تقول ، "الصور المصغرة كانت موجودة منذ فجر الويب. كيف يكون هذا الاتجاه؟ "صحيح ، لقد تم استخدامها دائما ، ولكن ببساطة شديدة. سيكون لديك صورة مصغرة يمكنك النقر عليها للحصول على صورة أكبر. فعلت المهمة ولكنها كانت مملة.
في الأشهر القليلة الماضية ، بدأ المصممون يسألون: "كيف يمكننا أن نجعل الصور المصغرة أكثر إثارة؟" أدى ذلك إلى ظهور صور مصغّرة ذكية وذكية الاستخدام.
ألوان مائية
مع تطور الويب ، نشهد المزيد من المصممين مستوحاة من مجموعة متنوعة من المصادر ووسائل الإعلام. ليس من المستغرب أن الفنون الجميلة من بين هذه المصادر.
أحد الأساليب التي ظهرت هي محاكاة الألوان المائية. المظهر الأنيق الناعم لهذا الطراز مميز ومريح.
خط يد
يتم استخدام الخطوط المكتوبة بخط اليد والخطوط النصية أكثر من غيرها. لهذا السبب ، فإن العديد من المصممين يبتعدون عن كلا النوعين إما بسبب الاشمئزاز أو بسبب الخوف من النظر إلى الهواة. ولكن في الآونة الأخيرة ، وجد العديد من المصممين أن الأسلوب المكتوب باليد ، عند استخدامه بشكل صحيح ، ينقل إحساسًا بالحرف والتخطيط. تستخدم في السياق الصحيح ، إنها وسيلة قوية للتواصل.
وسائل الاعلام الاجتماعية
نظرًا لأن الأشخاص يقضون وقتًا أطول على Facebook من Google الآن ، فلا عجب أن يبحث المصممون عن طرق مبتكرة لدمج الوسائط الاجتماعية على مواقعهم الإلكترونية.
لقد ذهب بعض المصممين إلى حد نشر محتوىهم على شبكات التواصل الاجتماعي ثم استخدام مواقعهم الإلكترونية لتجميعها.
من الممكن أن نقول أنه مع تقدم عام 2010 ، سنرى المزيد من المصممين يجدون طرقًا مبتكرة لدمج الوسائط الاجتماعية على مواقعهم على الويب من أجل جذب المستخدمين بشكل أفضل.
العناصر الثابتة
الآن أن المتصفحات تدعم بشكل أفضل position: fixed عنصر ، ونحن نشهد استخدامات ذكية من ذلك.
هناك الكثير من المواقف التي يمكن أن يخدم فيها عنصر ثابت (مثل التنقل المستمر) أهداف أعمال المالك ويجعل موقع الويب أكثر قابلية للاستخدام.
العناصر الثابتة لا تنسى وتعزز تجربة المستخدم. لديهم عدد لا يحصى من الاستخدامات الإبداعية ، وسنستمر في رؤية المصممين يستفيدون منها.
هذا النشرة الخاصة بالضيف عبارة عن تعاون بين الأشخاص الجيدين في Web Hosting Search والمصمم والمطور Ross Johnson. تحقق من استضافة المواقع بحث عن السليم إستضافة المواقع الإلكترونية و 3point7designs لمزيد من التصميم على الإنترنت من قبل روس
أي من هذه الاتجاهات تتبعها أكثر شيئ؟ ما هي بعض الاتجاهات الناشئة الأخرى؟