اهمیت گرید در طراحی سایت و انواع گرید در طراحی وباهمیت گرید در طراحی سایت و انواع گرید در طراحی وب تاریخ انتشار : 30 فروردین، 1396

اهمیت گرید در طراحی سایت و انواع گرید در طراحی وب

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

چرا گرید در طراحی سایت مهم است؟
در واقعیت، گرید یک ذهنیت مطمئن به طراح می‌دهد و در طراحی سایت به عنوان یک راهنما به او کمک می‌کند. این به یک معنی منحصر کردن خلاقیت طراح برای اینکه دقت خود را در یک مسیر خاص قرار دهد است. اولین برداشت از سایت توسط کاربر از طرح ساختاربندی شده سایت خود را نشان می‌دهد و کاربر احساس می‌کند که این سایت دارای ساختاری منظم و مرتب است. بنابراین بایستی در اینکه وب سایت‌ها چگونه باید اطلاعاتشان را به کاربران انتقال دهند تأمل شود. زمانی که یک گرید به کار برده می‌شود، با آنچه قرار است طراحی شود هماهنگ می‌گردد. برخی ممکن است فکر کنند که گرید محدودیتی برای طرح است، اما این اشتباه است، چرا که آن ابزاری است برای رسیدن طراح به هدفی که در طرح دارد. در طراحی سایت، گرید‌ها ساختاری مبنایی برای یک وب سایت هستند که به طراح اجازه می‌دهند تا یک طرح قوی برای عناصر خود بوجود بیاورد.

چرا گرید در طراحی سایت مهم است؟


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

کاربرد گرید ستونی در طراحی سایت

کاربرد گرید سلسله مراتبی در طراحی سایت
گرید سلسله مراتبی  گرید خاصی است که معمولا عناصر مختلف سایت را در یک قالب دیداری (حسی) و گویا قرار می‌دهد که اغلب با سایز دلخواه ستون‌ها و ردیف‌هایی با وسعت متفاوت و به صلاحدید طراح تعیین می‌شوند. این گرید می‌تواند پل ارتباطی بین محتواهایی که از بقیه محتوا‌ها فرق دارند و یا به عبارتی برای ایجاد یک ساختار کلی مناسب که شامل محتواهای دور از هم شوند استفاده گردد. گرید‌های سلسله مراتبی زمانی می توانند مفید باشند که طرح برای طراحی سایت با گریدهایی که پیش از این بیان و به بحث پرداختیم مناسب نباشد و نیاز به گریدهایی خاص دیگر داشته باشد.

کاربرد گرید سلسله مراتبی در طراحی سایت


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

کاربرد گرید نوشتاری در طراحی سایت


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

دامنه چیست و چه کاربردی دارد ؟
29 فروردین

دامنه چیست و چه کاربردی دارد ؟

بازدید: 5338

به آدرس های سایت دامنه می گویند. مانند www.google.com که دامنه آن google.com است. شاید اجزای هر URL را بدانید ولی دامنه یکی از مهم ترین قسمت های سایت و URL است. برای مثال دامنه https://www.example.ir را ببینید پسوند IR ، پسوند این دامنه است ولی به این آدرس https://www.example.ir/default.php دقت کنید، php پسوند فایل default و IR پسوند دامنه ماست. خب حالا فرق .com و .net و .ir و ... در چیست؟ هر یک از پسوند های دامنه معنای خاصی دارد. مثلا پسوند .ac.com یا ac.ir را برای دانشگاه ها و [...]

تصورات غلط و رایج درباره طراحان وب
31 فروردین

تصورات غلط و رایج درباره طراحان وب

بازدید: 1967

اصولا امروزه هر فردی که یک کتاب طراحی وب را مطالعه کرده باشد ، تصورش اینست که دیگر خدای طراحی است و کسی بالای دست او کار نمی کند، اما واقعا یک طراحی وب شامل دانسته هایی از حیطه های مختلف مثل CSS3, HTML5,Javascript,PHP,jQuery و موارد زیاد دیگر است که همه با هم می تواند یک طراح وب را به جلو سوق دهد. برخی از تصورات غلط و البته رایج در مورد یک طراح وب را که اکثرشان هم درست نیستند ، توضیح داده و نکاتی  مهم وقابل توجهی را بیان می [...]

اصول و قواعد طراحی سایت
31 فروردین

اصول و قواعد طراحی سایت

بازدید: 6925

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

روشهایی برای بهبود فوترهای معمولی و رایج
31 فروردین

روشهایی برای بهبود فوترهای معمولی و رایج

بازدید: 1699

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

RSS چیست و کاربردهای RSS در طراحی سایت
31 فروردین

RSS چیست و کاربردهای RSS در طراحی سایت

بازدید: 18351

RSS مخفف Really Simple Syndication به معنی تشکیل ارتباط‌های بسیار ساده است. آر.اس.اس فرمتی برای خروجی اطلاعات می‌باشد. آر.اس.اس فایلی با فرمت خاص (XML) می‌باشد که شامل آخرين عناوين سایت‌های خبری، وبلاگ‌ها و سايت‌هايی از اين دست می‌باشد. در واقع با به روز شدن سایت، فایل آر.اس.اس آن به طور خودکار به روز می‌شود. محتويات فايل‌های آر.اس.اس را می‌توان به کمک نرم‌افزارهای مخصوص و يا سايت‌هايي كه اين امكان را [...]

Bootstrap چیست و چه کاربردی دارد؟
01 اردیبهشت

Bootstrap چیست و چه کاربردی دارد؟

بازدید: 7707

 Bootstrap ( بوت استرپ ) چیست ؟Bootstrap ( بوت استرپ ) یکی از قدرتمند ترین و محبوب ترین فریم ورک های HTML ، CSS و Javascript برای توسعه و طراحی سایت بصورت واکنش گرا در ابزارهای نمایش وب در اندازه های مختلف از جمله موبایل، تبلت و کامپیوترهای رومیزی می باشد، که امکان طراحی صفحات وب در کمترین زمان را به شما می دهد. تاریخچه Bootstrap :Bootstrap ( بوت استرپ )  توسط یک طراح و یک توسعه دهنده تویتر ایجاد شده است، و تبدیل به یکی از [...]