كلنا نعرف بشكل حدسي ما الذي يجعل موقع الويب يبدو سيئًا: تأثيرات الحواف المبتذلة ، قصاصات فنية ، تصميمات مزدحمة. يتم تصحيح هذه الإزعاجات بسهولة من خلال تطويرها مع وضع أساسيات التصميم في الاعتبار - نفس المبادئ التي يستخدمها المصممون والفنانون المحترفون على حد سواء.
المواقع الكبيرة تجمع بين الشكل والوظيفة. في الواقع ، تعتبر مواقع مصممة تصميما جيدا أكثر مصداقية ، وفقا ل دراسة ستانفورد وهي في الواقع أسهل في الاستخدام (كما درسه الباحث دون نورمان ). هنا خمسة أساسيات لمساعدتك على الحفاظ على جودة التصميم في طليعة ممارستك.
في المدرسة التصميمية ، سوف يعطونك قائمة بالمبادئ للالتزام بقواعد تعيين الجمال - عناصر مثل التخطيط والنظام والتناسق. ولكن مع تقدمك ، يتم إخبارك بعد ذلك باختراق القواعد قليلاً لإنشاء أماكن لعين المشاهد للبحث عن طريق استخدام عناصر مثل التنوع أو التوتر أو التباين.
هنا سبيل المثال من صفحة فعلت في Edge Reflow CC. هل يمكنك تحديد عناصر التصميم المختلفة المستخدمة ، ثم لعبها؟
هناك بعض الرموز العالمية التي يتم تدريب الناس على الاستجابة لها. هي المتأصلة العدسة المكبرة (البحث) ، المنزل (الصفحة الرئيسية) والقرص المرن (حفظ) إلى المستخدمين لديك بالفعل. الاستفادة من تلك اختصارات مرئية . كل هذه الإشارات الطريق يجب أن يكون على الفور التعرف عليك.
اللون يصنع الفارق ، خصوصًا أن شاشاتنا تتحسن على هواتفنا وأجهزتنا اللوحية. إنه جانب من جوانب التصميم يمكن أن يكون جزءًا أساسيًا من القصة التي يريد موقعك أن يخبرها. ما عليك سوى استخدام اللون لدعم المحتوى ، وليس تزيين الصفحة. وفي كثير من الأحيان ، إذا كنت تستخدم صورة ، فيجب أخذ عينات الألوان في التصميم من الصور المستخدمة بحيث يكون تصميمك ملمسًا لطيفًا.
أنا أحب جدا سحب أمثلة اللون مع حوامل اللون - و أدوبي كولر يعد تطبيق الويب طريقة رائعة للعب بموضوعات مختلفة ثم استيرادها إلى أدوات التصميم الخاصة بك. واحدة من أفضل القواعد التي يجب اتباعها هي استخدام الألوان المجانية. والتي تستخدم الألوان الدافئة والألوان الباردة معا لتوفير التوازن.
هناك حرفيا الآلاف من الخطوط للاختيار من بينها.
الأمر متروك لك لخلط وتطابق - ولكن تذكر أنه من أفضل الممارسات استخدام ما يصل إلى ثلاثة خطوط فقط في كل مرة - خط عنوان لطيف ، واحد في النص الرئيسي للنص ، ثم واحد لأي نوع من أنواع المكالمة التي قد تقوم بها بحاجة إلى. في كثير من الأحيان ، وهذا يعني استخدام sans-serif لنسخة الجسم ، وللعناوين الرئيسية يمكنك الحصول على أكثر إثارة للاهتمام مع serif أو sans-serif.
حسنًا ، لديك عناصر التصميم الأساسية الخاصة بك ، مع رموز وصور جميلة ، مع نظام ألوان صوت وخطوط ممتعة. ماذا بعد؟
الحصول على مساعدة من الآخرين ، بالطبع! وليس مجرد أشخاص عشوائيين في الشارع ، ولكن نقدًا بنّاءًا من الأشخاص الذين يعرفون أشياءهم حقًا ، مثل غيرهم من المصممين / المطورين. يمكن أن يكون هذا مفيدًا للانتقال من موقع ويب موافق إلى موقع ويب ينبثق فعلاً. إذا لم تستخدم Behance أبدًا لنشر عمل في مرحلة ما ، فننصحك بتجربته. سيعمل المجتمع النشط أكثر من مجرد إخبارك "بجعل الشعار أكبر" - ولكن أعطيك نصيحة يمكن أن تحدث فرقًا بين موقع ويب جيد وأحد أفضل.
للتعمق أكثر في كيفية تطبيق عناصر التصميم على تطوير الويب ، تحقق من عرضي التقديمي من SXSW: