تایپوگرافی شبکه مدولار. شبکه مدولار در طراحی گرافیکی. انواع شبکه های مدولار
"گرید یک سیستم کمکی است، اما تضمینی نیست، بلکه به سادگی تعدادی کاربرد ممکن دارد، و هر طراح می تواند راه حلی را پیدا کند که متناسب با سبک فردی او باشد. اما فرد باید استفاده از شبکه را یاد بگیرد. هنری که نیاز به تمرین دارد."
— جوزف مولر-براکمن
در واقع، استفاده از شبکه به یکی از قدیمی ترین و اساسی ترین اصول طراحی مربوط می شود: هم ترازی. مغز ما می خواهد همه چیز را ساده و قابل درک تر کند. به همین دلیل است که ما سعی می کنیم به چیزهایی که به نظر آشفته به نظر می رسند نظم بدهیم.
طبیعتاً، هرچه سریعتر همه چیز را به درستی سازماندهی کنیم، مغز ما سریعتر می تواند مدل را شناسایی کند و به جلو حرکت کند. شبکه ها به قدری منظم هستند که تقریباً نیازی به تفسیری از طرف ما ندارند. .
دو صفحه آرایی نشان داده شده در شکل زیر را در نظر بگیرید:
اگرچه هر دوی این تصاویر فقط چند مستطیل هستند، مجموعه در بالا اساساً بهتر از تصویر پایین به نظر می رسد. ما می توانیم فوراً الگو را تشخیص دهیم، آن را بپذیریم و ادامه دهیم. تصویر زیر باعث ناراحتی بصری می شود زیرا هیچ الگو، نظم یا هدف مشخصی ندارد و مانند مجموعه ای تصادفی از اشکال به نظر می رسد.
باید توجه داشت که بی نظمی نیز می تواند زیبا باشد . مثلاً در طبیعت، خطوط مشخصی وجود ندارد. مش ها سرد و سخت به نظر می رسند، اما به یاد داشته باشید که بسیار موثر هستند و روش موثراجازه ندهید تخیل شما در ساختارها غرق شود.
به برخی از محبوب ترین وب سایت ها با طراحی های درجه یک نگاهی بیندازید. به احتمال زیاد از مش استفاده کرده اند. گریدها به تثبیت ساختار یک صفحه وب کمک می کنند و یک الگوی منطقی برای طراح برای ایجاد یک سایت فراهم می کنند.
استفاده از شبکه به این معنی نیست که طرح شما طراحی خسته کننده ای خواهد داشت. یک طراح خوب باید قوانین اولیه استفاده از شبکه را بداند و بتواند آن را اعمال کند، اما این بدان معنا نیست که نمی تواند قوانین را زیر پا بگذارد.
به زبان ساده، شبکه تقسیم بندی یک طرح بندی بر اساس دستورالعمل های عمودی و/یا افقی از جمله حاشیه ها، فضا و تعدادی ستون به منظور ارائه چارچوبی برای سازماندهی محتوا است.
گرید به طور سنتی در چاپ استفاده می شود، اما اغلب در طراحی وب نیز استفاده می شود. مش به سادگی ابزاری است که به طراحی کمک می کند.
هنگامی که شروع به یادگیری مهارت های جدید در یک زمینه خاص می کنید، ابتدا باید توصیه ها را دنبال کنید. یادگیری اصول اولیه تضمین می کند که می توانید اصول را به طور موثر اعمال کنید. یعنی ابتدا - نظریه و سپس - عمل.
شایان ذکر است که دو راه برای ایجاد شبکه قالب وجود دارد:
روش شماره 1: شبکه خود را ایجاد کنید
بسیاری وجود دارد به طرق مختلفشبکه خود را ایجاد کنید، اما در نهایت، شما این حق را دارید که گزینه ای را انتخاب کنید که مناسب شماست.
می توانید یک سند خالی را به صورت ریاضی تقسیم کنید و تعداد زوج یا فرد ستون ها را برای کار با آنها ایجاد کنید. شبکه شما می تواند پیچیده یا ساده باشد، می توانید از قوانین یک سوم یا نسبت طلایی، هر کدام که ترجیح می دهید، استفاده کنید.
شاید مقالات زیر در این مورد به شما کمک کند:
- چگونه یک شبکه می سازید (کتاب در زبان انگلیسیدر قالب pdf.)
در اینجا چند نمونه از شبکه های ایجاد شده در فتوشاپ با استفاده از راهنما ( مشاهده> راهنمای جدید):
پلاگین برای ایجاد گرید در فتوشاپ
5. Grid System Generator - مولد شبکه های محبوب مانند 960.gs، Golden Grid، 1Kb Grid، Simple Grid / پارامترهای لازم را تنظیم کنید و روی "GENERATE" کلیک کنید.
شبکههایی برای وبسایتهای سیال/ریسپانسیو
طراحی وب ریسپانسیو امروزه بسیار محبوب است. اصل اصلی آن استفاده از مش لاستیکی است. شما می توانید در مورد آنها بیشتر بخوانید، اما من می خواهم این مجموعه را کمی گسترش دهم و چند منبع دیگر اضافه کنم.
1. - ژنراتور مش تطبیقی
2. ماشین حساب شبکه سیال - سرویسی که به شما امکان می دهد یک مش لاستیکی ایجاد کنید. پارامترها را وارد کرده و کد نهایی را دریافت کنید.
شبکه مدولار - eیک الگو، الگو، اندازه یا نسبتی که چندین بار تکرار می شود. تصاویر اشر را به خاطر بسپارید. مارمولک ها، ماهی ها، پرندگان در برخی از آثار - این ماژول است. هر کاربر اینترنتی ماژول ها را در قالب پس زمینه می بیند.
اولین گزینه برای استفاده از ماژول ها در طراحی مانند اینترنت است، یعنی تصویر پس زمینه. در اشکال مختلف، هم به صورت مستقل و هم در ترکیب های مختلف. و همان تصاویر توسط Escher.
گزینه دوم، بعدی، بسیار نزدیک به سوم، متناسب است. اساساً، اینها شبکه های مدولار برای انواع مختلف چاپی محصولات چاپی هستند.
درک گزینه سوم دشوارتر است، اما این دقیقاً زیربنای تمام طراحی، معماری و سایر چیزهایی است که توسط طبیعت و انسان ایجاد شده است. انسان همیشه محیط را شکل داده است که به طور شهودی توسط حس نسبت، یعنی روابط هدایت می شود.
فیدیاس (خالق آکروپولیس) و ایکتینوس (پارتنون) نیز آگاهی از قانون نسبت طلایی را نشان دادند. ماهیت این قانون این است که قطعه کوچکتر به قسمت بزرگتر مربوط می شود، همانطور که قسمت بزرگتر به کل طول مربوط می شود. یادم نیست این قانون در مدرسه خوانده می شود یا نه، اما در هنرستان ها، موسسات هنری و معماری مانند "پدر ما..." است که در یک عدد این مقدار به صورت 1.618 بیان می شود..... از نظر جبری به نظر می رسد : b=b:(a+b). نکته این است که چنین نسبتی به دلیل ویژگیهای ذهنی و فیزیکی ساختار چشم، فرکانسهای عملیاتی مغز و بسیاری از موارد... (شکل 4.2.) برای چشم مفید است.
دومین عنصر فعال در ایجاد برخی روابط بصری مطلوب، مربع است. با ساختن از آن به راحتی می توان نسبت های 1:2، 2:3، 3:4 را بدست آورد.
شکل 4.2.
شکل 4.3.
برای وب، ساخت صفحات مدولار را می توان با استفاده از جداول سازماندهی کرد. به عنوان یک ماژول، می توانید نسبت صفحه نمایش را بگیرید (در 800x600 این 4:3 است) (شکل 4.3.). اندازه استاندارد یک ورق کاغذ A4 نیز یک ماژول در طراحی و تایپوگرافی است
تعداد قابل توجهی از شبکه های تایپوگرافی بر اساس قالب یک ورق کاغذ است که به عنوان مبنای انتشار در نظر گرفته شده است. طراحی شبکه به محتوا و هدف پروژه و همچنین سبک فردی یک هنرمند خاص بستگی دارد. و اگر طراحی با استفاده از رایانه انجام شود، این روند به ویژه در مرحله اجرا بسیار سریع می شود. اکثر برنامه های گرافیکی (عمدتاً انتشاراتی) دارای گزینه های داخلی برای ایجاد یک شبکه مدولار هستند و تقریباً همه آنها دارای مجموعه نسبتاً بزرگی از الگوهای شبکه مدولار تحت نام های کاملاً رایج "Booklet" ، "Calendar" و غیره هستند.
در شکل 4.4. ارایه شدهشبکه مدولار نوار اول. کمی با شبکه مدولار عمومی در بلوک بالایی متفاوت است. برای درک واضح تر از لوگو، باید با مکث های بسیار مهم برجسته می شد. اما در خواندن و برجسته کردن آن مشکلی وجود ندارد.
شکل 4.4.
شکل 4.5. شبکه مدولار از نوارهای باقی مانده
همانطور که می بینید، علاوه بر یک بلوک بالایی که به وضوح تعریف شده است، نوار دارای یک "زیرزمین" به وضوح تعریف شده است - این همان چیزی است که روزنامه نگاران به آن قسمت پایین نوار می گویند. این کمک می کند تا اطلاعات موجود در صفحه را به مناطق موضوعی تقسیم کنید. مدار مدولاسیون باند در دو نمودار رنگی قابل مشاهده است.
شبکه مدولار همیشه آنقدر یکنواخت و متقارن نیست. می تواند کاملاً انتزاعی و با قرار دادن دلخواه عناصر باشد، اما در هر صورت وظیفه آن اطمینان از تداوم در ارائه مطالب است.
ماژول ها توسط معماران، طراحان مبلمان و توسعه دهندگان خودرو استفاده می شود؛ ماژول آنها به نسبت ها و ابعاد بدن انسان گره خورده است.
|
|
|
شکل 4.6.
در طراحی وب، شبکه مدولار بسیار بیشتر از آنچه در نگاه اول به نظر می رسد استفاده می شود. اگر استفاده می کنید
وضوح صفحه | ||||
اندازه های بوم |
اندازه صفحه را می توان با استفاده از برنامه های ساده تعیین کرد (به تمرین آزمایشگاهی مراجعه کنید).
بیایید به مثالی از یک شبکه مدولار و تعیین ابعاد، که با استفاده از جدول سازماندهی شده است نگاه کنیم
در HTML می توانید کل محتوای یک جدول را با یک برچسب علامت گذاری کنید
. سپس هدر جدول با تگ نشان داده می شود و نتیجه گیری با برچسب .هر سه تگ تگ های بسته شدن هستند و دارای ویژگی هستند. سلول های سرصفحه جدول از تگ استفاده می کنندعنوان | منو | واحد 1 | ماژول 2 | ماژول 3 | ماژول 4 |
---|---|---|
نتیجه |