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

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

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

گرید چیست؟

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

مفهوم اصطلاحات واحد

به بلوک های ساختاری اولیه گرید گفته میشه. چند تا واحد با هم میتونن یه گرید بسازن. اگه یه شبکه از خطوط رو در نظر بگیرید به هر ستون عمودی ایجاد شده واحد گفته میشه.

شیار یا Gutter

به فضای خالی کمی که بین واحدها وجود داره شیار گفته میشه. شیار به گرید یه فضای تنفش میده و واحدها رو از هم جدا میکنه.

ستون

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

فیلد

چند تا ستون محتوا در مجموع یک فیلد بوجود میارن که تقسیمات افقی صفحات هست. بهتره سعی کنید ارتفاع فیلدهای صفحاتتون تا انتهای صفحه با هم یکی باشه هر چند در عمل همیشه همچین چیزی امکان پذیر نیست.

قانون یک سوم

کل فضا رو روی یک گرید کوچیک تصور کنید. قانون یک سوم میگه اگه محتوا رو روی خطوط مشخصی از گرید قرار بگیره تصویر نهایی برای چشم انسان خوشایندتره. این نظریه تو عکاسی خیلی کاربرد داره. پیشنهاد میکنم ازش در طراحی سایت برای قرار دادن محتوای مهم در قسمتهای اصلی صفحه استفاده کنید و نتیجه رو خودتون ببینید.
بعضی ها دنبال “تعاملات جادویی” میگردن، در حالی که استفاده از این قانون هم ساده است و هم چون از قوانین بیولوژیکی و ریاضیاتی تبعیت میکنه در هر حال خاص و صحیحه، هیچ جادویی هم در کار نیست. ولی در استفاده از تعاملات جادویی باید همیشه یه احتمال خطا هم بدید.
ضمنا یادتون نره که ما هممون دنیا رو مثل هم تجربه نمیکنیم و هر کس دیدگاه متفاوتی داره. ماشین نیستیم که وقتی به دنیا نگاه میکنیم هممون نقطه نظر مشترکی داشته باشیم و یک چیز ببینیم.
البته از طرف دیگه درسته که قانون یک سوم برای عکاسی، طراحی و هر کار دیگه ای مناسبه ولی زیادی هم خودتونو مجبور نکنید حتما ازش تبعیت کنید. هرجا به نظرتون منطقی بود میتونید قوانین رو بشکنید. هر کار که به نظرتون درست تره همون کارو انجام بدید و در محدوده روشها و دستورالعملهایی که یاد گرفتید، طبق میل شخصیتون عمل کنید. تو طراحی مجازید که هر کاری انجام بدید و هیچ باید مطلقی وجود نداره. تو فلسفه شاید تا سر حد مرگ در مورد هر چیزی با هم بحث کنند اما تو طراحی یه قانون محکم هست که میگه میتونید خلاقیت خودتونو دنبال کنید، بدون هیچ محدودیت “جادویی”.
پس از کارتون لذت ببرید و قوانین رو بشکنید. شاید شانس آوردید و مرزهای جدیدی کشف کردید!

سورس:طراحی سایت دارکوب darkoob.co.ir

لطفا وارد حساب کاربری خود شوید و یا اگر عضو نیستید عضو شوید تا بتوانید محتویات این قسمت را مشاهده نمایید

شعر نو...