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

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

وبعد دخولك الى الموقع تقوم بلصق رابط الموقع وثم الضغظ على GO .

الموقع : هنا 

المصدر: موقع الإبداع الرقمي

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

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

الجميل في الموقع هو تقسيمه وتصنيفه للمواضيع والدورات بشكل يسهل على من يريد التعلم ان يجب ضالته بشكل سريع ومبسط..

نترككم مع رابط الموقع والذي يمكنكم دخوله من هنا

هذا المقال بقلم محمد لحلو، مؤسس موقع مجتمع الأمن المعلوماتي، يمكن زيارة الموقع من هنا

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

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

1 : التأكد من بروتوكول التشفير HTTPS 

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

2 : ابتعد عن الروابط المنتشرة على المواقع الاجتماعية

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

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

3 : أدوات تساعدك على اكتشاف الروابط الملغمة

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

خدمة Web Of Trust هي أداة تستطيع تثبيتها على متصفح چوچل كروم أو موزيلا. عمل هذه الأداة هو اكتشاف الروابط الخبيثة عند بحثك على موقع معين للشراء، إذ عندما تضع لك علامة خضراء بجانب اي رابطـ فهي إشارة على أن الموقع موثوق، أما في حالة كان الموقع نصاب أو صفحة مزورة فسوف تجد علامة حمراء معناها إبتعد عن هذا الرابط !

يمكنك تحميلها من هذا الرابط WOT.

خدمة VirusTotal هو موقع مجاني يساعدك على فحص أي رابط أو ملف ! حيث يستخدم في ما يزيد عن 67 مكافح للڤايروسات ويعطيك نتائج جيدة جدا في حالة شككت في مصداقية موقع أو رابط معين !

4 : تأكد من تحديثات برنامج مكافح الفيروسات الخاص بك

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

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

5 : أحسن اختيار المتصفح 

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

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

للخط دور مهم للغاية في تصميم صفحات ومواقع الويب , نعم دور و مكانة عالية لا يحظى بها أي عنصر آخر ... فالخط , هو ثاني شيء تنجذب عين الرائي أو الزائر لها , و أول ما تراه هو الشكل , والخط يحدد الشكل , إذن تستطيع القول أن الخط أساس مهم في تصميم وتخطيط صفحات الويب .لكن دوماً تجد أن الموضوع به خلل , والخلل هنا ليس بالخط أساسه , بل بمن يستعمل الخط بموقعه , ولهذا سأتحدث عن هذا الموضوع بطريقة مفصلة كي تستطيع في المستقبل أن تعرف الخط المناسب لموقعك والأمثل للقارئ .*لا تستخدم خطوط النظام ... إنها مملة و بشعة !أكره و أبغض تماماً استخدام خطوط النظام على مواقع الويب العصرية , فكيف تستطيع أنت أن تقرأ بسهولة ومتعة خط Arial مثلاً 😑 ؟ هذا أسوأ شيء يمكنك فعله كمصمم أو مبرمج مواقع ويب لسببين :أولهما : أن تلك الخطوط تعود القارئ على رؤيتها ويريد التغيير .و ثانيهما : تلك الخطوط أبشع خطوط وجدت على سطح الأرض .صحيح أنه يمكنك استخدام خط Tahoma لكنه يبقى للفقرات الصغير ذات الخط الصغير , فلو كبر الخط صار أبشع مما كان عليه .مهلاً ... هناك استثناء : بإمكانك استخدام خط Segoe UI نظراً لأنه بسيط وجميل ومعاصر .. لكنه نادر !*استخدم خطوطاً بسيطة وسهلة للقراءةأنا أفضل أن تقوم بانتقاء خطوطك من مكاتب خطوط الويب الضخمة على الإنترنت , لكن أحياناً تلك المكاتب هي نفسها لا تعرف ما تنتقي , لهذا عليك أن تعرف مالذي يصلح لموقعك , و إذا عرفت ما سيصلح له ستعرف ما يصلح للقارئ الذي يدخل لموقعك , لأن القارئ سيكون مهتم بشيء أو مجال ما تهتم به مدونتك , وعند دخول القارئ ليقرأ عليه .. سيزيد الخط انطباعه إيجابياً تجاه هذا الشيء 😊 . فلهذا عليك أن تعطي الخط حقه .*لا تجعل خطوط العناوين و محتوى الفقرات متباين جداًلا تجعل خط العناوين شرقاً , والآخر غرباً , إنه يوتر و يربك القارئ , سأعطيك مثالاً كي تفهم أكثر .هذا أربكك صحيح ؟ .. المفروض ألا يكون هناك شيء كهذا على الإنترنت .. أولاً لأنه لا يجب أن يحتوي خط الويب على زخارف , وثانية لأنه لا يجب أن يكون هناك هذا القدر من التباين بين عنوان الفقرة والفقرة .*لا تستخدم خطوط تصميم الجرافيك والخطوط الطفولية لمواقع الويبأصادف كثيراً مواقع تستخدم خطوط لا علاقة لها بالويب , مثلاً أجد موقع يستخدم خط 😒 JF Flat , وهو دوماً يكون لهذا الشكل هذا هو الخط الذي لا يصلح أبداً للمواقع، قد يكون هذا الخط صالحاً لتصاميم الجرافيك .. لكن عليهم حذفه من الويب نهائياً .أيضاً هناك خط يفوق هذا الخط بشاعة عند استخدامه في المواقع , ويستخدم كثيراً في تصاميم الويب واسمه جذور Jozoor .. أنا لا أقول أنه غير صالح لتصاميم الجرافيك لكن من يستخدم خطوطاً كهذه قد ارتكب خطاً كبيراً .*الخطوط المناسبة والذي يجب عليك حبها و استخدامهامن بين كل هذه الخطوط , هناك خطوط وجب التصفيق لمن 👏🏻 صمموها وبرمجوها وطوروها 👏🏻 , فهناك خطوط لا يجب أن تضيع من بين أيدي أصحاب المواقع , نعم أنا أعي ما أقوله , إنها فعلاً خطوط بسيطة ومميزة جداً سأعرضها عليك الآن .أولاً : خط نسيم Nassimثانياً : خط النسخ Droid Arabic Naskhثالثاً : خط دون تذييل عربي Droid Sans Arabicرابعاً : خط كوفي Droid Arabic Kufiخامساً : خط هلفتيكا Helveticaسادساً : خط الجزيرة Jazeeraسابعا : خط بهيج Bahij لكن بصفة عامة , فإن خط Droid Arabic Kufi و Droid Sans Arabic مناسبان للمدونات والمواقع التقنية والمعلوماتية , أما بقية الخطوط التي ذكرتها فهي مناسبة لكل المواقع و المدونات .أتمنى في نهاية هذا المقال أن تكون قد علمت بالمبادئ الأساسية لاستعمال الخطوط على موقعك ومعرفة مالذي عليك فعله من الذي وجب عليك تجنبه . الآن ما بقي لي إلا أن أودعك لمقال آخر ...المصدر: شبكة تعلم

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

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

*لا تستخدم خطوط النظام ... إنها مملة و بشعة !

أكره و أبغض تماماً استخدام خطوط النظام على مواقع الويب العصرية , فكيف تستطيع أنت أن تقرأ بسهولة ومتعة خط Arial مثلاً 😑 ؟ هذا أسوأ شيء يمكنك فعله كمصمم أو مبرمج مواقع ويب لسببين :

أولهما : أن تلك الخطوط تعود القارئ على رؤيتها ويريد التغيير .

و ثانيهما : تلك الخطوط أبشع خطوط وجدت على سطح الأرض .

صحيح أنه يمكنك استخدام خط Tahoma لكنه يبقى للفقرات الصغير ذات الخط الصغير , فلو كبر الخط صار أبشع مما كان عليه .

مهلاً ... هناك استثناء : بإمكانك استخدام خط Segoe UI نظراً لأنه بسيط وجميل ومعاصر .. لكنه نادر !

*استخدم خطوطاً بسيطة وسهلة للقراءة

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

*لا تجعل خطوط العناوين و محتوى الفقرات متباين جداً

لا تجعل خط العناوين شرقاً , والآخر غرباً , إنه يوتر و يربك القارئ , سأعطيك مثالاً كي تفهم أكثر .

هذا أربكك صحيح ؟ .. المفروض ألا يكون هناك شيء كهذا على الإنترنت .. أولاً لأنه لا يجب أن يحتوي خط الويب على زخارف , وثانية لأنه لا يجب أن يكون هناك هذا القدر من التباين بين عنوان الفقرة والفقرة .

*لا تستخدم خطوط تصميم الجرافيك والخطوط الطفولية لمواقع الويب

أصادف كثيراً مواقع تستخدم خطوط لا علاقة لها بالويب , مثلاً أجد موقع يستخدم خط 😒 JF Flat , وهو دوماً يكون لهذا الشكل هذا هو الخط الذي لا يصلح أبداً للمواقع، قد يكون هذا الخط صالحاً لتصاميم الجرافيك .. لكن عليهم حذفه من الويب نهائياً .

