WebdesignerDepot إعادة تصميم!
وهنا هو ... بعد الكثير من التأخير ، وعدد لا يحصى من شكا والأفكار وهمية ، الجديد {$lang_domain} اخيرا هنا! كانت هذه عملية إعادة تصميم معقدة بشكل لا يصدق لفريق WDD بأكمله ولكننا فخورون للغاية بالنتائج ونأمل أن تحبها بقدر ما نحبها.
لقد أطلقنا التصميم الجديد أمس وقد أعطانا Twittersphere تعليقات رائعة وساعدنا في تحديد بعض الأخطاء. لقد تم إصلاح الأخطاء في اليوم الماضي وما زلنا نفعل ذلك ، لذا يرجى إعفاء بعض الأخطاء التقنية التي قد لا تزال تواجهك خلال الأيام القادمة.
كان من المهم بالنسبة لنا أن يحافظ التصميم الجديد على روح الموقع القديم ، في حين أنه في نفس الوقت يلهم زوارنا ويجعله محدّثًا لمعايير وتقنيات تصميم الويب الحالية.
تعمل الصفحة الرئيسية الجديدة ، على وجه الخصوص ، بشكل أفضل في تقديم زوار جدد لموقعنا. ستلاحظ أن هيكل المعلومات والتنقل أكثر نظافة ووضوحًا الآن.
في هذا المنشور ، سوف نذهب إلى بعض التفاصيل حول ما هو جديد وما حدث خلف الكواليس لنقدم لك هذا الإصدار الجديد من WDD. لذلك ، دعونا الغوص في الداخل!
إذا كنت أحد زوارنا البالغ عددهم 40 مليونًا (!) خلال السنوات القليلة الماضية ، فسوف تلاحظ أن التصميم جيد ، كيف يمكنك أن تقوله؟ مختلفة جذريا! في الواقع ، لم يتم الاحتفاظ بأي من التصميم القديم. لقد ألقينا كل ذلك وبدأنا طازجين من الألف إلى الياء. إن هذا الأمر جذري بقدر ما يمكنك الحصول عليه من خلال إعادة التصميم ويحمل بعض المخاطر لنا حيث نفقد فوائدنا السابقة في مجال العلامات التجارية لصالح ما نعتقد أنه اختيار أفضل لموقعنا ومحتواه والأهم من ذلك: أنت ، قرائنا المذهلين !
دعونا نبدأ مع بعض الاعتمادات لمعرفة من وراء كل هذا ...
- فن: رادم مالينيك
- شعار: ستيفن بونر
- تصميم الويب: والتر ابي
- الشفرة: فريق WDD
- بعض عناصر التصميم من قبل ماثيو سكيلز
- يقتبس التصميم: يقتبس على التصميم
إذن ، ما الجديد في هذا التصميم:
التخطيط المختلط: المجلة والأسلوب التقليدي للمدونات
في حين أن التصميم القديم له تصميم مدونات تقليدية ، مع ظهور أحدث المشاركات دائمًا في الجزء العلوي ، فإن الإصدار المعاد تصميمه هو مزيج بين أسلوب المجلة وتخطيط المدونة التقليدية. وجدنا أن هذا يعمل بشكل جيد لمحتواينا. سمح لنا التصميم الأوسع لنا بجلب المزيد من المحتوى إلى الصفحة الرئيسية ، في حين أن العمودين في الصفحة الرئيسية ، يجعل الأمر أسهل للقراءة من بعض المدونات التقليدية على غرار المجلات حيث يمكن أن يكون المحتوى أحيانًا مربكًا.
محتوى متميز
تتخلل منشورات المدونات ثلاث مناطق مميزة: 2 عمودي و 1 أفقي. تتميز المناطق العمودية ببعض من أهم المواضيع الموجودة الآن على الموقع (تصميم سريع الاستجابة ، jQuery ، الخ) ، في حين يتم استخدام المنطقة الأفقية لعرض أحدث العروض من موقعنا MightyDeals.com. في المجموع ، يمكننا أن نعرض 10 وظائف إضافية أكثر مما اعتدنا عليه في التصميم السابق دون التغلب على قرائنا.
التوازن والوزن
الصفحة الرئيسية: نظرًا للصور الثقيلة ، حاولنا الحفاظ على توازن متوازن بين النص والصور عن طريق عرض محتوى نص معاينة كافٍ لكل مشاركة. بالنسبة لصفحات المقالات الفعلية ، اخترنا أن يكون لدينا صور ومقتطفات شفرة بعرض كامل ، بينما يتم عرض النص في وسط عرض أضيق على الصور. هذا يجعل الموقع أسرع وأسهل للقراءة (أو المسح الضوئي) ويعرض الصور بأحجامها الأكبر الممكنة لتحقيق أقصى تأثير. بالنسبة إلى الصور في المشاركات القديمة والصور الأخرى الأضيق ، اخترنا عرض أشرطة رمادية على الجانب ، تذكرنا بالأشرطة السوداء التي تشاهدها عند مشاهدة عرض تعريف قياسي على تلفزيون عالي الدقة. كان هذا أفضل حل وسط يمكننا العثور عليه لدمج هذه الوظائف القديمة في المظهر الجديد للموقع دون إعادة تجهيز مئات المشاركات!
الرسم المتجاوب
أصبح الموقع الجديد الآن مستجيبًا تمامًا ويبدو رائعًا سواء كنت تستخدم جهاز كمبيوتر مكتبي أو كمبيوتر محمول أو جهاز لوحي أو هاتفًا ذكيًا. تحقق من إصدار الهاتف الذكي كما يبدو ويشبه التطبيق أكثر من موقع ويب ونحن فخورون حقا بالطريقة التي ظهرت بها هذه النسخة. يتم تحميل سريع جدا!
رسومات شبكية العين
مع طرح شركة آبل المزيد من أجهزة شبكية العين ، أصبحت شاشات عالية الدقة أكثر ملاءمة لمواقع الويب. تقوم WDD الجديدة بتقديم رسم شبكية العين حيثما كان ذلك ممكنًا. يبدو تصميم الموقع واضحًا تمامًا على أجهزة شبكية العين. من الآن فصاعدًا ، سيكون لدينا رسومات شبكية مُحسَّنة في جميع مشاركاتنا حيثما كان ذلك ممكنًا. هذا قول أسهل من فعله لأن شبكة الإنترنت ليست جاهزة تماما بعد ، في الواقع ، عدد قليل جدا من المواقع تخدم رسومات كبيرة عالية الدقة في هذا الوقت. بعض من آخر مشاركاتنا جاهزة بالفعل جزئيا لشبكية العين وبعضها سيحملها في المستقبل. سمعنا أيضًا أن إعلانات شبكية العين قد لا تكون بعيدة جدًا في المستقبل.
التنقل المحسن 
ستلاحظ علامة زائد على الجانب الأيمن من المستعرضات (وليس على أجهزة الجوال) عند عرض المقالات. عند النقر عليه ، يؤدي ذلك إلى فتح متصفح صغير يتيح لك التنقل خلال المقالة الحالية ، مثل التصفح في جدول محتويات الكتاب الإلكتروني. يمكنك أيضًا مشاركة المقالة الحالية عبر المتصفح الصغير ، أو الاطلاع على المقالات ذات الصلة ، وكذلك قراءة المشاركات التالية والسابقة.
الفن
مرة أخرى ، تعاوننا مع الرسام الموهوب Radber Radim Malinic لإنشاء الفن لموقعنا الجديد. Radim هو مدير فني ومصمم جرافيك حائز على جوائز ، ومقره في لندن ، إنجلترا. تحت اسم نو يعمل مع العلامات التجارية الرائدة المنزلية. منذ تصميم موقع WDD الأصلي ، ذهب إلى العمل مع Goldman Sachs ، و Bacardi ، و Blistex ، و London Film Museum وغيرها الكثير. أسلوب عمله هو واحد من الأكثر تنوعًا في المجال. تصميماته الجريئة والملونة تلهم الكثير من الناس الذين يرونهم. لقد طلبنا من Radim أن يركز تصميمه على الدوائر هذه المرة ، حيث أن هذا هو الشكل الخالد الذي يحظى بشعبية كبيرة ويفضل في تصاميم الموقع الحالية.
إختلاف المنظر
يتم جلب الفن والشعار الجديد على الرأس مع تأثير المنظر ذو 5 طبقات (يتحرك بمعدلات مختلفة) في قسم العنوان على الموقع. لرؤيتها ، ما عليك سوى تحريك الماوس حول منطقة الرأس (وليس على أجهزة الجوال). نعتقد أنه يبدو رائعًا جدًا ويضيف عنصرًا من المرح إلى الموقع! [UPDATE] كان تأثير المنظر محبوبًا من قبل معظم الناس ، ولكن بعض الأشخاص لم يعجبهم ، لذلك أضفنا خيار إيقاف تشغيله بالنقر بزر الماوس الأيمن على منطقة التأثير.
شعار
على الرغم من أن الشعار القديم كان يخدمنا بشكل جيد وكان محبوبًا جدًا ، نظرًا لأن هذا كان إعادة تصميم كاملة ، فقد كان شعارًا جديدًا! تعاوننا هذه المرة مع ستيفن بونر لإعادة تصميم شعارنا. وهو مصور فوتوغرافي موهوب للغاية مقره في اسكتلندا يحتوي على مجموعة من الرسوم التوضيحية التي يقودها النوع لبعض من أكبر العلامات التجارية في العالم. نعتقد أنه تم تحويله إلى توازن كبير في الموقع بشكل جيد مع لمسة شخصية مرسومة باليد ، بينما كان يبدو احترافيًا ومصقولًا في نفس الوقت.
طباعة
لقد تخلصنا أخيراً من خطوط النظام القديمة المملة لصالح خطوط الويب Typekit ، والتي تستخدم حصريًا في جميع أنحاء الموقع. نحن نستخدم Kulturista لجميع العناوين التي تبدو رائعة ولها شخصية لطيفة وشعور فريد. بالنسبة إلى النص الأساسي الذي اخترناه بروكسيما نوفا الذي يتمتع بقراءة رائعة ورائع لجزء كبير من النص. بالنسبة للرؤوس ، نظرنا أيضًا أديل ، وبالنسبة للنص الأساسي ، فقد اعتبرنا أيضًا Museo Sans ، أديل بلا ، وافر و هلفتيكا .
خط Pictos Icon
نحن نستخدم الكثير من الأيقونات في هذا التصميم الجديد. الرموز هي جزء من رائع Pictos رمز الخط صمم بواسطة درو ويلسون . حتى نستخدمها لرموزنا الاجتماعية المتحركة في أسفل الموقع.
تذييل
لدينا منطقتين تذييل في أسفل الموقع. أول واحد يبرز بعض المجالات التي نشعر أنها مهمة للتأكيد ثم لديك تذييل أكثر تقليدية في أسفل مع معظم الروابط النصية وبعض الرموز الاجتماعية المتحركة.
الاندماج الاجتماعي
أردنا عرض قرائنا بطريقة أكبر ، وبالتالي فإن WDD الجديد أكثر اجتماعية من ذي قبل. نعرض الآن تعليقاتك وإجاباتك مباشرة تحت كل مشاركة في الصفحة الرئيسية. لذا ، إذا كنت ترغب في الحصول على القليل من الشهرة ، يمكنك الآن الحصول على الصورة الرمزية الخاصة بك هناك ليراها كل العالم! حسنا ، هذا قليل من المبالغة!
إعلانات أقل
حسنًا ، بعض الأخبار الجيدة والسيئة. أصبحت بعض إعلاناتنا أكبر ، ولكننا خفضنا أيضًا عدد الإعلانات التي يتم عرضها على الموقع. نحن نعترف بأنه على مر السنين ، أصبح موقعنا منتفخًا جدًا مع الإعلانات ، لذا كانت هذه فرصة رائعة لتنظيف الأشياء. هذا جعل التخطيط أكثر نظافة وأكثر جمالية للإبحار ، بينما لا يزال قادراً على دفع الإيجار - لا تنسوا دعم رعاةنا الرقيقة :)
Depot.ly
هذا هو في الواقع بضعة أسابيع من العمر: بدأنا باستخدام عنوان URL قصير على موقع depot.ly الخاص بنا ، حتى يمكنك التعرف على مشاركاتنا في أي قنوات اجتماعية تستخدمها. مفيد جدا نعتقد!
المزيد من المحتوى
كما لاحظت ، بدأنا مؤخرًا في نشر المزيد من المقالات كل يوم. على الرغم من أن المقالات التحريرية كانت وما زالت هي جوهر المحتوى الخاص بنا ، إلا أننا الآن نغطي الأخبار ذات الصلة والمشاركات الصغيرة التي ستكون مناسبة للمصممين والمطورين الذين يزورون موقعنا. نشعر بأن هذا يجعل الموقع أكثر حداثة ويتواصل مع ما يحدث في العالم في الوقت الحالي دون اللجوء إلى مقالات افتتاحية كاملة لكل مشاركة.
لقد واجهنا الكثير من المشاكل في الحصول على هذا التصميم للعمل عبر جميع المتصفحات والأجهزة (وما زالت تفعل!). في الواقع ، كان هذا هو السبب في بعض التأخيرات التي شهدناها في اللحظات الأخيرة. كان من المفترض إطلاقنا الأسبوع الماضي ، ولكن العديد من مشكلات المتصفح كانت تتباطأ. اسف على ذلك! كان فايرفوكس مليئًا بالتحديات ، ولكن ثبت أن IE 8 هي الأسوأ وأسباب العديد من حالات الصداع والإحباط لمبرمجينا. منذ إطلاقنا بالأمس ، تلقينا الكثير من المعلومات الإضافية عبر Twitter للمشكلات التي لا تزال بحاجة إلى حل. نشكرك على صبرك بينما نتحدث عن هذه الأمور.
ما تراه اليوم هو التصميم الجديد ، لكن هذا ليس كل شيء. نخطط لإضافة بعض الأشياء الجديدة قريبًا. ستعرف المزيد عن هذا في الأسابيع المقبلة.
نحن جميعاً نحب التصميم الشخصي ونتوقع أن يستمر التطور بناءً على ملاحظاتك. سنقدر ذلك حقًا إذا كان بإمكانك إبلاغنا بأي شيء تريد منا تحسينه. يُرجى أيضًا إخبارنا عما إذا كنت تواجه مشكلات في توافق المتصفح أو مشكلات على أي أجهزة جوال معينة تستخدمها حتى نتمكن من معالجتها بسرعة.
كما هو الحال دائمًا ، نحن نشعر بامتنان عميق وعميق لكم جميعًا على دعمكم لـ WDD طوال هذه السنوات. من الفريق بأكمله هنا في WDD ، شكرا جزيلا لكل واحد منكم ونأمل أن هذا التصميم الجديد يلهمك ويخدمك بشكل جيد أثناء تصفحك لموقعنا.
ما رأيك في إعادة تصميم WDD الجديد؟ نحن نرحب بتعليقاتكم!