التصميم الرائع
 

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

لحسن الحظ، هنالك بعض الحيل الخارقة التي يمكنك استخدامها لتحسين التصميم الخاص بك قبل نشره على الموقع الذي تريد النشر عليه عبر شبكة الانترنت، بعض التصاميم تظهر بشكل جيد لكن تشعر انها بعيدة قليلا عن التصاميم الجيدة ويوجد بها نقص ما.
سوف نقدم لك الان 20 طريقة سرية لتصبح مصمم محترف بابسط الطرق، عليك اتباعها مباشرة .

ارتفاع الخط 1.6
https://i62.servimg.com/u/f62/11/79/29/21/image012.gif

تصميم المواقع
تصميم مواقع

الحصول على الطباعة typography يعد صعب بعض الشيء لانها تشكل 90% من التصميم، لذلك قم بزيادة المسافة بين كل سطر وسطر بمقدار 1.6 line height

استخدم نوعين من الخطوط
https://i62.servimg.com/u/f62/11/79/29/21/image017.jpg


ان اختيار الخطوط بشكل صحيح والجمع بينهما امر صعب للغاية، لتسهيل الامر عليك قم باختيار فقط نوعين من الخطوط ليكون واحد لنص الجسم وواحد للعناوين ثم قم بضرب حجم خط الجسم بنسبة 2.5 للحصول على حجم العنوان.
تصميم المواقع
تصميم مواقع

فقرات قصيرة متوازية أفضل من فقرة طويلة
https://i62.servimg.com/u/f62/11/79/29/21/image022.jpg


في كل مرة نصل فيها الى نهاية الفقرة عيوننا تصارع كي تمسك السطر التالي، لذلك ولجعل النص اكثر قابلية واكثر مرونة واسهل للقراءة ولجعل التصميم يبدو اكثر احترافية عليك ان تحدد الخطوط وتقللها بحيث يكون 58 حرفا في كل سطر.

استخدم لونين
https://i62.servimg.com/u/f62/11/79/29/21/image019.jpg


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

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

ضف خط أسفل العناوين
https://i62.servimg.com/u/f62/11/79/29/21/image013.gif


في التصميم المستخدم بها الطباعة typography بشكل كبير يمكن ان يكون من الصعب الحصول عليها، ستؤدي اضافة سطر اسفل النص او على الجانب الى المساعدة في فصل محتويات التصميم، على سبيل المثال انظر الى مطبوعات النشرات الاخبارية تجد انهم يستخدمون نفس الطريقة.

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

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

المزيد من الفراغ الابيض
https://i62.servimg.com/u/f62/11/79/29/21/image017.gif


اذا كان التصميم او النموذج لا يبدو صحيحا تماما فمن المرجح ان السبب هو عدم وجود مساحة بيضاء، الخدعة هنا هي البدء في ترك مساحة اكبر حول العناصر، ضع في اعتبارك ان المسافة البيضاء ليست مساحة فارغة بل انها اداة رسومية graphical tool .

تقسييم العناصر الى مجموعات وترتيبها
https://i62.servimg.com/u/f62/11/79/29/21/image014.gif


بالنسبة للعناصر التي تحمل نفس الاهمية والموضوع المماثل، فمن المنطقي ان تكون في نفس المكان داخل التخطيط، حاول تجميعها في مجموعات وفصلها عن الباقي مع مسافة بيضاء او خطوط او لون خلفية، هذا كله سوف يساعد ايضا في الاوكس UX .

استخدم خلفية لتصميمك
https://i62.servimg.com/u/f62/11/79/29/21/image024.jpg


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

استخدم الايقوناتicons للتوضيح
https://i62.servimg.com/u/f62/11/79/29/21/image015.gif


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

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

المحاذاة الى اليمين واليسار
https://i62.servimg.com/u/f62/11/79/29/21/image031.jpg


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

استخدم الشبكة الوهمية لتنسيق تصميمك
https://i62.servimg.com/u/f62/11/79/29/21/image016.gif


بدلا من استخدام الشبكات من 12 فقرة يمكنك تبسيط المفهوم وتقسيم المخطط الخاص بك الى 3 او 4 فقرات والتأكد من ان العناصر تتم محاذاتها الى نفس الخطوط العمودية والافقية.
تصميم المواقع
تصميم مواقع
رتب الصور بشكل مناسب
https://i62.servimg.com/u/f62/11/79/29/21/image027.jpg


العمل مع عدد من الصور يمكن ان يكون كابوسا وخصوصا عندما يكون البعض منها افقي والاخر عامودي، هناك طريقة لحل هذه المشكلة وهي وضعها في تخطيط شبكة بسيطة.

القليل من الظلال لا تضر التصميم
https://i62.servimg.com/u/f62/11/79/29/21/image026.jpg


هذا هو السر الاول من الاسرار وهو خفض التعتيم لتجعل قليلا من الظلال لجعل التصميم يبدو بصورة جيدة، يمكنك تطبيقه من خلال الطريقة الموضحة بالصورة اعلاه.

استخدام القليل من تدرج الالوان
https://i62.servimg.com/u/f62/11/79/29/21/image032.jpg


السر الثاني هو استخدام التدريج في الالوان وطيف الالوان لتجعل التصميم فيه خفة واكثر جمالا.


اضافة خامة خفيفة textures
https://i62.servimg.com/u/f62/11/79/29/21/image034.jpg


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

طھطµظ…ظٹظ… ظ…ظˆط§ظ‚ط¹- ط§ط³طھط¶ط§ظپط© - ط¨ط±ظ…ط¬ط© طھط·ط¨ظٹظ‚ط§طھ | طھظˆط¨ ظ„ط§ظٹظ†

يا ألف أهلا وسهلا بك أخي/ أختي نتشرف بإطلالاتك القيمة ونترقب ابداعاتك المتميزة .تميزك على صفحات منتدانا ونسعد بتواجدك معنا وجزاك الله خيرا على مواضيعك النيرة نشكرك بالنيابة عن ادارة المنتدى ...حياك الله
 

يا ألف أهلا وسهلا بك أخي/ أختي نتشرف بإطلالاتك القيمة ونترقب ابداعاتك المتميزة .تميزك على صفحات منتدانا ونسعد بتواجدك معنا وجزاك الله خيرا على مواضيعك النيرة نشكرك بالنيابة عن ادارة المنتدى ...حياك الله

رد: التصميم الرائع
 

شكرًا لك وننتظر المزيد من برامج الكمبيوتر وتطبيقات الأندرويد المختلفة مثل برنامج واتساب الذهبي وتطبيق تانجو وأيضًا كين ماستر، وكذلك تطبيق شاهد نت لمشاهدة الأفلام والمسلسلات أون لاين