يبدو أن مواقع الويب الرائعة تجمع بين التصميم الرائع والرمز الرائع. ونظرًا لأن إنشاء موقع على الويب يعد مهمة بسيطة جدًا ، فستجد أن العديد من الأشخاص يتعلمون HTML و CSS ويعرفون أنه إذا تمكنوا من معرفة ذلك ، فيمكنهم تصميم أي موقع ويب يريدونه. في حين أنه من الناحية الفنية ، يمكنك أن تجد في كثير من الأحيان أن هناك بعض الأخطاء الرئيسية التي يرتكبونها لأنهم لا يرغبون في تخصيص بعض الوقت للتعلم الفعلي عن التصميم.
المبرمجون مصممون في حد ذاتها ، لكنهم يصممون كودًا وأنظمة معمارية رائعة. لتصميم شيء بصري مختلف تمامًا ، ولأنك تمتلك عينًا جيدة للتصميم ، فهذا لا يعني أن لديك فكرة جيدة لتطبيقه.
نظرًا لأن العديد من المبرمجين لديهم مشروعات شخصية تعني عادةً أن عليهم إنشاء مواقع الويب الخاصة بهم. إذا كنت مبرمجًا مستقلاً ، فإن أحد أعظم الأصول التي يمكنك الحصول عليها هو معرفة عملية تطوير الويب الكاملة من البداية إلى النهاية ، وهذا يشمل التصميم.
إليك ثمانية أخطاء غالباً ما أراها المطورون عند تطبيق التصميم على موقع ويب.
قد يكون من الصعب فصل العين عن التصميم مع القدرة على التصميم. إنه مشابه جدا للناس الذين يستطيعون النظر إلى الموضة ويخبرونك بما يبدو جيدا ، لكن لا يستطيعون حقا أن يرتديوا الملابس بنفس الطريقة.
المصممين الكبار يعرفون ببساطة ما هو التصميم الجيد. وهم يعرفون ما الذي سيعمل وما لن ينجح عدة مرات قبل أن يختاروا قلم رصاص أو يفتحوا Photoshop. وغالبًا ما يكون هذا هو السبب في أنهم قضوا سنوات في التدفق على تصميمات مختلفة ويجرون تصاميم بأنفسهم. تمامًا كما لا يمكن لأي فنان التقاط قلم رصاص ورسم شيء رائع في المرة الأولى ، لا ينبغي لأي مطور أن يعتقد أنه يمكنه ضرب أول تصميم له خارج الحديقة.
وعلى غرار الطريقة التي قد يدرس بها المبرمج شفرة شخص آخر ، يمكن لأي شخص دراسة التصميم والبدء في فهم سبب عمله.
إلقاء نظرة على الجميلة Punchfork يمكنك أن ترى ما يجعل التصميم رائعًا جدًا.
هناك العديد من أجزاء التصميم التي تجعلها رائعة. عندما تصادف أحد التصميمات التي تفضلها ، خصص وقتًا لدراسة العناصر الفردية ، ولكنك أيضًا تعرف على كيفية تلاؤمها مع الكل. عنصر واحد عظيم من تصميم لا يجعل التصميم كله عظيم.
اختيار اللون يمكن أن يكون الألم. أنا أكره الاضطرار إلى اختيار الألوان لأن هناك الكثير للاختيار من بينها. لسبب ما يميل معظم المطورين إلى التمسك بلوحة زرقاء وبيضاء. ربما لأنه يستخدم في كل مكان أو تلك هي إعدادات المتصفح الافتراضية ، ولكن التصميم الرائع يمكن أن يتضمن مجموعة من الألوان. لحسن الحظ بالنسبة لنا الناس تحدى اللون هناك الكثير من الأدوات التي يمكن أن تساعدنا في تجميع بعض تركيبات الألوان الرائعة.
COLOURlovers هو منتدى رائع ينشئ فيه الأشخاص لوحات الألوان المفضلة لديهم ويشاركونها. يمكنك استعراض اللوحات والألوان المفضلة وحفظها والتصويت عليها. في أكثر من مناسبة ، انتقلت إلى COLOURlovers لتتعرف على اليوم مع اختيار اللون.
عند اختيار لوحة ألوان ، تأكد من الالتزام بلوحة تناسب مزاج موقعك ومحتواه. لا تختار لوحة ببساطة لأنك تحبها. قد لا يكون البرتقالي والأسود أفضل الألوان لموقع حول مفهوم الحب على سبيل المثال.
نادرًا ما تحتاج إلى استخدام أكثر من 3 إلى 4 ألوان مختلفة وإذا قررت أن تحتاج إلى تبرير اختيارك.
قد يكون من المغري جدًا التركيز على العنوان الرئيسي. يبدو الأمر رائعًا في الصحف ، ولكن نادرًا ما يكون ناجحًا على الويب ما لم يكن كل شيء مركزًا. نحن نعلم أن النص المحاذاة إلى اليسار يبدو احترافيًا ويعمل مع التدفق الطبيعي للعيون ، فلماذا نتجاوز الخطوط؟
أفضل استخدام للنص المركزي في العناوين الرئيسية والخطوط القصيرة للنص. يمكن للمستخدمين قراءتها بسهولة لأن الخطوط قصيرة وقابلة للمسح ولا تحتاج إلى حركات متكررة للعين. يمكن أن يعطي النص المركزي أيضًا مخططًا جماليًا بتنسيقه المتناسق. يعمل هذا مع النص الذي يتماشى مع الصور المتمركزة. إذا كانت صورك في وضع يسار أو محاذاة إلى اليمين ، فيجب محاذاة النص إلى اليسار للحفاظ على اتساقها مع التنسيق.
تعمل العناوين الرئيسية في الصحف لأن النص مقسم إلى أعمدة بحيث يتدفق العنوان الرئيسي على القصة بأكملها. إذا كنت تتعامل فقط مع عمود واحد من النص ، فيجب عليك الالتزام بعنوان رئيسي محاذاً إلى اليسار.
عندما لا تكون منغمسا في عالم الطباعة ، فإن اريال تشبه هيلفيتيكا وجورجيا تشبه تايمز نيو رومان. أنت تعلم أن هناك خطوط أخرى مثل Comic Sans ، لكنك لا ترى أهمية الاضطرار إلى دفع ثمن الخط عندما يمكنك بسهولة استخدام ما هو متاح لك.
مع الموارد مثل Typekit على الرغم من ذلك ، أصبح اختيار الخط مشابه بشكل مخيف لاختيار اللون. قد يستغرق الأمر أيامًا من البحث للعثور على المجموعة الصحيحة عندما كان بإمكانك استخدام الخط الأساسي بسهولة وانتهاءً بالبقية.
لا تسرف مع الخطوط. مثل الألوان ، عادة ما يعمل الاختيار المحدود بشكل أفضل. عندما يتعلق الأمر بالخطوط ، يمكن أن يكون خط واحد أو خطين مختلفين كثيرًا لإنتاج تصميم جميل. تذكر أنه يمكنك القيام بالكثير من الأشياء المختلفة باستخدام الخطوط. يمكنك جعلها مائلة ، أو جعلها جريئة ، أو تسطّط فيها ، أو تحرّفها ، أو تحرّفها.
عندما تكون مطورًا ، فكلما زادت المعلومات التي يمكنك الحصول عليها على الصفحة ، كان ذلك أفضل. عندما أقوم برمز أحب أن أفعل ذلك على شاشات متعددة لأنه يسمح لي أن يكون كل شيء أمامي مباشرة. للأسف هذا لا يعمل في التصميم. يجب أن لا تضع الكثير من المعلومات في مساحة ضيقة كما تراه مناسبًا لأن التصميم يصبح مختلاً.
لا يمكن للعين أن تأخذ الكثير من المعلومات في وقت واحد ، وإذا كان الغرض من معظم التصاميم هو إكمال المهمة ، فإن إخفائها داخل المليون من المعلومات الأخرى لن يساعد.
في حين أن مواقع الويب المزدحمة يمكن أن تكون فعالة ، إلا أنها ليست أكثر من مرة. يجب أن يكون الفضاء الأبيض أفضل صديق لك. تحتاج إلى أجزاء فارغة في التصميم الخاص بك لتوفير التركيز على أجزاء التصميم المهمة.
نحن نعلم جميعا أن شعور رائع لخلق شيء ورؤيته في العالم الحقيقي. لأننا أنشأناها ، هناك ميل إلى أن نكون متحيزين وراء ذلك يجعلنا نعتقد أنه أفضل من الواقع. تحتاج إلى الحصول على آراء الآخرين لمعرفة ما إذا كان التصميم الخاص بك فعالاً وإذا لم يكن يمكنك العثور على طرق لتحسينه. بدلاً من ذلك ، يشعر المطورون أنهم ليسوا بحاجة إلى طلب رأي الآخرين لأنهم يعرفون كيف يعمل تصميمهم بحيث يكون كل شيء منطقيًا بالنسبة لهم.
ستجد أيضًا أنه عندما يطلب الأشخاص رأيًا حول تصميم ما ، لا يطلبون نقدًا ، بل موافقة. إنهم يريدون تبريرًا للقرارات التي يتخذونها ، وهذا ليس النهج الصحيح. ويساعدك طرح الأسئلة حقًا في العثور على مشكلات في الاستخدام قد لا تكون على دراية بها من قبل. غالبًا ما تكون عالقًا في التصميم الخاص بك بحيث يكون كل شيء منطقيًا بالنسبة إليك ، ولكن بالنسبة لشخص جديد ، قد يكون تصميمك أكثر تعقيدًا من تصميم Rubiks Cube.
مع التصميمات الرائعة ، قد يكون من الصعب ملاحظة التفاصيل الصغيرة التي تجعلها حقيقة. قد يكونون على درجة عالية من الدهاء لدرجة أن المراقب العادي ينظر إليهم ويتواصل. بالنسبة للمطور ، قد تكون التفاصيل الصغيرة مضيعة للوقت لأنهم لا يفهمون التأثير الإجمالي الذي يمكن أن تتركه ظل الإسقاط على عنصر.
التفاصيل الصغيرة بحد ذاتها تؤثر فقط على عنصر محدد في التصميم ، ولكن عندما يجتمعون جميعًا ، يكون لديك تصميم رائع يتدفق. مواقع مثل Dribbble فضح كيف يمكن أن تعمل التفاصيل الصغيرة في تصميم أكبر. ومع ذلك ، إذا لم تكن مصممًا بالتجارة ، فقد يؤدي التركيز كثيرًا على التفاصيل إلى إبطاء العملية أكثر مما تريد. ومع ذلك ، فهذا لا يعني أنك لا يجب أن تكون على علم بكيفية تأثير التفاصيل على التصميم.
ما هي الأخطاء الشائعة الأخرى التي يقوم بها المطورون عندما يتعلق الأمر بالتصميم؟ الرجاء المشاركة في التعليقات!