وبلاگ

طراحی سایت فوق حرفه ای از طریق تکنیک Intrinsic

 

برای طراحی سایت فوق حرفه ای از طریق تکنیک Intrinsic بهتر است در ابتدا مفهوم این تکنیک و تاریخچه ی آن را بدانید. درک هر چه بهتر شما از این روش طراحی سایت، بر روی سرعت یاد گیریتان تاثیر بسزایی خواهد گذاشت. به همین منظور قصد داریم اول به این موضوع بپردازیم که تکنیک Intrinsic از کجا آمده است.

به طور کلی تکنیک های طراحی سایت به دو دسته تقسیم می شوند:

۱- دسته ی اول تکنیک هایی هستند که با پیشرفت تکنولوژی پدید می آیند.

برای مثال می توان به طراحی سایت ریسپانسیو اشاره کرد که تا قبل از پیدایش گوشی های موبایل و تبلت ها وجود خارجی نداشت.

۲- دسته ی دوم نیز شامل تکنیک هایی می باشند که توسط خود طراحان سایت ایجاد می شوند و هدفشان بهینه کردن راندمان کار طراحان می باشد.

از این تکنیک ها می توان به طراحی سایت فِلَت اشاره کرد که با پیدایش آن عصر جدیدی در طراحی سایت فوق حرفه ای به خصوص طراحی فروشگاه اینترنتی شروع شد.

تکنیک Intrinsic نیز جز دسته ی دوم قرار می گیرد زیرا روشی می باشد که توسط یک طراحی رابط کاربری به نام Jen Simmons ابداع شده است.

معمولا این جور روش ها در ابتدای کارشان اسم خاصی ندارند ولی با فراگیر شدن آن ها و بالا رفتن بحث و جستجو در مورد این تکنیک ها، توسط مبدع آن روش و یا جامعه ی جهانی طراحان، صاحب یک اسم مشخص می شود.

حال که با مفهوم اولیه ی تکنیک Intrinsic آشنا شده اید. به شرح تخصصی تر این روش می پردازیم.

طراحی سایت فوق حرفه ای

چگونگی عملکرد تکنیک Intrinsic

این تکنیک با معرفی ماژول هایی مانند CSSGrid و Flexbox در CSS شروع به کار کرد و رفته رفته دست طراحان سایت را بازتر کرد.

در قدیم ساختار سایت را با ماژولی به نام Table طراحی می کردند که امروزه روشی منسوخ به حساب می آید.

اما اضافه شدن این ماژول های جدید، به طراحی پیچیده تر و زیباتر سایت کمک زیادی کرده است.

البته ماژول Flexbox ممکن است که تا حدی نسبت به سایر ماژول ها دست شما را باز نگذاشته باشد ولی شما می توانید با استفاده از آن طرح های زیبایی را در سایتتان پیاده کنید.

برای نمونه می توان به فریم ورک بوت استرپ اشاره کرد که در نسخه ی ابتدایی خود با تکیه بر دستورات Float توانست نمایش مناسبی از کد های طراحان را پیاده کند.

اما در نسخه ی چهارم خود با تمرکز بر روی استفاده از دستورات Flex روش جدیدی از چیدمان ساختار صفحات وب را به نمایش گذاشت.

نکته ای در تمامی این ماژول ها وجود دارد که نشان می دهد طراح برای چیدمان ساختار سایت باید تا حد زیادی به توانایی و خلاقیت خود متکی باشد.

البته نمی توان این نکته را منفی با مثبت دانست. این موضوع مشابه این است که شما دوست داشته باشید سوار بر خودرو های پیشرفته ی امروزی با ده ها آپشن کمک کننده، رانندگی کنید. و یا سوار ماشین های قدیمی تر شوید و تجربه ی خالص رانندگی را احساس کنید.

در مورد تکنیک Intrinsic نیز وضع به همین منوال است. این تکنیک با معرفی چهار ماژول Multicolumn ،Flow ،Flex و Grid توانست بسیاری از کدهایی که تا قبل از آن طراحان مجبور بودند به صورت دستی و خلاقانه ایجاد کنند را به صورت آماده در اختیار برنامه نویسان قرار دهد.

در نتیجه طراحان دیگر مجبور نیستند تا ساعت ها وقت بگذارند و ریز به ریز کد های سایت را با تفکر خود ایجاد کنند.

تنها با زدن چند دکمه ده ها کد آماده در اختیار آن ها قرار می گیرد تا بتوانند از طریق این کد ها طراحی سایت حرفه ای خود را به اتمام برسانند.

تفاوت طراحی سایت فوق حرفه ای از روش Intrinsic و Responsive

یک سایت Responsive شده بدان معناست که در هر پلتفرم با هر سایز هماهنگ باشد. یعنی بتوان این سایت را در انواع گوشی ها و تبلیت ها بدون هیچ به هم ریختگی ای مشاهده کرد.