أيضاً هناك خط يفوق هذا الخط بشاعة عند استخدامه في المواقع , ويستخدم كثيراً في تصاميم الويب واسمه جذور Jozoor .. أنا لا أقول أنه غير صالح لتصاميم الجرافيك لكن من يستخدم خطوطاً كهذه قد ارتكب خطاً كبيراً .

*الخطوط المناسبة والذي يجب عليك حبها و استخدامها

من بين كل هذه الخطوط , هناك خطوط وجب التصفيق لمن 👏🏻 صمموها وبرمجوها وطوروها 👏🏻 , فهناك خطوط لا يجب أن تضيع من بين أيدي أصحاب المواقع , نعم أنا أعي ما أقوله , إنها فعلاً خطوط بسيطة ومميزة جداً سأعرضها عليك الآن .

أولاً : خط نسيم Nassim

ثانياً : خط النسخ Droid Arabic Naskh

ثالثاً : خط دون تذييل عربي Droid Sans Arabic

رابعاً : خط كوفي Droid Arabic Kufi

خامساً : خط هلفتيكا Helvetica

سادساً : خط الجزيرة Jazeera

سابعا : خط بهيج Bahij 

لكن بصفة عامة , فإن خط Droid Arabic Kufi و Droid Sans Arabic مناسبان للمدونات والمواقع التقنية والمعلوماتية , أما بقية الخطوط التي ذكرتها فهي مناسبة لكل المواقع و المدونات .

أتمنى في نهاية هذا المقال أن تكون قد علمت بالمبادئ الأساسية لاستعمال الخطوط على موقعك ومعرفة مالذي عليك فعله من الذي وجب عليك تجنبه . الآن ما بقي لي إلا أن أودعك لمقال آخر ...

المصدر: شبكة تعلم

