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

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

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

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

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


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

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

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

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


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

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


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

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

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

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

بازدید: 387

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

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

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

بازدید: 418

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

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو
01 اردیبهشت

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو

بازدید: 229

Anchor معنی لنگر را میدهد، در اصطلاح Anchor Text عبارت از متنی نامی میباشد که پیوندی به آن لینک میشود گوگل و تعداد دیگری از موتورهای جستجو، صفحات وب سایت ها را تحت تاثیر مستقیم متن پیوندی یا (Anchor Text ) به آن صفحات در نتایج جستجو نمایش می دهد. این موضوع یعنی اهمیت این متن ها در سئو را میتوان با نگاه كردن به نمونه های فوق العاده ای از صفحات وب سایت ها كه رتبه بالای نتایج جستجو در اختیار دارند درک نمود . Google bombs تقریباً آسان ترین [...]

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

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

بازدید: 206

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

تکنیک Hero header در طراحی سایت چیست؟
01 اردیبهشت

تکنیک Hero header در طراحی سایت چیست؟

بازدید: 356

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

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

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

بازدید: 195

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