نظرا للمنظور الجديد في عالم تصميم المواقع ، اصبح من المهم الاهتمام بكل التفاصيل في التصميم حتى نحافظ على النظرة الجمالية في النهاية ، لذا اتجه المصممين الى الاعتناء حتى بمؤشرات التحميل لتتواكب مع بنية التصميم ككل. على سبيل المثال نشاهد مؤشر التحميل الاحمر اعلى الشاشة في موقع يوتيوب وكيف يتماشي مع واجهة الموقع بكل انسيابية وبساطة. واليوم نستعرض معا عدد من الافكار الجديدة في طرق عرض مؤشر التحميل.   [button type=”bd_button btn_large” url=”http://files.fwasl.com/demo/CreativeLoadingEffects” target=”on” button_color_fon=”#808080″ button_text_color=”#ffffff” ]مثال حي[/button]  [button type=”bd_button btn_large” url=”http://files.fwasl.com/webdesign/CreativeLoadingEffects.zip” target=”on” button_color_fon=”#808080″ button_text_color=”#ffffff” ]التحميل[/button]  

ملاحظة:

بعض المتصفحات لا تدعم التأثيرات والتحويلات (transitions or animations on pseudo-elements), لذلك بعض الامثلة لن تعمل في المتصفحات التي لا تدعم ( CSS 3D transforms (e.g. in IE9 and below)).  

بعض الصور لتطبيق الامثلة:

وفي النهاية نأمل أن تجد أفكار التحميل الجديدة ملهمة لك في عملك القادم .   [button type=”bd_button btn_large” url=”http://files.fwasl.com/demo/CreativeLoadingEffects” target=”on” button_color_fon=”#808080″ button_text_color=”#ffffff” ]مثال حي[/button]  [button type=”bd_button btn_large” url=”http://files.fwasl.com/webdesign/CreativeLoadingEffects.zip” target=”on” button_color_fon=”#808080″ button_text_color=”#ffffff” ]التحميل[/button]]]>