آه ، أتذكر الأيام جيدا ... عندما كان كل شيء تدرج لامع مظلل ، مع ما لا يقل عن 6 قطع من القصاصات الفنية ، وصورة مخزون من 5 عمال مكتب الاحتفالية. نحن نحب صور لوحات المفاتيح المزودة بأزرار لا معنى لها ، وأشخاصًا ذوي تأثير ثلاثي الأبعاد يحملون رموزًا لامعة.

وماذا حدث بعد؟ جاء iOS 7 على طول. بدأت أداة التدرج في Photoshops بتجميع الغبار وحذفنا مكتبتنا الضخمة من صور المخزون.

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

ما هو النكهة الجديدة لهذا العام؟ يسرّني سؤالك: المواقع التي تبدو كصفحة التنزيل لشركة برمجيات مفتوحة المصدر تم إغلاقها في أواخر التسعينات.

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

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

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

ولكن ، تسعى لتعلم تصميم الويب من الصفر بدلا من اعتماد موضوع الفسفور الابيض أو إطار CSS ، لطالما شعرت بالخجل من إنشاء موقع بسيط وحقيقي لأحلامي. فكرت: "ماذا ستكون النقطة؟" عرضه من شأنه أن يجعلني أبدو سخيفة. لا أستطيع استخدامه كمحفظة لأي شيء دون النظر إلى الفوضى.

لقد أعطتني رؤية مواقع CSS-light بدون جافا سكريبت رؤية الثقة التي أحتاجها للتوقف عن العمل على مواقع أشخاص آخرين وإنشاء مواقع الويب الخاصة بي ، بدلاً من ذلك.

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

أحادية اللون

تصميم أحادية اللون يفعل بالضبط ما ينبغي أن يفعله التصميم الجيد: لفت الانتباه إلى المحتوى.

001

لا يتوهم المغلق

تذكر الأيام الخوالي؟ عندما يملك الجميع موقعًا على الويب وكان لديه شيء يثبته؟ إن منهج CSS (أو القليل) يعيد تلك الأيام ، وهو شخصياً يجعلني أشعر بالحنين الشديد لأوقات أبسط حيث يمكن أن يكون موقع الويب مجرد سيرة ذاتية قصيرة ومجموعة من الروابط.

002

نص مائل / متداخل

النص المائل يرمي المستخدم قبالة قليلا ، وليس بطريقة مدهشة . بدلاً من ذلك ، إنه شيء لم يعتاد المستخدم على رؤيته ، لذا فهو يعطي انطباعًا قويًا.

تحقق من وضع النص التجريبي Loïc يستخدم على موقعه على الانترنت . يعطي التجاهل التام للقابلية للزوار إحساسًا بمتجر الأزياء الراقية الذي لا يحتوي على علامات الأسعار. إنه غير مدهش (وفي هذه الحالة ، بمعزل) أنه أنيق.

004

القليل من الاهتمام للمقياس أو الحشو

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

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

005

تشير إلى التكنولوجيا القديمة

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

تحقق من هذا المثال من أضف HTML (تحتوي كل مجلد على فن تجريبي).

006

ماذا يعني هذا بالنسبة للمصممين

كنا نظن أن البساطة = مسطحة ، ولكن من الواضح أنها لا تزال بحاجة إلى الكثير من أعمال التصميم للحصول على الحق.

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

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

إذا كنت ترغب في إنشاء موقع الويب الخاص بك ، هنا بعض المؤشرات ...

أخرج CSS من موقعك الحالي

في حين أن بعض المواقع تعتمد بشكل كبير على CSS لوضعها الأفقي ، فمن المحتمل أن تمزق كل أشكال التصميم من بعض المواقع ولا تزال تعرضها "بشكل صحيح". إليك مثال على ذلك:

إذا كان موقعك يعتمد على رسوم متحركة مبهجة أو جافا سكريبت أو CSS خيالي ، فربما يحتاج إلى إعادة صياغة إذا كنت ترغب في اعتماد هذا النمط. في الواقع ، كان السبب وراء تخليتي عن WordPress هو عدم تمكني من العثور على موضوع يناسب رؤيتي. في النهاية ، انتهيت بالفعل من تعلم HTML / CSS من خلال تحرير قالب قديم من أوائل 2000. بعد ذلك ، شعرت بالثقة في المضي قدما والبدء من جديد ، بتدوين ملف CSS الفوضوي الخاص بي وجعل أبعد ما يكون عن الموقع "الحديث" المصقول.

خفض إلى أحادية اللون

في بعض الأحيان ، يعني التصميم الوحشي تصميمًا بسيطًا. وهذا دائمًا رائعًا لتجربة المستخدم. يمكن أن يساعد تقليص لوحة الألوان الحالية على لونين فقط (أسود وأخرى - أبيض ، تقنيًا) ، في تقليل الحمل الزائد للمستخدم وإعطاء اتجاه أكثر وضوحًا إلى أين تذهب. بعد كل شيء ، لا ترى مواقع ذات طن من ألوان مختلفة في منطقة النص لأنه من الصعب التركيز عليها.

كن مبدعا مع تحديد المواقع النصية

من قال أن لديك كل شيء يصطف بشكل جيد؟ موقع الويب Loïc Dupasquier أعلاه ، على سبيل المثال ، هو بيان جريء يقول شيئا عن المصمم. تبحث بالضبط نفس كل استئجار المحتملة الأخرى ليست نظرة جيدة.

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

إعادة تعلم الأساسيات والطرق القديمة

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

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

أين يعمل هذا الأسلوب بشكل جيد (وأين لا يعمل)

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

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

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

بالنسبة لمصمم يعمل في الغالب مع الشركات المتعثرة ، قد تضع المحفظة التجريبية العميل في اللحظة الأكثر حيوية - أول اتصال.

في النهاية ، يتعلق الأمر بمعرفة جمهورك ، وما إذا كنت تستطيع الابتعاد بتجاهل الاتفاقيات تمامًا.

أخرج ، وجعل شيء رائع مثير للاشمئزاز.