طراحی سایت طراحي سايت .

طراحی سایت

اصول طراحي سايت واكنش گرا

طراحي سايت واكنش گرا ( ريسپانسيو ) چيست ؟

ريسپانسيو به معناي پاسخ گرا يا واكنشي مي باشد. به اين معنا كه طراحي سايت به گونه‌اي مي باشد كه در صفحات مختلف و ابزارهاي متفاوت سايت به درستي نمايش داده مي شود، به عنوان مثال زماني كه شما از طريق گوشي يا تبلت سايت را تماشا مي كنيد ساختار ظاهري سايت به گونه اي تغيير پيدا مي كند كه قابليت پيمايش سايت در اين ابزارها به راحتي فراهم گردد. از طرفي در مانيتورهاي با رزولوشن بالا نيز سايت به گونه‌اي مناسب نمايش داده مي شود و به عبارت ديگر كاربران با هر ابزاري سايت شما را تماشا مي كنند از محتوا و ظاهر سايت شما كمال استفاده را خواهند برد.


در سال 2015 اين كه يك وبسايت بدون واكنش گرايي يا همان قابليت Responsive طراحي شود غير قابل تصور است. اصطلاح واكنش گرايي در بين بيشتر طراحان وب سايت به گونه اي رواج پيدا كرده كه ديگر كسي نميگويد " طراحي سايت واكنش گرا" فقط ميگويند " طراحي سايت" كه در حال حاضر منظور از اين دو دقيقاً يك منظور است

تكنيك هاي طراحي سايت ريسپانسيو از كجا آمده ؟

 

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

طراحي سايت Responsive تنها راه زنده ماندن وب

 

 

با سرعت فزآينده تغييرات در وب، ارقام و آمارها هميشه از رده خارج هستند و نميتوانيم به عنوان يك سند براي حال حاضر به آن ها رجوع كنيم. اما اكثر تحليل گران بر اين باورند كه وب موبايلي به سرعت به 50 درصد از ترافيك بازديد وب سايت ها دست پيدا خواهد كرد. با اين رشد طراحي سايت واكنش گرا به يك اصل اقتصادي نيز تبديل مي گردد، زيرا ما ميتوانيم براي اين تعداد از ابعاد صفحات نمايش، صدها سايت را طراحي كنيم ( اگر نگوييم هزاران سايت) كه البته زمان و مخصوصاً هزينه آن بسيار بالا خواهد بود، و يا ميتوانيم طراحي واكنش گرا را انتخاب نماييم! اين است كه ميگوييم طراحي سايت واكنش گرا تنها راه زنده ماندن وب است، مخصوصاً در آينده. تا اينجا ميدانيم كه اين يك نياز است، اما بايد بدانيم كه طراحي سايت Responsive هم مانند بسياري ديگر از طراحي ها براي بقا و پاسخگويي به نيازهاي جديد همواره در حال به روزرساني خواهد بود.

طراحي واكنش گرا براي دستگاه هاي پوشيدني يا Wearables ( مانند اپل واچ )

طراحي سايت فروشگاهي

 

طراحي هاي رابط كاربري براي چنين نمايشگرهاي كوچكي، چه ساعت اپل يا سوني يا آندرويدي چه ساير دستگاه ها، هميشه چالش هايي داشته و دارد. شما ميتوانيد با حفظ تمام المان هاي صفحه به گونه اي از طراحي بازخوردي معمول استفاده كنيد، ولي در اين ابعاد از صفحه نمايش، شما بايد يك برج ميلاد در نمايش سايت خود در اين دستگاه هاي هوشمند ايجاد كنيد كه قطعاً كاربر با اسكرول كردن اين مقدار خسته خواهد شد و كاربردي نيست. راهكارهاي مختلفي براي اين نوع طراحي سايت معرفي شده و پيشنهاد خواهد شد، ولي به طور قطع يكي از مواردي كه مورد نياز و پاسخ طراحي سايت Responsive در آينده خواهد بود موضوع دستگاه هاي هوشمند پوشيدني است.

آينده طراحي سايت واكنش گرا


طراحي سايت واكنش گرا بايد پاسخگوي موارد بسيار ديگري كه با ايجاد دستگاه هاي جديد و تكنولوژي هاي جديد مي آيند باشد. شايد يكي از مهمترين آن ها در آينده چگونگي اسكرول كردن باشد، زيرا اين موضوع در دستگاه هاي مختلف با ابعاد هاي متفاوت يكي از چالشهاي حال حاضر اين نوع سبك از طراحي مي باشد.

همچنين استفاده از ورودي هاي متفاوت اين گجت هاي همراه، هميشه يكي از چالش هاي طراحي سايت ريسپانسيو بوده است، زيرا در اين دستگاه ها، بر خلاف كامپيوتر هاي همراه يا روميزي كه از ماوس و كيبورد به صورت معمول براي ابزار هاي ورودي استفاده ميكنند، لمس كردن صفحه و كليدهاي كاربردي ديگري كه در دستگاه قرار دارد يكي از راههاي متنوع ورودي مي باشد. ضمن اينكه دستورات صوتي و تصويري نيز كم كم در حال كارآمد شدن مي باشند. هر كدام از اين ورودي ها داراي حالات و ابزارهاي مختلفي است كه همخواني در آنها براي ايجاد يك رابط كاربري واكنش گرا، كار ساده اي نيست.


برچسب: طراحي سايت، طراحي سايت شركتي، طراحي سايت فروشگاهي، طراحي سايت شخصي، طراحي وب سايت، طراحي سايت، طراحي وب سايت شخصي، طراحي سايت حرفه اي، انواع طراحي سايت، طراحي سايت، جهان سايت،
امتیاز:
 
بازدید:
+ نوشته شده: ۶ مهر ۱۳۹۵ساعت: ۰۴:۰۲:۵۹ توسط:سميه موضوع:

{COMMENTS}
ارسال نظر
نام :
ایمیل :
سایت :
آواتار :
پیام :
خصوصی :
کد امنیتی :