سوار ديزاين
10-06-2021, 08:50 PM
كيف يختار مصمم المواقع الألوان المناسبة
https://traidnt.club/proxy.php?image=http%3A%2F%2Ftahaworld.com%2Fuploa ds%2Fthumbs%2Fpreview-empathizing-color-psychology-web-design_1-w-850-h-475.jpg&hash=bddf8532e79afe593b9149583b7b5ca1
علي مصممي المواقع ان يتبعوا المراحل الأساسية عند تنفيذ مشاريعهم و هذه المراحل هي:
1- Requirement Specification and Analysis - تحديد المتطلبات و تحليلها
2- Design your Layout - تصميم شكل الموقع
3- Implementation (Coding) – تنفيذ (تكويد) الموقع
اولي خطوات مرحلة التصميم هي اختيار الألوان المستخدمة في الموقع .. و تعتبر من اهم و اصعب جزئيات التصميم. لان اختيار الألوان الصحيحة والمتناسقة يشعر المستخدم بالراحة والسهولة اثناء تصفح الموقع فضلا عن اهميتها في توضيح ووصول المعلومة. ايضا تستخدم الألوان في تثبيت الbranding والتسويق.
الطريقة الأنسب و الأسهل لأختيار الألوان هي اقتباسهم من اللوجو (Logo). بعض الLogos تحتوي علي لون واحد فقط (monocolor) .. و بعضها علي لونين او أكثر. بالنسبة للmonocolor يستخدم اللون مع ألوان من اختيار المصمم شرط ان تكون متناسقة مع بعضها. ينصح بأستخدام 3 الوان في الموقع كحد اقصي. لو احتوي اللوجو علي اكثر من لون فيتم اختيار اللونين الغالبين فيه مع مراعاة التناسق(و دا امر طبيعي لأن الgraphic designer اللي صمم اللوجو يختار الوان متناسقة مع بعضها) و يختار المصمم اللون الثالث.
دائما ما يقع مصممي المواقع في فخ اختيار الألوان فيؤدي الي تصميم فقير الشكل يعكس عدد زوار الموقع او قابلية العملاء للتعامل معه علي رغم من قوته في التكويد. لو اهتم الweb designer ببعد فنيات التصميم لن يحتاج الي graphic designer يصمم له مشاريعه و يكون قادر علي تصميم اروع الtemplates علي الاطلاق و تبدأ من اختيار الألوان .. يوجد بعد الأدوات التي تساعدك علي اختيار الألوان و دراجتها المتناسقة لتستخدمها في مشروعك و هم:
1- https://color.adobe.com/explore/newest
adobe color themes هي مجموعة من الألوان المتناسقة مع بعضها. يقوم الuser بالوقوف بالmouse علي مجموعة الألوان اللي اختارها و يضغط علي ايقونة info .. فالinfo بمجرد الوقوف علي اللون يظهر الhexadecimal code الخاص بيه .. مثال: #00000 للون الأسود.
2- http://paletton.com
من اقوي الtools اللي هتستخدمها في تحديد الالوان المتناسقة مع بعض. Palleton.com فيه color wheel(عجلة الألوان) و بيها جميع الألوان بدراجتها المختلفة. اضغط في الcolor wheel علي اللون اللي في اللوجو مثلا او اللون اللي حابب تجدله درجات متناسقة معاه و عاليمين هتجد اللون اللي اختارته مع الوان من نفس الدرجة تقدر تستخدمها معاه. بمرور الmouse في المساحة اللي فيها الألوان علي اليمين بيديك الhexadecimal code الخاص بكل لون عشان تستجدمه في التصميم. بنفس الطريقة كان من الممكن كتابة الcode الخاص باللون بدل من الضغط عليه في الcolor wheel. بأخيارك من القائمة الموجودة جانب الlogo العنصر قبل الأخير(عنصر القائمة اللي قبلmore info) اضغط عليه يمكنك اختيار unlike و ده بيعمل combination من الألوان المختلفة(مش نفس الدرجة) المتناسقة مع بعضها.
https://traidnt.club/proxy.php?image=http%3A%2F%2Ftahaworld.com%2Fuploa ds%2Fthumbs%2Fpreview-empathizing-color-psychology-web-design_1-w-850-h-475.jpg&hash=bddf8532e79afe593b9149583b7b5ca1
علي مصممي المواقع ان يتبعوا المراحل الأساسية عند تنفيذ مشاريعهم و هذه المراحل هي:
1- Requirement Specification and Analysis - تحديد المتطلبات و تحليلها
2- Design your Layout - تصميم شكل الموقع
3- Implementation (Coding) – تنفيذ (تكويد) الموقع
اولي خطوات مرحلة التصميم هي اختيار الألوان المستخدمة في الموقع .. و تعتبر من اهم و اصعب جزئيات التصميم. لان اختيار الألوان الصحيحة والمتناسقة يشعر المستخدم بالراحة والسهولة اثناء تصفح الموقع فضلا عن اهميتها في توضيح ووصول المعلومة. ايضا تستخدم الألوان في تثبيت الbranding والتسويق.
الطريقة الأنسب و الأسهل لأختيار الألوان هي اقتباسهم من اللوجو (Logo). بعض الLogos تحتوي علي لون واحد فقط (monocolor) .. و بعضها علي لونين او أكثر. بالنسبة للmonocolor يستخدم اللون مع ألوان من اختيار المصمم شرط ان تكون متناسقة مع بعضها. ينصح بأستخدام 3 الوان في الموقع كحد اقصي. لو احتوي اللوجو علي اكثر من لون فيتم اختيار اللونين الغالبين فيه مع مراعاة التناسق(و دا امر طبيعي لأن الgraphic designer اللي صمم اللوجو يختار الوان متناسقة مع بعضها) و يختار المصمم اللون الثالث.
دائما ما يقع مصممي المواقع في فخ اختيار الألوان فيؤدي الي تصميم فقير الشكل يعكس عدد زوار الموقع او قابلية العملاء للتعامل معه علي رغم من قوته في التكويد. لو اهتم الweb designer ببعد فنيات التصميم لن يحتاج الي graphic designer يصمم له مشاريعه و يكون قادر علي تصميم اروع الtemplates علي الاطلاق و تبدأ من اختيار الألوان .. يوجد بعد الأدوات التي تساعدك علي اختيار الألوان و دراجتها المتناسقة لتستخدمها في مشروعك و هم:
1- https://color.adobe.com/explore/newest
adobe color themes هي مجموعة من الألوان المتناسقة مع بعضها. يقوم الuser بالوقوف بالmouse علي مجموعة الألوان اللي اختارها و يضغط علي ايقونة info .. فالinfo بمجرد الوقوف علي اللون يظهر الhexadecimal code الخاص بيه .. مثال: #00000 للون الأسود.
2- http://paletton.com
من اقوي الtools اللي هتستخدمها في تحديد الالوان المتناسقة مع بعض. Palleton.com فيه color wheel(عجلة الألوان) و بيها جميع الألوان بدراجتها المختلفة. اضغط في الcolor wheel علي اللون اللي في اللوجو مثلا او اللون اللي حابب تجدله درجات متناسقة معاه و عاليمين هتجد اللون اللي اختارته مع الوان من نفس الدرجة تقدر تستخدمها معاه. بمرور الmouse في المساحة اللي فيها الألوان علي اليمين بيديك الhexadecimal code الخاص بكل لون عشان تستجدمه في التصميم. بنفس الطريقة كان من الممكن كتابة الcode الخاص باللون بدل من الضغط عليه في الcolor wheel. بأخيارك من القائمة الموجودة جانب الlogo العنصر قبل الأخير(عنصر القائمة اللي قبلmore info) اضغط عليه يمكنك اختيار unlike و ده بيعمل combination من الألوان المختلفة(مش نفس الدرجة) المتناسقة مع بعضها.