تایپوگرافی شبکه مدولار. شبکه مدولار در طراحی گرافیکی. انواع شبکه های مدولار

"گرید یک سیستم کمکی است، اما تضمینی نیست، بلکه به سادگی تعدادی کاربرد ممکن دارد، و هر طراح می تواند راه حلی را پیدا کند که متناسب با سبک فردی او باشد. اما فرد باید استفاده از شبکه را یاد بگیرد. هنری که نیاز به تمرین دارد."

جوزف مولر-براکمن

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

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

دو صفحه آرایی نشان داده شده در شکل زیر را در نظر بگیرید:

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

باید توجه داشت که بی نظمی نیز می تواند زیبا باشد . مثلاً در طبیعت، خطوط مشخصی وجود ندارد. مش ها سرد و سخت به نظر می رسند، اما به یاد داشته باشید که بسیار موثر هستند و روش موثراجازه ندهید تخیل شما در ساختارها غرق شود.

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

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

به زبان ساده، شبکه تقسیم بندی یک طرح بندی بر اساس دستورالعمل های عمودی و/یا افقی از جمله حاشیه ها، فضا و تعدادی ستون به منظور ارائه چارچوبی برای سازماندهی محتوا است.

گرید به طور سنتی در چاپ استفاده می شود، اما اغلب در طراحی وب نیز استفاده می شود. مش به سادگی ابزاری است که به طراحی کمک می کند.

هنگامی که شروع به یادگیری مهارت های جدید در یک زمینه خاص می کنید، ابتدا باید توصیه ها را دنبال کنید. یادگیری اصول اولیه تضمین می کند که می توانید اصول را به طور موثر اعمال کنید. یعنی ابتدا - نظریه و سپس - عمل.

شایان ذکر است که دو راه برای ایجاد شبکه قالب وجود دارد:

روش شماره 1: شبکه خود را ایجاد کنید

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

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

شاید مقالات زیر در این مورد به شما کمک کند:

در اینجا چند نمونه از شبکه های ایجاد شده در فتوشاپ با استفاده از راهنما ( مشاهده> راهنمای جدید):

پلاگین برای ایجاد گرید در فتوشاپ

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.

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

برای تشکیل عناصر در صفحه - شما در حال حاضر از یک شبکه مدولار استفاده می کنید، به خصوص اگر این شبکه را نه در یک صفحه، بلکه در چندین صفحه تکرار کنید. گاهی اوقات شبکه می تواند پنهان باشد، گاهی اوقات می تواند واضح باشد (زمانی که از رنگی متفاوت به عنوان پس زمینه سلول استفاده می کنید، متفاوت از پس زمینه اصلی) (شکل 4.6.)

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

اندازه های صفحه نمایش

با

عرض بوم

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

وضوح صفحه

اندازه های بوم

اندازه صفحه را می توان با استفاده از برنامه های ساده تعیین کرد (به تمرین آزمایشگاهی مراجعه کنید).

بیایید به مثالی از یک شبکه مدولار و تعیین ابعاد، که با استفاده از جدول سازماندهی شده است نگاه کنیم

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

صفحه خالی

با این حال، ساده ترین راه برای اینکه به اندازه بوم وابسته نباشید، استفاده از اندازه های نسبی است، یعنی اندازه ها را بر حسب درصد تنظیم کنید.

یک مقاله فوق العاده مفید در مورد قوانین ایجاد صفحه آرایی مجله! خواندن آن را به شدت توصیه می کنم.

قبل از اینکه در مورد شبکه مدولار صحبت کنیم، بیایید بفهمیم که ماژول چیست.

مدولیک تصویر، اندازه یا نسبت چندتایی تکراری است. - این ساختار (چارچوب، قالب) چیدمان عناصر گرافیکی در صفحات است. اساس یک شبکه مدولار "ماژول" است، به عبارت دیگر، مرحله شبکه اصلی، که به صورت بصری با عرض و ارتفاع سلول (واحد مدولار) تعیین می شود. سلول ها با استفاده از ستون های عمودی و خطوط افقی ساخته می شوند.

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

