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

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

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

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

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


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

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

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

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


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

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


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

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

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

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

بازدید: 7955

به آدرس های سایت دامنه می گویند. مانند 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 را برای دانشگاه ها و [...]

اهمیت کمک به مشتریان برای به روزرسانی وب سایت های از رده خارج آنها
01 اردیبهشت

اهمیت کمک به مشتریان برای به روزرسانی وب سایت های از رده خارج آنها

بازدید: 2498

عملا سایت هایی که ۵ الی ۱۰ سال پیش با استاندارد های آن زمان طراحی و ارائه شده ‏است، با استاندارد های امروز همخوانی ندارد‎. ‎که این موضوع خود به خود منجر به از رده خارج ‏شدن وب سایت های قدیمی می شود. بسیار پیش آمده است که با بازنگری در کارهای ‏قدیمی این حس را داشته باشید که می توانستید به جای استفاد ه از کد های فعلی، کد‎ X ‎یا ‏اسکریپت‎ Y ‎را استفاده کنید.گاهی اوقات داشتن یک وب سایت از رده خارج عواقب [...]

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

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

بازدید: 2848

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

طراحی وب سایت استاندارد و جلوگیری از خروج کاربران وب سایت و روش کاهش Bounce rate سایت
01 اردیبهشت

طراحی وب سایت استاندارد و جلوگیری از خروج کاربران وب سایت و روش کاهش Bounce rate سایت

بازدید: 2744

ساختار استاندارد و مناسب با تکیه بر محتوای مناسب و کاربردی میتوانید میزان خروج کاربران از وب سایت قبل از بازدید تنها یک صفحه را بگیرید و بازدید کننده را ترغیب به دیدن تمامی صفحات وب سایت نماید .یک طراحی مناسب می تواند میزان خروج کاربران از وب سایت را کاهش داده و موجب افزایش فعالیت کاربران در وب سایت شود .تنها راه جلوگیری از خروج کاربران از وب سایت کاهش کاهش Bounce rate می باشد.Bounce rate چیست ؟مقیاسی است مناسب جهت بررسی [...]

هر رنگ در طراحی وبسایت چه معنای دارد؟
31 فروردین

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

بازدید: 5055

هر رنگ در ضمیر ناخودآگاه انسان تاثیر خاصی می گذارد برای همین رنگ ها در طراحی سایت ‏خیلی مهم هستند مثلا بعضی رنگ ها کاربر را به خرید تشویق می کند، بعضی رنگ ها ‏احساس اعتماد ایجاد می نماید و همچنین بعضی رنگ ها به انسان احساس گسنگی می ‏دهد و ... یعنی شما با رنگ ها به طور غیر مستقیم می توانید احساسات کاربران خود را ‏برانگیخته نمایید.‏نکات مهم در هنگام انتخاب رنگ برای سایت•    رنگ متمم رنگهای [...]

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

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

بازدید: 7710

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