* ظهر في السنوات الأخيرة أساليب أو أنماط بالتصميم حققت شهرتها بسرعة, وكان نتيجة هذا أن المصممين كلهم اتجهوا لهذه الأنماط, في الواقع هم نمطين فقط وهما : " التصميم المادي | Material design " و " التصميم المسطح | Flat design " .* شخصياً, أفضل التصميم المسطح " Flat design " ربما لأنه أكثر بساطة من التصميم المادي " Material design ", لكن سأتحدث بكل حيازية ولن أميز بين الإثنين وسأترك لك الاختيار, فالأذواق لا تناقش !ما هو التصميم المادي أو الماتريال ديزاين " Material deisgn "التصميم المادي هو إنتاج للشركة العملاقة جوجل " Google", وهو المستخدم في كل إصدارات الأندرويد الحديثة ومواقع فروع " Google " مثل Google design و Google developers وما إلى ذلك, وهو ليس مختلفاً تماماً عن التصميم المسطح إلا أنه يعتمد على معايير مختلفة سأذكرها لا حقاً وسأخصص لكل معيار فقرة .ما هو التصميم المسطح أو الفلات ديزاين " Flat design "التصميم المسطح " Flat design ", لا يعود لأي شخص ولا شركة, بل هو مجرد تطور شهده مجال تصميم في الآونة الأخيرة, فسترى الفرق بوضوح إذا قارنت بين تصاميم السنوات القديمة والآن, وقد بدأ في الانتشار بسرعة وفعالية قي عام 2013, فتخلت المواقع على قوالبها القديمة وسطحت تصاميمها 😀 .ما قصة هذين الاثنين ؟كلنا نتذكر تلك المواقع من سنوات 2010 و ماقبلها, ونتذكر تصاميمها وشعاراتها, كان آنذاك التعقيد هي الجمالية, وكثرة النوفذ المنبثقة رائعة, والعديد والعديد من الزخارف, تستطيع تقديرها بعدد النجوم في الكون 😄 .لكن مع مجيء هذين, ( التصميم المسطح والتصميم المادي ) عرف التصميم بشتى أنواعه من الويب إلى الجرافيك ثورة !,نعم ثورة وللعمل, فقد أتى التصميم المسطح Flat design أولاً ثم سبقه قرينه ببضع سنوات, والكل جدد شكل موقع وشعاره وبانره وألوانه .. ليصبح أزهى بكثير عن قبل . كما أنه كان هناك مبدأ قديماً وهو : " الصفحة الممتلئة بالزخارف ولا مكان للزيادة تعني الجمالية والإتقان ", وقد غير هذان كل المبادئ ليتميزا وسط كل هذا !ألوان التصميم المسطح* يتميز هذا النمط أنه يجب أن تستخدم به ألوان باردة ( ليست باردة للغاية 😛 ), وهادئة كي تمنح الزائر الهدوء . هذا بالنسبة لتصميم الويب .* أما بالنسبة لتصميم الجرافيك فهناك بعض الاختلافات, فيمكن في تصميم الجرافيك " Graphic design " استخدام الظل, لكن بشرط, أن يكون الظل طويلاً أو كما يصطلح عليه بالإنجليزية : " Low shadow ", ( كما في الصورة الخاصة بالموضوع ), وهذا ما يمنح التصميم المسطح لمسة خاصة . موقع مفيد يحتوي على ألوان التصميم المسطح : Flat UI color pickerألوان التصميم المادي * هذا التصميم, ومن هذه النقطة بالضبط, بعيد قليلاً عن التصميم المسطح, فهو يستخدم ألواناً تستطيع القول أنها صاخبة, لكن بصفة عامة هي تحتوي على نوعين, الهادئ والصاخب, بالطبع يفضل استخدام الهادئ للحصول على نتيجة جيدة بـ" تجربة المستخدم " أو " UX " والذي تعني : " User experience ".سأعود لموضوع الألوان, فبما أن Google هي التي طورت هذا النمط, فستلاحظ أن النمط يعكس قليلاً نمط تصميم Google, فـ Google تستخدم الألوان الصاخبة أكثر, ولهذا تجد نمط الـ" Material " بهذا الشكل .موقع إن كنت تود البدء في التصميم المادي " Material design " صفحة " Google " الخاصة بألوان Material design : صفحة ألوان Googleكيف تعامل التصميم المسطح مع التأثيرات ؟* محى التصميم المسطح التأثيرات كلياً, دمرها, قتلها, شن عليها غارات, محى وجودها على كوكبنا, ربما بالغت قليلاً 😃 .تعامل التصميم المسطح تعاملاً قاسي مع التأثيرات بشتى أنواعها على الويب, فهو محاها تماماً, ومن أضافها فهو لا يستخدم التصميم المسطح 😊 .التصميم المسطح أتى ليزيح الظلال والتدرجة والومضات وكثرة التفاصيل وامتلاء الصفحة, في الواقع, لم يزحها جانباً, بل أزاحها بعيداً, وبعيداً جداً ...لكن سمح باستخدام الظلال بشرط, نعم, شرط واحد فقط, وهو أن يكون الظل طويلاً كما في صورة الموضوع .كيف تعامل التصميم المادي مع التأثيرات ؟ عكس التصميم المسطح, والذي هو بالفعل مسطح, لكن هذا التصميم ليس مسطحاً بالكامل .وأيضاً كان التصميم المادي عطوفاً وحساساً بعض الشيء تجاه التأثيرات, فقد سمح للظلال أن تقيم في بلدته كل تعطي شيءً من الحيوية والواقعية بالتصميم 😀 .أيضاً هو لم يزح التأثيرات بعيداً كما فعل التصميم المسطح, بل أتاح لها المجال للجلوس 😀 . كم هو كريم التصميم المادي Material Design .مالذي جعل التصميم المسطح والمادي يشتهران بهذه السرعة ؟ أولاً : البساطة, فكلاهما سهل على المطورين العمل واختصر عليه أكواد البرمجة, فكان يجب عليك قبل هذا أن تضع خلفية لصورة التدرج التي ستضعها والظل وكل التفاصيل الدقيقة .وأيضاً كان عاملاً مهماً في تسريع صفحات الويب, وهذا يرجع لأنه اختصر أكواد البرمجة ... ثانياً : السهولة, وكما تعرف فالبساطة والسهولة لا يفترقان فهذه الفقرة التي سأتحدث فيها عن السهولة هي نفس الفقرة السابقة .مثال لـتصميم مسطح ولآخر ماديمثال لتصميم ويب بنمط : Material designمصدر الصورة : Material design blogمثال لتصميم جرافيك بنمط : Material Designمصدر الصورة : Material designمثال لتصميم ويب بنمط : Flat designمصدر الصورة : Design you wayمثال لتصميم جرافيك بنمط : Flat designمصدر الصورة : Desgrخلاصة - خاتمةيعد هذين الإثنين من أهم أنماط التصميم في عصرنا هذا ... والمفضل بينالكثيرين .وبالطبع لا ننكر مدى شهرتهما, لكن هناك فئتان من الناس, واحدة تابعة للـ Flat design و الأخرى للـ Material esign,شخصياً أنا أحب نمط التصميم المسطح أفضل من غيره .فماذا عنك أنت ؟ أخبرنا برأيك ! المصدر: شبكة تعلم

