انتخاب روش طراحي سايت بسته به بودجه شما و ديد شما به كسب و كارتان رقم ميخورد . امروز قصد داريم تا شما را روند طراحي سايت روان آشنا كنيم . در ادامه همراه با سارين وب باشيد .
زمانيكه يك سايت را براي طيف وسيعي از كاربران طراحي ميكنيد بايد تفاوت هاي احتمالي ميان بازديدكنندگان را در نظر داشته باشيد كه شامل موارد زير مي باشد :
- رزولوشن صفحه نمايش
- نوع مرورگر شامل فايرفاكس، كروم، اينترنت اكسپلورر و…
- تولبارهاي اضافي نصب شده بر روي مرورگر كاربران مانند تولبار الكسا
- سيستم عامل كامپيوتر كاربران
توجه به موارد بالا ممكن است كار يك طراح سايت را تا حد زيادي مشكل كند ولي در نقطه مقابل ميتواند تاثير بالايي در كارايي سايت و رضايت كاربران بهمراه داشته باشد. تكنيك طراحي سايت Liquid به اين بخش توجه ويژه اي دارد.
طراحي سايت Liquid چيست؟
عبارت Liquid يا روان بيانگر آن است كه سايت شما ظاهر خود را متناسب با فضايي كه در مرورگر كاربران دارد تغيير داده و در هر شرايطي دسترسي به محتواي موجود در آن براي كاربران ممكن است. در حالت عادي اگر رزولوشن صفحه نمايش كاربر بالا باشد ممكن است مجبور به تغيير بزرگنمايي يا Zoom مرورگر خود شود.
تفاوت طراحي سايت روان و ثابت
ممكن است اطلاعات اين بخش براي طراحان حرفه اي سايت پيش پا افتاده و بديهي به نظر برسد ولي در اين قسمت سعي داريم نگاهي عميق تر به طراحي Liquid و Fix داشته و تفاوت هاي ظاهري آنها را براي كاربران با مثال بررسي كنيم.
Fluid Website Layout
درتكنيك Fluid يا Liquid بخش هاي اصلي صفحه و پهناي كلي آن براساس درصد تعريف شده و پيكسل آنها با عرض صفحه نمايش كاربر تعيين ميشود. تصوير پايين يك نمونه طراحي سايت روان را نمايش ميدهد و همانطور كه مشاهده ميكنيد پهناي بخش هاي مختلف براساس عرض صفحه نمايش يا رزولوشن تصوير كاربر تعيين ميشود. حتي براي تعيين فاصله بين دو بخش نيز ميتوان از درصد استفاده كرد تا جايگيري المان هاي سايت در هر شرايطي يكسان باشد.
مزاياي طراحي سايت روان
- سايت طراحي شده كارايي بهتري دارد زيرا با توجه به تنظيمات كاربران خود را تغيير ميدهد.
- فضاي بين بخش هاي اصلي تناسب خود را حفظ كرده و نمايش سايت شما در هر شرايطي يكسان خواهد بود.
با رعايت اصول اين روش شما هرگز در صفحه خود با اسكرول افقي مواجه نخواهيد شد و در هر شرايطي تمام محتوا نمايش داده خواهد شد.
معايب طراحي سايت روان
- طراح سايت كنترل كمتري بر نمايش محتوا دارد زيرا همه چيز را براساس رزولوشن خود چيدمان كرده و ممكن است برخي از شرايط را در نظر نگرفته باشد.
- تصوير، ويدئو و محتوايي كه بايد ابعاد مشخصي داشته باشد نميتواند با تغيير ابعاد صفحه خود را هماهنگ كند.
- در صفحه نمايش هاي خيلي بزرگ فاصله ميان المان ها بيش از حد شده و اين فضاي خالي ممكن است سايت شما را كم محتوا جلوه دهد.
ممكن است بكارگيري تكنيك طراحي سايت روان براي شما مشكلات زيادي را بهمراه داشته و زمان طراحي و رفع عيب را تا حد زيادي افزايش دهد.
ولي ميتوانيد با تركيب اين دو روش فضاي كاربري مناسبي براي سايت خود ايجاد كنيد بعنوان مثال با استفاده از تكنيك طراحي روان در هدر و فوتر سايت و تكنيك سايت ثابت براي محتواي ميان آنها شما بيشتر معايب اين دو روش را بكار گرفته ايد.
ميتوانيد با تغيير رزولوشن صفحه نمايش يا بزرگنمايي مرورگر خود نحوه نمايش آن را در شرايط مختلف بررسي كرده و ايرادات احتمالي را شناسايي و رفع كنيد. در اكثر مرورگرها با نگه داشته دكمه “Ctrl” و فشردن كليدهاي “+” يا “-” ميتوانيد بزرگنمايي تصوير را تغيير دهيد.
نياز به طراحي سايت داريد ؟ با شماره تلفن هاي بالاي سايت تماس بگيريد و درخواست مشاوره كنيد ! مشاورين سارين وب در خدمت شما هستند . طراحي سايت ، سئووبهينه سازي سايت خود را با سارين وب تجربه كنيد .
منبع:طراحي سايت
انتخاب روش طراحي سايت بسته به بودجه شما و ديد شما به كسب و كارتان رقم ميخورد . امروز قصد داريم تا شما را روند طراحي سايت روان آشنا كنيم . در ادامه همراه با سارين وب باشيد .
زمانيكه يك سايت را براي طيف وسيعي از كاربران طراحي ميكنيد بايد تفاوت هاي احتمالي ميان بازديدكنندگان را در نظر داشته باشيد كه شامل موارد زير مي باشد :
- رزولوشن صفحه نمايش
- نوع مرورگر شامل فايرفاكس، كروم، اينترنت اكسپلورر و…
- تولبارهاي اضافي نصب شده بر روي مرورگر كاربران مانند تولبار الكسا
- سيستم عامل كامپيوتر كاربران
توجه به موارد بالا ممكن است كار يك طراح سايت را تا حد زيادي مشكل كند ولي در نقطه مقابل ميتواند تاثير بالايي در كارايي سايت و رضايت كاربران بهمراه داشته باشد. تكنيك طراحي سايت Liquid به اين بخش توجه ويژه اي دارد.
طراحي سايت Liquid چيست؟
عبارت Liquid يا روان بيانگر آن است كه سايت شما ظاهر خود را متناسب با فضايي كه در مرورگر كاربران دارد تغيير داده و در هر شرايطي دسترسي به محتواي موجود در آن براي كاربران ممكن است. در حالت عادي اگر رزولوشن صفحه نمايش كاربر بالا باشد ممكن است مجبور به تغيير بزرگنمايي يا Zoom مرورگر خود شود.
تفاوت طراحي سايت روان و ثابت
ممكن است اطلاعات اين بخش براي طراحان حرفه اي سايت پيش پا افتاده و بديهي به نظر برسد ولي در اين قسمت سعي داريم نگاهي عميق تر به طراحي Liquid و Fix داشته و تفاوت هاي ظاهري آنها را براي كاربران با مثال بررسي كنيم.
Fluid Website Layout
درتكنيك Fluid يا Liquid بخش هاي اصلي صفحه و پهناي كلي آن براساس درصد تعريف شده و پيكسل آنها با عرض صفحه نمايش كاربر تعيين ميشود. تصوير پايين يك نمونه طراحي سايت روان را نمايش ميدهد و همانطور كه مشاهده ميكنيد پهناي بخش هاي مختلف براساس عرض صفحه نمايش يا رزولوشن تصوير كاربر تعيين ميشود. حتي براي تعيين فاصله بين دو بخش نيز ميتوان از درصد استفاده كرد تا جايگيري المان هاي سايت در هر شرايطي يكسان باشد.
مزاياي طراحي سايت روان
- سايت طراحي شده كارايي بهتري دارد زيرا با توجه به تنظيمات كاربران خود را تغيير ميدهد.
- فضاي بين بخش هاي اصلي تناسب خود را حفظ كرده و نمايش سايت شما در هر شرايطي يكسان خواهد بود.
با رعايت اصول اين روش شما هرگز در صفحه خود با اسكرول افقي مواجه نخواهيد شد و در هر شرايطي تمام محتوا نمايش داده خواهد شد.
معايب طراحي سايت روان
- طراح سايت كنترل كمتري بر نمايش محتوا دارد زيرا همه چيز را براساس رزولوشن خود چيدمان كرده و ممكن است برخي از شرايط را در نظر نگرفته باشد.
- تصوير، ويدئو و محتوايي كه بايد ابعاد مشخصي داشته باشد نميتواند با تغيير ابعاد صفحه خود را هماهنگ كند.
- در صفحه نمايش هاي خيلي بزرگ فاصله ميان المان ها بيش از حد شده و اين فضاي خالي ممكن است سايت شما را كم محتوا جلوه دهد.
ممكن است بكارگيري تكنيك طراحي سايت روان براي شما مشكلات زيادي را بهمراه داشته و زمان طراحي و رفع عيب را تا حد زيادي افزايش دهد.
ولي ميتوانيد با تركيب اين دو روش فضاي كاربري مناسبي براي سايت خود ايجاد كنيد بعنوان مثال با استفاده از تكنيك طراحي روان در هدر و فوتر سايت و تكنيك سايت ثابت براي محتواي ميان آنها شما بيشتر معايب اين دو روش را بكار گرفته ايد.
ميتوانيد با تغيير رزولوشن صفحه نمايش يا بزرگنمايي مرورگر خود نحوه نمايش آن را در شرايط مختلف بررسي كرده و ايرادات احتمالي را شناسايي و رفع كنيد. در اكثر مرورگرها با نگه داشته دكمه “Ctrl” و فشردن كليدهاي “+” يا “-” ميتوانيد بزرگنمايي تصوير را تغيير دهيد.
نياز به طراحي سايت داريد ؟ با شماره تلفن هاي بالاي سايت تماس بگيريد و درخواست مشاوره كنيد ! مشاورين سارين وب در خدمت شما هستند . طراحي سايت ، سئووبهينه سازي سايت خود را با سارين وب تجربه كنيد .
منبع:طراحي سايت
توصيه هاي براي كمپين هاي بازاريابي موفق