شبکه برای کل گسترش ایجاد می شود، نه برای هر صفحه به طور جداگانه. این کار به این دلیل انجام می شود که کل انتشار مجله به عنوان یک کل واحد درک شود و به بخش های راست و چپ تجزیه نشود و کل نشریه مانند صحافی صفحات غیرمشابه به نظر نرسد. شبکه معکوس می تواند شامل 2، 3، 4 و غیره باشد. ستون های عرض مساوی و نابرابر

ستون هایی با عرض مساوی در پنجره ایجاد سند یا در پانل "حاشیه ها و ستون ها" ایجاد می شوند. در صورت نیاز به تعیین 3 ستون، در قسمت مربوطه عدد 3 و غیره را وارد می کنیم.

اما اگر طبق برنامه ما، همه ستون ها نباید عرض یکسانی داشته باشند چه؟ به عنوان مثال، اگر متن و تصاویر در 2 ستون عریض قرار گیرند و اطلاعات توضیحی در یک ستون باریک کناری قرار گیرند، چه؟

در این مورد، شبکه مدولار ما بر اساس ساخته خواهد شد متفرقهتعداد ستون های برنامه خودکار به عنوان مثال، اگر برای یک صفحه 8 ستون خودکار تنظیم کنیم، 2 ستون عریض (برای متن و تصویر) 3 ستون خودکار را اشغال می کند و ستون کناری باریک بر اساس 2 ستون خودکار ساخته می شود.

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

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

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

-

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

-

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

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

اما اگر نشانه گذاری اصلی تنها در یک بخش خاص از مجله ظاهر شود، نه تنها جالب، بلکه مناسب نیز خواهد بود، زیرا ظاهری شیک و قابل تشخیص به بخش می بخشد.

هر چیزی که ما را احاطه کرده است نسبت های خاص خود را دارد. حتی در کودکی، کارتون "38 طوطی" به ما آموخت که همه چیز را می توان به قطعات مساوی با یکدیگر تقسیم کرد (طول بوآ از 38 طوطی تشکیل شده بود). همچنین همه ما می دانیم که قد یک فرد برابر با هفت سر، یک سانتی متر از ده میلی متر، یک متر شامل صد سانتی متر و غیره است. بنابراین، یک طوطی کارتونی، یک سر انسان، یک میلی متر و یک سانتی متر ماژول هستند.

از همه اینها می توان فهمید که یک ماژول یک واحد معمولی است، یک گام در ریتم شبکه. و خود شبکه یک سیستم نسبت است.

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

بیایید ببینیم مش ها چیست.

1. ساده ترین نوع شبکه بلوکی است. یعنی او علامت گذاری های خشن می کند و منطقه را به بلوک ها تقسیم می کند.


شبکه بلوک

3. شبکه مدولار نه تنها دارای تقسیم عمودی، بلکه دارای تقسیم افقی نیز می باشد. بنابراین، آنچه در تقاطع خطوط به دست می آید ماژول است.


4. همچنین یک شبکه سلسله مراتبی وجود دارد که بلوک ها به طور مستقیم در آن قرار می گیرند و از هیچ الگوی پیروی نمی کنند.


بنابراین، چگونه یک شبکه مدولار ایجاد کنیم.

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

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

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

بنابراین، ما اساس مش آینده خود را بدست می آوریم. کل متن بر این پایه استوار خواهد بود.

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

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

یک اخطار وجود دارد - شما باید اندازه های ماژول مناسب را انتخاب کنید، زیرا اگر آنها خیلی بزرگ باشند، انعطاف پذیری مش از بین می رود و اگر کوچک باشند، مش به سادگی از بین می رود.

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