* ظهر في السنوات الأخيرة أساليب أو أنماط بالتصميم حققت شهرتها بسرعة, وكان نتيجة هذا أن المصممين كلهم اتجهوا لهذه الأنماط, في الواقع هم نمطين فقط وهما : " التصميم المادي | Material design " و " التصميم المسطح | Flat design " .

* شخصياً, أفضل التصميم المسطح " Flat design " ربما لأنه أكثر بساطة من التصميم المادي " Material design ", لكن سأتحدث بكل حيازية ولن أميز بين الإثنين وسأترك لك الاختيار, فالأذواق لا تناقش !

ما هو التصميم المادي أو الماتريال ديزاين " Material deisgn "

التصميم المادي هو إنتاج للشركة العملاقة جوجل " Google", وهو المستخدم في كل إصدارات الأندرويد الحديثة ومواقع فروع " Google " مثل Google design و Google developers وما إلى ذلك, وهو ليس مختلفاً تماماً عن التصميم المسطح إلا أنه يعتمد على معايير مختلفة سأذكرها لا حقاً وسأخصص لكل معيار فقرة .

ما هو التصميم المسطح أو الفلات ديزاين " Flat design "

التصميم المسطح " Flat design ", لا يعود لأي شخص ولا شركة, بل هو مجرد تطور شهده مجال تصميم في الآونة الأخيرة, فسترى الفرق بوضوح إذا قارنت بين تصاميم السنوات القديمة والآن, وقد بدأ في الانتشار بسرعة وفعالية قي عام 2013, فتخلت المواقع على قوالبها القديمة وسطحت تصاميمها 😀 .

ما قصة هذين الاثنين ؟

كلنا نتذكر تلك المواقع من سنوات 2010 و ماقبلها, ونتذكر تصاميمها وشعاراتها, كان آنذاك التعقيد هي الجمالية, وكثرة النوفذ المنبثقة رائعة, والعديد والعديد من الزخارف, تستطيع تقديرها بعدد النجوم في الكون 😄 .لكن مع مجيء هذين, ( التصميم المسطح والتصميم المادي ) عرف التصميم بشتى أنواعه من الويب إلى الجرافيك ثورة !,نعم ثورة وللعمل, فقد أتى التصميم المسطح Flat design أولاً ثم سبقه قرينه ببضع سنوات, والكل جدد شكل موقع وشعاره وبانره وألوانه .. ليصبح أزهى بكثير عن قبل . كما أنه كان هناك مبدأ قديماً وهو : " الصفحة الممتلئة بالزخارف ولا مكان للزيادة تعني الجمالية والإتقان ", وقد غير هذان كل المبادئ ليتميزا وسط كل هذا !

ألوان التصميم المسطح

* يتميز هذا النمط أنه يجب أن تستخدم به ألوان باردة ( ليست باردة للغاية 😛 ), وهادئة كي تمنح الزائر الهدوء . هذا بالنسبة لتصميم الويب .

* أما بالنسبة لتصميم الجرافيك فهناك بعض الاختلافات, فيمكن في تصميم الجرافيك " Graphic design " استخدام الظل, لكن بشرط, أن يكون الظل طويلاً أو كما يصطلح عليه بالإنجليزية : " Low shadow ", ( كما في الصورة الخاصة بالموضوع ), وهذا ما يمنح التصميم المسطح لمسة خاصة .

  موقع مفيد يحتوي على ألوان التصميم المسطح : Flat UI color picker

ألوان التصميم المادي 

* هذا التصميم, ومن هذه النقطة بالضبط, بعيد قليلاً عن التصميم المسطح, فهو يستخدم ألواناً تستطيع القول أنها صاخبة, لكن بصفة عامة هي تحتوي على نوعين, الهادئ والصاخب, بالطبع يفضل استخدام الهادئ للحصول على نتيجة جيدة بـ" تجربة المستخدم " أو " UX " والذي تعني : " User experience ".

سأعود لموضوع الألوان, فبما أن Google هي التي طورت هذا النمط, فستلاحظ أن النمط يعكس قليلاً نمط تصميم Google, فـ Google تستخدم الألوان الصاخبة أكثر, ولهذا تجد نمط الـ" Material " بهذا الشكل .

