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

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

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

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

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


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

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

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

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


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

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


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

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

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

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

بازدید: 717

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

چگونه یک وب سایت را قبل از تحویل به مشتری تست کنیم؟
01 اردیبهشت

چگونه یک وب سایت را قبل از تحویل به مشتری تست کنیم؟

بازدید: 1004

بعد از طراحی یک سایت و قبل از تحویل آن به مشتری باید عملکرد آن تست شود و از صحت ‏کارکرد قسمت های مختلف آن مطمئن شویم. در طراحی بعضی از سایت ها ممکن است ‏طراحی سایت خیلی طول نکشد ولی تست آن وقتگیر و خسته کننده باشد و بیش از حد ‏انتظار انرژی شما را بگیرد.‏این مسئله طراح سایت را خیلی خسته می کند و برای هر طراحی بارهای بار اتفاق افتاده ‏است ، این موضوع شما را دچار نا امیدی یا استهلاک و خستگی می کند و باعث میشود [...]

CIW یا Certified Internet Web چیست؟
01 اردیبهشت

CIW یا Certified Internet Web چیست؟

بازدید: 863

CIW چیستکلمه CIW مخفف Certified Internet Web است که نام گروهی از طراحان وب بوده که در دهه 1990 این موسسه را تاسیس کردند و به سرعت جایگاه خود را میان شرکت‌های بزرگ پیدا کردند. استقبال از این مدارک به گونه‌ای بوده که این موسسه تا سال 1997 حدود 145000 مدرک را به دانشجویان خود داده است. در ابتدا پایه کار این گروه بر این اصل بنا شده بود که هیچ برنامه خاصی را آموزش نمی‌دادند چون با این کار خود را فقط به یک محصول منحصر می‌کردند. اما [...]

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

اصول اولیه طراحی صفحات وب چیست؟

بازدید: 1812

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

ابزارها و وب سایتهای برای تست وب سایتهای طراحی شده در موبایل
01 اردیبهشت

ابزارها و وب سایتهای برای تست وب سایتهای طراحی شده در موبایل

بازدید: 945

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

اهمیت و دقت رتبه بندی الکسا برای وب سایت
30 فروردین

اهمیت و دقت رتبه بندی الکسا برای وب سایت

بازدید: 842

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