دسته بندی
-
استفاده از گرید در طراحی سایت
-
زمانی که اقدام به طراحی سایت می کنید، یکی از مهمترین چیزهایی که بایستی به خاطر داشته باشید طرح سایت و امکان برقراری ارتباط با کاربر است که امری اساسی در انتقال مقصود شما و اطلاعات وب سایت به شمار می رود. اگرچه هدف اصلی، فهم اطلاعات توسط کاربر است، با این حال طراحی سایت انواع متفاوتی دارد.
-
00
-
بازدید این صفحه : ۵۳۷۱تاريخ : 02 شهريور 1401
یکی از ملزومات در طراحی سایت های ارائه دهندۀ اطلاعات، بوجود آوردن احساس رضایت در کاربرانی است که به سایت مراجعه می کنند. کاربر باید مطمئن باشد که می تواند با صرف کمترین زمان مقصود شما را دریابد؛ این امر می تواند ملاکی باشد برای شناخت سایت هایی که تنها وقت مراجعه کنندگان را تلف می کنند.
چرا در طراحی سایت از گرید استفاده می کنیم؟
اگر طراحی سایت با یک طرح ساختاربندی شده انجام شود، این احساس که یک ساختاری وجود دارد را در اولین برداشت از سایت می توان دریافت. بنابراین بایستی در اینکه وب سایت ها چگونه باید اطلاعاتشان را به کاربران انتقال دهند تأمل شود. زمانی که یک گرید به کار برده می شود، با آنچه قرار است طراحی شود هماهنگ می گردد. در حقیقت، گرید یک ذهنیت مطمئن به طراح می دهد و در طراحی سایت به عنوان یک راهنما به او کمک می کند. این به یک معنی منحصر کردن خلاقیت طراح برای اینکه دقت خود را در یک مسیر خاص قرار دهد است. برخی ممکن است فکر کنند که گرید محدودیتی برای طرح است، اما این اشتباه است، چراکه آن ابزاری است برای رسیدن طراح به هدفی که در طرح دارد. در طراحی سایت، گرید ها ساختاری مبنایی برای یک وب سایت هستند که به طراح اجازه می دهند تا یک طرح قوی برای عناصر خود بوجود بیاورد.
انواع گریدها در طراحی سایت و زمان مناسب برای به کاربردن هرکدام
از آنجا که در طراحی سایت، شمار بسیاری از انواع گریدها وجود دارد؛ همه آنها را می توان در 4 نوع اصلی تقسیم کرد که هر کدام برای بهبود بخشیدن به ظاهر سایت و قوت بخشیدن به محتوای آن بسیار مفید هستند.
1-) کاربرد گرید نوشتاری در طراحی سایت
در طراحی سایت، ساده ترین گرید، گرید نوشتاری است که مرکب از یک تک ستون یا بلوکی از متن است به همراه تصاویری جاسازی شده در آن که به وسیلۀ حاشیه ای محصور شده اند. ساختار این گرید شبیه ستونی مستطیل مانند است که با متن و محتوا پر شده است. گریدهای نوشتاری در کتاب ها، مقالات و پست گذاری وبلاگ ها مناسب هستند؛ البته تنها به متن محدود نمی شود و تصاویر می توانند در اطراف ستون ها قرار بگیرند.
2-) کاربرد گرید ستونی در طراحی سایت
این نوع از گرید برای ایجاد فضایی با ستون های عمودی به کار می رود که سمت چپ آن می تواند برای تصاویر، عناوین و متون آزاد گذارده شود. وقتی می خواهید افکتی زیبا در طراحی سایت خود ایجاد کنید که اطلاعات ارائه شده در آن منقطع هستند؛ این گرید می تواند برای قرار دادن محتواها به کار شما بیاید. برای مثال می توانید انوع موضوعات غیر مرتبط، عبارات و ... را در آن وارد کنید. در این گرید، می توان در طراحی میان چندین ستون پل زد و آنها را به هم مرتبط ساخت. یک ستون می تواند به متن اختصاص یابد، یکی به تصاویر و دیگری به عناوین تصاویر.
3-) کاربرد گرید قسمتی در طراحی سایت
این نوع از گرید، طراحی سایت را با ترکیبی از دسته بندی افقی و عمودی ساختاربندی می کند. با قسمت بندی های این گرید، می توان فضایی که عناصر مختلف وب سایت در آن قرار می گیرند را محدود ساخت. این گرید برای طراحی سایت هایی که محتوایی پیچیده با عکس های فراوان دارند مناسب است. گریدهای قسمتی، نسبت به طرح هایی که گرید ستونی در طراحی سایت می تواند ارائه دهد، برای طرح های پیچیده ای که به کنترل بیشتری نیاز دارند مناسب تر هستند. گالری های تصاویر، اسناد و کارت های فروشگاهی، نمونه طرح های مناسبی برای گریدهای قسمتی هستند.
4-) کاربرد گرید سلسله مراتبی در طراحی سایت
این نوع از گرید به طور معمول عناصر مختلف سایت را در یک قالب بصری (حسی) و گویا قرار می دهد که اغلب با اندازۀ دلبخواه ستون ها و ردیف هایی با وسعت متفاوت و به صلاحدید طراح همراه است. گرید های سلسله مراتبی زمانی می توانند مفید باشند که طرح برای طراحی سایت با گریدهایی که پیش از این ذکر کردیم مناسب نباشد و نیاز به گریدهایی خاص داشته باشد. این گرید می تواند برای ایجاد ارتباط میان محتواهایی که بسیار از هم متفاوت هستند و به عبارتی ایجاد یک ساختار کلی مناسب برای اینکه شامل محتواهای دور از هم شود به کار رود.
منبع : کاسپید
نظر شما
-
خدمات طراحی سایت
-
ویترین اخبار
- راه اندازی سایت نشریه الکترونیک فرهنگ انقلاب اسلامی
- ملاک شناخت یک شرکت طراحی سایت قوی و توانا برای راه اندازی سایت اینترنتی شما چیست؟
- فرا رسیدن نوروز باستانی، یادآور شکوه ایران و یگانه یادگار جمشید جم بر همه ایرانیان پاک پندار، راست گفتار و نیک کردار خجسته باد
- راه اندازی وب سایت اینترنتی ماشین سازی درستگاههای تولید آرد
- راه اندازی وب سایت اینترنتی ملک آریا
- 7 مورد از قابلیتهای غیرمنتظره در iOS 7
- Apex در برابر Nova: مقایسه دو لانچر اندروید
- پاداش 15,000 دلاری برای شکستن قفل TouchID
- نیکون از AW1، اولین دوربین ضد آب با قابلیت تعویض لنز، پرده برداشت
- لومیا 1520 نوکیا و این بار مشخصات فنی، قیمت و زمان عرضه
- رکورد فروش موبایل در دست 8 مدل
- اپل در حال تست نسخه های 701 و702 و 71 سیستم عامل iOS؟
- علت دقیق سرعت پایین اینترنت را نمیدانیم
- بررسی اکسپریا Z1 سونی
- آموزش ساخت ایمیل یاهو پس از حذف ایران!
- سهام توییتر روانه بازار بورس میشود
- تبلیغات تازه مایکروسافت علیه آیفون شکست خورد
- مدیرعامل اینتل: تبلتهای زیر 100 دلاری در تعطیلات سال نوی میلادی از راه میرسند
- 27 شهریور iOS 7 برای آیفونها و آیپدها منتشر میشود
- کنسول بازی جدید سونی با قابلیت های جذاب و قیمت مناسب معرفی شد: Vita TV
- کمپانی دل برای چینی ها لب تاب لوحی می سازد!!!
- ایسوس فون پد 7 اینچی جدید را معرفی کرد: تبلت/تلفن هیبریدی با اسپیکر دو کاناله
- یاهو لوگوی جدید خود را رونمایی کرد
- ایسوس از لپتاپ لمسی و ارزان قیمت X102BA با پردازنده AMD پرده برداشت
- دوباره Moto X و این بار تصویر رندر شده تبلیغاتی آن [بروز شد]
- ولخرجیهای گوگل در حوزه دیتاسنتر ادامه دارد: 6-1 میلیارد دلار در سه ماهه دوم 2013
- تشکیل گروه جهانی« طراحی فناوریهای پوشیدنی» در موتورولا، با استناد به آگهی استخدام این شرکت
- آشنایی با سیستمفایلها و نحوه فرمتکردن درایوهای خارجی در مک
- سرفیس RT هنوز نمرده است
- دانلود کنید: اپلیکیشن VLC برای کاربران iOS منتشر شد
- بررسی همهجانبۀ شایعات پیرامون ساعتهای هوشمند
- تصاویر واضح از آیفون ارزان قیمت در کنار آیفون 5 فاش شد
- تبدیل تصاویر به فرمت ICO و استخراج آیکونها از فایلهای با فرمت EXE و DLL
- نسخه جدید اندروید در 2 مردادماه معرفی میشود
- ال جی از نام G2 برای پرچمدار بعدی خود استفاده میکند
- مشخصات فنی و بنچمارک گلکسی نوت 3 فاش شد
- تصویر و مشخصات جدید آیفون 5S به بیرون درز کرد: صفحه نمایش IGZO، دوربین 12 مگاپیکسل، پردازنده سریعتر و پردازنده گرافیکی چهار هستهای
- آیا میتوان پس از مرگ اطلاعات با ارزش را در اختیار خانواده، دوستان و آشنایان قرار داد؟
- تصاحب Omek توسط اینتل ممکن است باعث شود هرگز نیاز به لمس کامپیوتر خود نباشید
- نسخه جدید تحت وب نقشه گوگل در دسترس همگان قرار گرفت
- تلفن G2 ال جی مجهز به باتری 2540 میلی آمپر ساعتی است
- جزئیات بیشتر از دوربین 20 مگاپیکسلی هونامی: سنسوری بزرگ ولی نه به اندازهی لومیا 1020
- مرور تاریخچه دوربین در گوشیهای برجسته نوکیا
- دریافت استاندارد و رتبه 6 از 10 گوگل توسط سایت شرکت راوک نگار پارس
- بروزرسانی تعدادی از جدیدترین نمونه آثار طراحی سایت های هوشمند راوک نگار پارس
-
نماد اعتماد الکترونیکی
-
آمار بازدید
- کل (online):۴۹۴
- اعضاء (online):۲
- میهمان (online):۴۹۲
- بازدید امروز::۱۲۱
- بازدید دیروز::۵۴۲
- بازدید کل::۲۸۸۵۳۴۱۳
-
تبلیغات