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

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

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

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

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


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

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

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

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


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

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


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

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

اجتناب از بروز خطای 404 و پراکنده شدن بازدیدکنندگان
31 فروردین

اجتناب از بروز خطای 404 و پراکنده شدن بازدیدکنندگان

بازدید: 1736

خطای ۴۰۴ یکی از کدهای وضعیت پروتکل انتقال ابرمتن می‎باشد که با عنوان خطای «یافت نشد» (Not Found) شناخته می‎شود. بدین معنی که سرور وب نمی‎تواند منبع درخواستی را پیدا کند. این خطا نباید با خطای «سرور یافت نشد» (Server Not Found) اشتباه گرفته شود. در خطای ۴۰۴ ارتباط با سرور به طور کامل برقرار شده، اما منبع درخواستی موجود نبوده است؛ در حالی که در خطای «سرور یافت نشد» امکان برقراری ارتباط با سرور میزبان وجود [...]

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

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

بازدید: 1909

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

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟
29 فروردین

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟

بازدید: 1542

گوگل پاندا (Google Panda) به تغییراتی گفته می شود  که از اواخر اسفند  1389  (فوریه 2011) در الگوریتم نمایش نتایج جستجو در گوگل اعمال شد و همچنان ادامه دارد. این تغییرات با هدف کاهش سایت های رتبه بندی شده یا  کیفیت پایین دنبال می شود و سایت های با کیفیت را در بالای صفحه نمایش نتایج جستجو نشان می دهد. در اثر این تغییرات، سایت هایی که حجم بسیار زیادی آگهی تبلیغاتی در خود جای داده بودند به رده های پایین سقوط کننند و وب [...]

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند
01 اردیبهشت

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند

بازدید: 2668

بهینه سازی موتور جستجو سئو (SEO) چیست؟ SEO شامل به کارگیری فرایند ها در جهت بهبود و افزایش تعداد بازدیدکنندگان یک وب سایت به واسطه ی موتورهای جستجو گفته می شود. جنبه های زیادی در SEO وجود دارد که از کلمات موجود در صفحه ی شما تا ارتباطی که با دیگر صفحات برقرار می کنید را در بر می گیرد. بهینه سازی موتورهای جستجو تنها اشاره به این موتورها ندارد. بلکه اشاره به بهبود آن برای انسان ها نیز دارد. این مقاله ی آموزشی به توصیف [...]

محتوای تکراری در طراحی سایت چیست و انواع روش‌های رفع مشکل محتوای تکراری کدامند؟
30 فروردین

محتوای تکراری در طراحی سایت چیست و انواع روش‌های رفع مشکل محتوای تکراری کدامند؟

بازدید: 2055

امروزه علمی به نام سئو (seo یا Search Engine Optimization) نقشی کلیدی در موفقیت یک سایت یا وبلاگ بازی می کند، البته این علم چیزی نیست جزء رعایت یک سری موارد در جهت ایجاد محتوای استاندارد در وب و آگاهی از نحوه عملکرد موتورهای جستجوگر به عنوان رکن تعیین کننده در افزایش بازدیدها و از طرفی ایجاد محتوای مفید و کاربرپسند برای یاری رساندن به مخاطبان و در نتیجه جلب محبوبیت بیشتر برای سایت یا وبلاگ شما نزد آنان، اما آنچه که سبب می شود [...]

اینفوگرافیک چیست و کاربرد اینفوگرافیک در طراحی سایت چیست؟
30 فروردین

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

بازدید: 4151

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