موقع إن كنت تود البدء في التصميم المادي " Material design "

  صفحة " Google " الخاصة بألوان Material design : صفحة ألوان Google

كيف تعامل التصميم المسطح مع التأثيرات ؟

* محى التصميم المسطح التأثيرات كلياً, دمرها, قتلها, شن عليها غارات, محى وجودها على كوكبنا, ربما بالغت قليلاً 😃 .

تعامل التصميم المسطح تعاملاً قاسي مع التأثيرات بشتى أنواعها على الويب, فهو محاها تماماً, ومن أضافها فهو لا يستخدم التصميم المسطح 😊 .

التصميم المسطح أتى ليزيح الظلال والتدرجة والومضات وكثرة التفاصيل وامتلاء الصفحة, في الواقع, لم يزحها جانباً, بل أزاحها بعيداً, وبعيداً جداً ...

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

كيف تعامل التصميم المادي مع التأثيرات ؟

 

عكس التصميم المسطح, والذي هو بالفعل مسطح, لكن هذا التصميم ليس مسطحاً بالكامل .وأيضاً كان التصميم المادي عطوفاً وحساساً بعض الشيء تجاه التأثيرات, فقد سمح للظلال أن تقيم في بلدته كل تعطي شيءً من الحيوية والواقعية بالتصميم 😀 .

أيضاً هو لم يزح التأثيرات بعيداً كما فعل التصميم المسطح, بل أتاح لها المجال للجلوس 😀 . كم هو كريم التصميم المادي Material Design .

مالذي جعل التصميم المسطح والمادي يشتهران بهذه السرعة ؟

أولاً : البساطة, فكلاهما سهل على المطورين العمل واختصر عليه أكواد البرمجة, فكان يجب عليك قبل هذا أن تضع خلفية لصورة التدرج التي ستضعها والظل وكل التفاصيل الدقيقة .

وأيضاً كان عاملاً مهماً في تسريع صفحات الويب, وهذا يرجع لأنه اختصر أكواد البرمجة ...

ثانياً : السهولة, وكما تعرف فالبساطة والسهولة لا يفترقان فهذه الفقرة التي سأتحدث فيها عن السهولة هي نفس الفقرة السابقة .

مثال لـتصميم مسطح ولآخر مادي

مثال لتصميم ويب بنمط : Material design

مصدر الصورة : Material design blog

مثال لتصميم جرافيك بنمط : Material Design

مصدر الصورة : Material design

مثال لتصميم ويب بنمط : Flat design

مصدر الصورة : Design you way

مثال لتصميم جرافيك بنمط : Flat design

مصدر الصورة : Desgr

خلاصة - خاتمة

يعد هذين الإثنين من أهم أنماط التصميم في عصرنا هذا ... والمفضل بينالكثيرين .وبالطبع لا ننكر مدى شهرتهما, لكن هناك فئتان من الناس, واحدة تابعة للـ Flat design و الأخرى للـ Material esign,شخصياً أنا أحب نمط التصميم المسطح أفضل من غيره .

فماذا عنك أنت ؟ أخبرنا برأيك !

المصدر: شبكة تعلم

