Intrinsic Web Design چیست؟
همه چیز در این تکنیک جدید با معرفی ماژول های Flexbox و CSS Grid در CSS آغاز شد. مدت ها پیش استفاده از Table برای ایجاد ساختار و چیدمان سایت رایج بود ولی امروز کمتر کسی از آن استفاده میکند.
پس از مدتی استفاده از float و به کارگیری دستورهای fixed و absolute برای تعیین موقعیت یک المان در صفحه مورد توجه قرار گرفت که به ما اجازه میدهد نحوه نمایش محتوای صفحه را پیچیده تر و و البته زیباتر طراحی کنیم. ولی امکانات این روش در مقایسه با ماژول های جدید بسیار محدود است. تصویر زیر برخی از ساختارهایی که به راحتی میتوان با تکنیک جدید ایجاد نمود را نمایش میدهد.
بعنوان مثال فریم ورک بوت استرپ در نسخه های ابتدایی خود و با استفاده از float توانست ساختاری قابل قبول و کاربردی برای طراحی صفحات وب ایجاد نماید. اما در نسخه 4 بوت استرپ توجه ویژه ای به flex و تکنیک های جدید چیدمان محتوا شده است.
نکته مهم در همه این تکنیک ها استفاده از خلاقیت برای نمایش المان های صفحه در موقعیت های گوناگون بود. در این روش ها هیچ ساختار مشخص و از پیش تعریف شده ای برای جایگیری المان ها از طریق CSS وجود نداشت و این تجربه و دانش طراح سایت بود که در چیدمان صفحه مورد استفاده قرار میگرفت.
طراحی وب سایت intrinsic با طراحی سایت Responsive چه تفاوتی دارند؟
زمانی طراحی وب سایت Responsive مد نظرتان است با Media Queries مشخص می کنید که نحوه نمایش سایت در سایز های مختلف به چه صورتی باشد. ولی زمانی که از ماژول های جدید مانند Flex یا Grid استفاده می کنید، نیاز شما به Media Queries به طور کلی برطرف می شود و دیگر نیازی به تقسیم بندی هایی که بر اساس سایز صفحه وب سایت خود ندارید و کل تغییرات مورد نظر خود را به راحتی با استفاده از کد های دستوری اعمال خواهید کرد. تصویر زیر این موضوع را به درستی برای شما روشن خواهد کرد.
زمانی که شما از طراحی سایت ریسپانسیو استفاده می کنید، ستون بندی های شناوری دارید که بخش هایی از آن و در شرایطی که لازم است تغییر عرض داشته باشید به روش زیر عمل می شود:
"ابتدا عرض تصویر با عرض فضایی که در اختیار دارید سازگار می شود و سپس ارتقاف تصویر به همان نسبت که عرض کاهش یافته، کم می شود."
ولی در طراحی وب سایت Intrinsic علاوه بر ستون ها شما می توانید ردیف ها یا همان سطر ها نیز تغییر داده و مدیریت کنید. تصویر زیر زیر یک نمونه جذاب از روند کار CSS Grid را به شما نشان می دهد.
چه زمانی از طراحی intrinsic استفاده کنیم؟
این مفهوم جدید تنها برای اشاره مستقیم و صریح به این تکنیک معرفی شده است و زمان مشخصی برای استفاده از آن در نظر گرفته نشده. طراحی سایت به مرور به سمت استفاده بیشتر از این ماژول های جدید خواهد رفت و چه بهتر که شما در این زمینه از رقبای خود جلوتر باشید. به همین دلیل شما باید راحتی طراحی، پاسخگو بودن برای موبایل و تبلت و سایر موارد مربوط به طراحی سایت را در نظر بگیرید؛ بعد از آن شما می توانید تصمیم بگیرید که از چه روشی برای طراحی سایت خود استفاده کنید. به همین دلیلدر پایان دو ابزار که می توانند به شما در زمینه طراحی سایت به روش intrinsic کمک می کنند را معرفی می کنیم تا بتوانید از اطلاعاتی که در این مطلب دریافت کردید استفاده کنید و اطلاعات به دست آمده خود را به کار ببرید.شما می توانید برای آشنایی بیشتر و استفاده از Flex Box سایت flexboxfroggy.com و برای آشنایی بیشتر با Css Grid از سایت آموزشی cssgridgarden.com استفاده کنید.
- ۰ ۰
- ۰ نظر