تا قبل از پیدایش تکنیک Intrinsic ، طراحان سایت از Media Queries استفاده می کردند تا اینکه بالاخره ماژول های Grid و Flex تا حد زیادی کار آن ها را راحت کردند.

البته هنوز هم برخی طراحان از Media Queries استفاده می کنند اما الان در کنار آن ابزار های کمکی گوناگونی در اختیار دارند.

در روش ریسپانسیو برای طراحی سایت حرفه ای که در همه ی پلتفرم ها بدون مشکل اجرا شود؛ ما ستون هایی را در اختیار داریم که می توان آن ها را به صورت شناور کم و زیاد کرد.

این کار باعث می شود تا بتوان عرض صفحه را با انواع گوشی ها و تبلت ها هماهنگ کرد.

اما از طریق تکنیک Intrinsic علاوه بر ستون ها، سطر ها را نیز می توان افزایش یا کاهش داد.

این کار کمک می کند محدودیت عرضی ما در دستگاه های مختلف به وسیله ی طول صفحه جبران شود.

برای مثال می توان گفت اگر تصویری در گوشی های مختلف از عرض استاندارد صفحه بیرون بزند.

با روش Intrinsic می توان با توجه به کاهش عرض، به طول آن تصویر اضافه کرد.

بهترین زمان برای استفاده از تکنیک Intrinsic

اینکه بهترین زمان برای استفاده از تکنیک Intrinsic چه وقتی است را خود طراح سایت باید نتیجه گیری کند. زیرا این موضوع کاملاً یک امر شخصی است.

بسیاری از طراحان با همان روش ها و ماژول های قدیمی راحت تر هستند و سرعت کارشان با آن ها بیشتر است.

برخی نیز با ماژول های بهینه ی جدید توانسته اند پروژه های خود را در بازه ی زمانی کوتاهتری به پایان برسانند. از همین روی می توان گفت که به طور کلی استفاده از این تکنیک به خود طراح بر می گردد.

با نگاه به نمونه کار های طراحی سایت وبینار می توانید استفاده از تکنیک Intrinsic و به کارگیری ماژول های Grid و Flex را در بسیار از کار ها مشاهده کنید.

شما می توانید با مراجعه به سایت هایی نظیر سی اس اس تریکز و دبلیو تری اسکولز اطلاعاتتان را در این زمینه افزایش دهید.

۵ قدم برای تبدیل سایت Responsive به Intrinsic

فرض کنید در حال حاضر شما یک سایت Responsive دارید.

حال می خواهید در طراحی آن از الگوریتم Intrinsic استفاده کنید.

Jen Simmons در این رابطه ۵ مرحله را پیش روی ما قرار داده تا بتوانیم الگوریتم وب سایت خود را تغییر دهیم.

او معتقد است که بر خلاف طراحی ریسپانسیو، طراحی سایت از طریق الگوریتم Intrinsic باعث می شود طرح شما طبیعی و منعطف تر شود.

بر اساس گفته های سیمنز طراحان هر چیزی را که بخواهند می توانند بدون استفاده از ابزار و روش های دقیق در صفحه ی سایت پیاده سازی کنند.

بر همین اساس الگوریتم Intrinsic نیز تمام ابزارهایی که این طراحان برای پیاده سازی طرح های ذهنیشان نیاز دارند؛ در اختیار آن ها قرار می دهد.

در ادامه می خواهیم ۵ مرحله ای را شرح دهیم که برای تبدیل سایت Responsive به سایت Intrinsic باید آن ها را طی کنید.

با خواندن این توضیحات می توانید مفهوم طراحی سایت فوق حرفه ای با روش Intrinsic را بهتر درک کنید.

۱- تحرک و ثبات

اولین قدم برای تبدیل سایت Responsive به سایت Intrinsic که این الگوریتم به ما پیشنهاد می دهد؛ رعایت تحرک و ثبات است.

بله! درست است که در طراحی Responsive از تصاویر متحرک استفاده می شود.

اما در طراحی Intrinsic تصاویر متحرک در کنار تصاویر ثابت قرار می گیرند.

علاوه بر اینها بر اساس الگوریتم Intrinsic می توان بدون اینکه تصاویر دچار به هم ریختگی شوند؛ اندازه ی آن ها را تغییر داد.

۲- مرحله ی فشردگی

در دومین قدم باید از مرحله ی فشرگی بگذریم.

امروزه طراحان از CSS Grid Layout برای طراحی سایت فوق حرفه ای خود استفاده می کنند.

این زبان برنامه نویسی شامل سطرها و ستون هایی است که کار شما را برای ایجاد یک سازماندهی منظم در وب سایت مورد نظرتان راحت می کنند.

در همین مورد الگوریتم Intrinsic روشی جدید را معرفی کرد.

“فشردگی محتوا”

در این روش محتوا بدون اینکه ظاهری نامناسب پیدا کند و یا قالب سایت را دچار به هم ریختگی کند؛ فشرده می شود.