بكونها أول تدوينة لي في هذا الموقع أتقدم لكم أصدقائي بكامل الشكر و تقدير على مساعدتكم لنا ، مما يفرض عليا أن أقدم أفضل ، لكم في مجال الاختصاصي -تحرير الفيديو- كتذكير هدا المقال موجه لمن لا يطيق الانتظار ، فكما هو معلوم مسبقا اننا سنشرع في قريب العاجل في تقديم دورات شاملة في عدة مجلات ومن بينها : دورة في برنامج - أفتر افكت - ، لن نستبق أحداث فكل شئ بوقته .كنصيحة اخوية موجهة لك صديقي ، أنصحك بعدم الاستعجال وعدم مشي ببطء في تعلم ** ليس من معقول ان تتابع دورة كاملة في يوم او يومين ،او تشاهد درس في اليوم وتنقطع الاسبوعا ثم تعيد اكمال الدورة ** فالبنسبة لي هذا الامر غبي جدا ، وكتجربة شخصية لأول مرة أفصح عنها وبكل روح رياضية وقعت في هذا الفخ مرار وتكرار لكن مع وقت تجاوزت هدا المشكل. لكن صديقي أنا أنصحك الان بأخد ورقة وقلم ، وإختيار دورة المناسبة لك ، وان تضع خطة موضوعية للتعلم ، كمثال يمكنك وضع مدة معينة لتعلم اساسيات أفتر افكت واعتبر هذه المدة بمثابة تحدي ، وعند اتمام هذه خطوة في هدا تحدي كافئ نفسك .لن أطيل عليك صديقي في هذه الامور فأنا لست بخبير في تنطيم الوقت او اي شئ اخر غير مجالي ، فقط اريدك ان تتجنب بعض الاخطاء التي ندمت على وقوعي فيها .1- دورة تعلم أساسيات افتر افكت مقدمة من [ GFX Academy ]* لن أخفي عليكم أصدقائي الدور الكبير التي لعبته هدا الدورة في مسيرتي نحو تعلم أساسيات أفتر افكت ، وخصوصا ان الأستاذ احمد عبد الرحمن مقدم الدورة ، يبدأ معك من أبسط الامور في برنامج أفتر افكت الى أكثرها تعقيدا ، بداية من أبسط أساسيات ، الى أهم التقنيات التي يمكن الاستخدمها في هدا برنامج العجيب كما أحب تسميته .2- دورة تعلم أساسيات افتر افكت مقدمة من [ ARABVFX ]* تعتبر هدا الدورة من أشهر الدورات العربية المتوفر على انترنيت ، ويرجع ذلك بالاساس الى جودتها وأسلوبها المتتع ، و اهم من ذلك الكم هائل من المعلومات المتوفرة في هذاه الدورة حول برنامج افتر افكت ، فيكفي صديقي العزيز ان تتابع هداه الدورة بكل تركيز ، وكن متأكدا انك ستخرج من هذاه الدورة متقنا لأهم اساسيات افتر افكت .3- دورة تعلم أساسيات افتر افكت مقدمة من [ EX-MEDIA ]* تقدم لنا قناة expressionalex دورة ممتعة حيث يقوم مدحة كوتة و أنس رضوان بتعريف برنامج افتر افكت في الفيديو الاول ، ثم تعيلم تنصيب افتر افكت ، ثم انتقل بعد ذلك الى شرح الواجهة الخاص ببرنامج ، حيث ستتعلم صديقي في هدا الدورة دور كل عنصر في برنامج افتر افكت وماهي وطيفته ، وكيف يمكنك الاستخدمه بكل سهولة ، والمزيد من المعلومات المهمة حول هذا البرنامج الممتع.4- دورة تعلم أساسيات افتر افكت مقدمة من [ منتديات مواهب ] *من أضخم وأشهر دورات تعليم أفتر افكت ، حيث تتألف الدورة من 44 فيديو يقدمها الشاب المبدع عبد الرحمن بن شهاب ، وتتميز الدورة بأسلوب التقديم الممتع الذي يسهل عليكالتعلم ، وهذا من أهم عوامل التي تجعلك تستمر في تعلم ، وتغلب على الملل الذيسيسيبك بدون أدنى شك .وهنا نصل الى ختام هذه التدوينة ، نتمنى ان نكون قدمنا لك المساعدة الكفاية من أجل تعلم برنامج افتر إفكت الممتع والرائع ، بعد انتهائك من تعلم اساسيات، واجب عليك انتقال الى المرحلة التالية في تطبيق ماتعلمته ،والمضي قدما في تعلم المزيد من التقنيات التي تميزك عن غيرك صديقي.*** بالتوفيق ان شاء الله ، وتذكر ان الهمة والإصرار هي أساس النجاح .*** المصدر: شبكة تعلم

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

 كتذكير هدا المقال موجه لمن لا يطيق الانتظار ، فكما هو معلوم مسبقا  اننا سنشرع في قريب العاجل في تقديم دورات شاملة في عدة مجلات ومن بينها : دورة في برنامج - أفتر افكت -  ، لن نستبق أحداث فكل شئ بوقته .

كنصيحة اخوية موجهة لك صديقي ، أنصحك بعدم الاستعجال وعدم مشي ببطء في تعلم  

** ليس من معقول ان تتابع دورة كاملة  في يوم او يومين ،او تشاهد درس في اليوم وتنقطع الاسبوعا ثم تعيد اكمال الدورة **

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

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

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

1- دورة تعلم أساسيات افتر افكت مقدمة من [ GFX Academy ]

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

2- دورة تعلم أساسيات افتر افكت مقدمة من [ ARABVFX ]

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

3- دورة تعلم أساسيات افتر افكت مقدمة من [ EX-MEDIA ]

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

4- دورة تعلم أساسيات افتر افكت مقدمة من [ منتديات مواهب ]

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

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

*** بالتوفيق ان شاء الله ، وتذكر ان الهمة والإصرار هي أساس النجاح .*** 

المصدر: شبكة تعلم

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

يعمل تطبيق واتساب على ويندوز الرسمي على نسخة ويندوز 8 وما فوق، وعلى الماك بنسخة OS X 10.9 مافريكس وما فوق.

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

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

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

تحميل واتساب على ويندوز

تحميل واتساب على ماك

المصدر

هل أنت مصمم ؟؟ إذا كان جوابك نعم !! هل تربح من تصاميمك ؟؟ الأغلبية ستقول لا أما الأخرين الدين قالو نعم أربح يربحون 5$ , 10$ هذا ليس ربح يا أخي نعم هو كبداية فهو بطبيعة الحال رائع ولكن عليك الانتقال من تلك المرحلة لمرحلة أكبر و أحسن وتجني مدخول جيد !! ستقول لي وكيف ذلك هذه المقالة ستكون مدخلك و بدايتك في الربح من التصميم .

أولا : أفضل موقع للربح من التصميم

موقع 99designs

يعتبر هدا الموقع من أفضل المواقع في مجال الربح من التصميم وهو موقع أجنبي تأسس سنة 2008 موسسه Mark Harbottle و Matt Mickiewicz بسان فرانسيسكو
اتى الموقع بفكرة ضخمة و رائعة فهي لأصحاب المشاريع الكبرى ( شركات , مواقع كبيرة , مراكز خدمات ..... ) الدين يطرحونمشاريعهم ويبدأ المصممون في التنافس فيما بينهم بتصاميمهم وعرضعها لصاحب المشروع , في المرحلة الأولى يختار صاحب المشروع أفضل العروض ليفوز واحد ,  وكما قلت لكم ليس 5$ أو 10$

فقط ان فزت في مسابقة لتصميم شعار فقط ههه تربح مئات الدولارات
سأدع صورة المشاريع تتكلم

تنافس المصممين

فقط بعقلك و احترافيتك يمكنك ان تجني مدخول ضخم مع هدا الموقع 

معلومة : في مكان رفع عرضك لتنافس مع المصممين يمكنك أن تعرض أكتر 

من تصميم فتاح لك فرصة أكبر للفوز

وادا كنت احترافي وربحت مسابقة يمكن لصاحب المشروع أن يقدم لك عرض العمل 

لديه كمصمم بمبلغ شهري

ثانيا : موقع بهانس 

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

ثالتا : موقع خمسات 

موقع خمسات هو موقع لبيع وشراء الخدمات المصغرة التابع لشركة حسوب بعد أن قامت بشراءه عام 2011، تقوم فكرة الموقع لى تقديم خدمات مصغرة تبلغ قيمتها 5 دولارت ومضاعفاتها،  بلغ عدد مستخدمي الموقع فاق ال 300 ألف مستخدم وتجاوزت مبيعات الموقع المليون دولار في العام . يمنك من كل هدا انشاء بروفايلك و عرض خدماتك بما أننا نتكلم عن الربح من التصميم ادن ستقدم خدمات تصميم لوجو , كوفر , بانر , قالب .......... كل خدمة 5$ و يمكنك مضاعفتها

رابعا : مستقل 

بعد نجاح موقع خمسات للخدمات المصغرة وتحقيقه أرقام ضخمة ، حان الوقت لإتاحة المجال أكبر للمستقلين العرب لتحقيق دخل أكبر ليس كخمسات5$ جاء الموقع أيضا بفكرة مثل 99 Designs لكن الموقع للعرب يمكنك البحث عن المشاريع و تقديم عرضك اذا قبلت تتم مرحلة التنفيد أي التصميم ثم مرحلة التسليم . تصل مزانية المشروع الى 9999.00$

خامسا : موقع خاص بك كمعرض

توفرك على موقع بقالب كمعرض تعرض فيه تصاميمك يمكنك أن تنزل الملفات مفتوحة psd يحملها الزوار يمكنك أن تجعلها مدفوعة و يمكنك ان تعرضها فقط يراها الزوار 

يمكنهم التواصال معك لطلب خدمة تصميم

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

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

شكرا لقرائتك للموضوع

ادا افادك الموضوع انشره لتعم الفائدة

و تعليق تحفيزي ردا للتعب الدي عانيتة في جمع كل هده المعلومات لأجلك أخي الزائر