چندی پیش، هنگام کار بر روی درس دیگری برای دوره «طراحی گرافیک. اصول» (برنامه ریزی برای انتشار در اوایل ژانویه)، متوجه شدم که موضوع استفاده و ساخت شبکه های مدولار به ندرت پوشش داده می شود.

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

بنابراین، یک شبکه مدولار یک طرح برای کار شما است، راهی برای سیستم‌بندی و تراز کردن عناصر. این ستون فقرات محلول ترکیبی است و نه تنها به عنوان وسیله ای برای سازماندهی عمل می کند اجزاءکار، بلکه فضای آزاد.

شبکه هم می تواند به ما در حل مشکلات کمک کند و هم بخشی از راه حل باشد. بارزترین نمونه این خواهد بود رابط ویندوزتلفن:

برای کسانی که به بخش نظری دقیق تری از سؤال نیاز دارند، این فرصت وجود دارد که از جستجو استفاده کنند یا در دوره مشترک شوند و نامه مربوطه را دریافت کنند، جایی که این با جزئیات کافی توضیح داده شده است و ما مستقیماً به تمرین می رویم.

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

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

ترکیب ماژول ها تقریباً در هر قالبی که برای شما مناسب است قابل انجام است:

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

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

در مورد وب سایت ها، تعداد بهینه ستون ها 12، 16 و 24 در نظر گرفته می شود که به دلیل ویژگی های چیدمان وب سایت و استفاده از قابلیت های فریم ورک است. حداقل ارتفاع یک ماژول برای وب را 20 پیکسل می دانم که به دلیل اندازه بهینه فونت (12-14pt) و خوانایی آن است.

حالا وقت آن است که در مورد جنبه فنی موضوع صحبت کنیم.

ایجاد یک شبکه مدولار در

  • اولین و ساده ترین راه این است که خود شبکه را فعال کنید ویرایشگر گرافیکی(Ctrl+’) و با هدایت آن، راهنماها را تنظیم کنید. زمان زیادی و با احتمال زیاد خطا طول خواهد کشید.
  • نصب پلاگین های مخصوص فتوشاپ ( راهنمای راهنما , الگوی شبکه مدولار , GridMaker 2).
  • یک قالب آماده را از یکی از مولدهای شبکه رایگان مانند 960.gs، Golden Grid، 1Kb Grid، Simple Grid دانلود کنید. پارامترهای مورد نظر را تنظیم کرده و روی "GENERATE" کلیک کنید.

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

ایجاد یک شبکه مدولار در

برخلاف فتوشاپ، InDesign ابزارهای ایجاد گرید مدولار خود را دارد. در منو چیدمانشما باید یک مورد را انتخاب کنید راهنماها را ایجاد کنیدو پارامترهای مورد نیاز خود را در کادر محاوره ای وارد کنید:

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

ایجاد یک شبکه مدولار در

  • روش اول (مشابه فتوشاپ) این است که گرید خود ویرایشگر گرافیک را روشن کنید و با هدایت آن، راهنماها را تنظیم کنید. همچنین می توان هر شکلی را راهنما کرد که به سازماندهی یک شبکه شیبدار کمک می کند.
  • دانلود قالب های آمادهشبکه ها کجا - جستجو به شما خواهد گفت. شما می توانید تعداد زیادی از آنها را در اینترنت پیدا کنید.

امیدوارم موضوع شبکه های مدولار برای شما نزدیک تر و واضح تر شده باشد. ساختن آنها را حتما تمرین کنید. من به خوبی درک می کنم که این یک فعالیت بسیار خسته کننده است، اما ارزش آن را دارد. ساخت شبکه‌ها حس نسبت شما را توسعه می‌دهد و به شما امکان می‌دهد در آینده هر گونه نادرستی تراز را بهتر ببینید.


دنیای برنامه های رایگان و نکات مفید
2024 whatsappss.ru

عنوان
منوواحد 1ماژول 2ماژول 3ماژول 4
نتیجه