این روش به گسترده تر شدن هرچه بیشتر صفحه ی شما کمک می کند و برخلاف چیزی که شاید الان در ذهنتان باشد؛ محتوای سایت توسط الگوریتم Intrinsic به صورت جدا از دیگر بخش های صفحه، در یک فضای مناسب قرار می گیرد.

۳- طرح های کاملاً دو بعدی

ایده ی سوم برای تغییر الگوریتم سایت استفاده از طرح های کاملاً دو بعدی است.

این نوع طرح ها کمک می کند تا در طراحی سایت فوق حرفه ای خود بتوانید از سطر ها و ستون های انعطاف پذیرتری استفاده کنید و به وسیله ی این قابلیت فضاهای سفید و یا خالی بیشتری در وب سایت خود به وجود آورید.

۴- استفاده از زمینه ی مناسب

چهارمین مرحله به این موضوع اشاره دارد که باید از زمینه ی مناسب استفاده کرد.

با استفاده از یک همچین قابلیتی شما می توانید فرمت های مختلف محتوا را در قالب فرمتی یکپارچه ، داخل سایت خود قرار دهید.

۵-انقباض و انبساط محتوا

پنجمین قدم از تبدیل سایت Responsive به سایت Intrinsic  به گونه ای است که با تمامی مواردی که تا الان گفته شد در ارتباط است.

این مرحله مفهوم پیچیده ای ندارد و به نوعی خودبیانگر است.

در طراحی ریسپانسیو شاهد این هستیم که صفحات و محتوای داخل آن ها باید یاد بگیرند که خود را با انواع دستگاه ها مانند گوشی و یا تبلت هماهنگ کنند.

اما در طراحی سایت فوق حرفه ای از طریق الگوریتم Intrinsic شما می توانید این محتواها را به دلخواه خود بکشید، جمع کنید، پنهان کنید و یا آن ها را بر روی هم بچینید.

این موارد کمک می کنند تا محتوای خود را به راحتی در دستگاه های مختلف به نمایش در آورید. همچنین این تصور را از ذهن خود دور کنید که با دست کاری شما عملکرد این اِلمان ها به هم می ریزد.

با وجود دخل و تصرف انسانی، تمام اِلمان های موجود در محتوای شما با هدفی مشترک قابل نمایش و عمل پذیر هستند.

چرا باید از طراحی سایت Intrinsic استفاده کرد؟

اینکه تکنولوژی وارد مرزهای جدیدی شده است را نمی توان انکار کرد.

علاوه بر آن می توان پیشبینی کرد که تغییرات و فرمول بندی دوباره ی الگوریتم های طراحی سایت غیر قابل اجتناب است.

تنها زمان است که این اتفاقات را در آینده نگه داشته است.

اگر چه هنوز تا پیاده سازی کامل الگوریتم Intrinsic در تمامی وب سایت ها راه درازی پیش رو است. اما موضوعی که به طور قطع مشخص است؛ انقلابی می باشد که این الگوریتم در دنیای طراحی سایت فوق حرفه ای به وجود می آورد.

فرض کنید آن زمان فرا برسد و تمامی کسب و کار ها سعی بر این داشته باشند که برای باقی ماندن در بازار رقابت الگوریتم سایت خود را تغییر دهند.

حال وقتی شما از قبل این تغییر را انجام داده باشید؛ در آن زمان چند-هیچ از رقبای خود جلوتر هستید.

فرقی ندارد که شما به بهترین شکل ممکن سایت خود را طراحی کرده باشید یا نه، وقتی حرف از پیشرفت تکنولوژی باشد بهترین ها هم وقتی از زمانشان بگذرد در همان گذشته می مانند.

اصلاً انتظار نداشته باشید که وقتی شما به نوسازی سایت خود توجهی نمی کنید؛ مشتریان شما به کسب و کارتان وفادار بمانند.

همین موقع است که خواهید دید حتی مشتریان وفادار و همیشگی شما نیز دسته دسته کوچ می کنند و از شرکت رقیب شما خدمات مورد نیاز خود را دریافت خواهند کرد.

در نتیجه بهتر است قبل از اینکه دیر شود همراه با تکنولوژی حرکت کنید و در قبال مشتریان خود مسئول باشید.

همیشه این فرصت پیش روی شما قرار نمی گیرد که بتوانید رقبای خود را غافل گیر کنید و کاری که آن ها چند سال دیگر می خواهند انجام دهند را شما الان انجام دهید.

پس فرصت را از دست ندهید و درباره طراحی سایت Responsive خود تجدید نظر کنید.

برای مطالعه ی جزئیات بیشتر در مورد طراخی سایت فوق حرفه ای می توانید به مقاله ی آموزش طراحی سایت | پارت دوم: چگونگی طراحی سایت حرفه ای مراجعه کنید.

 

آموزش طراحی سایت با e-cds

برچسب ها

نوشته های مشابه

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن