logo designApril 28, 202615 min read

ساخت شبکه لوگو: چگونه طراحان در واقع لوگوهای هندسی می‌سازند

راهنمای یک طراح حرفه‌ای برای ساخت لوگو با استفاده از شبکه. دایره‌های نسبت طلایی، شبکه ۸ نقطه‌ای، ساختار مدولار، بررسی‌های واقعی Apple، توییتر، مسترکارت، NBC، FedEx، پپسی، و قانونی که چه زمانی شبکه‌ها مفید هستند در مقابل زمانی که بیش از حد مهندسی می‌شوند.

By Boone
XLinkedIn
logo grid construction

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

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

شبکه لوگو در واقع چیست

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

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

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

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

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

سه خانواده شبکه‌ای که طراحان استفاده می‌کنند

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

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

شبکه‌های دایره‌ای از دایره‌های همپوشانی استفاده می‌کنند که اغلب با نسبت طلایی، ضرایب ساده مانند ۱x، ۲x، ۳x یا نسبت نقره‌ای اندازه‌گذاری می‌شوند. آن‌ها برای علامت‌هایی که تحت سلطه منحنی‌ها و نشان‌ها هستند، مناسب هستند، جایی که چشم علامت را به عنوان سیستمی از قوس‌ها می‌بیند.

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

نمودار وکسل از سه پایه در یک ردیف که یک شبکه کاشی مدولار مربعی، یک پشته از سه حلقه دایره‌ای متحدالمرکز و یک ترکیب ترکیبی ذوب شده را نگه می‌دارد، با برچسب‌های تک کلمه‌ای SQUARE CIRCLE HYBRID
نمودار وکسل از سه پایه در یک ردیف که یک شبکه کاشی مدولار مربعی، یک پشته از سه حلقه دایره‌ای متحدالمرکز و یک ترکیب ترکیبی ذوب شده را نگه می‌دارد، با برچسب‌های تک کلمه‌ای SQUARE CIRCLE HYBRID

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

شبکه‌های مدولار مربعی و سیستم ۸ نقطه‌ای

یک شبکه مدولار مربعی، میدانی از مربع‌های مساوی است که عرض خط، شعاع گوشه و فاصله را کنترل می‌کند. شبکه ۸ نقطه‌ای رایج‌ترین شکل آن است. یک واحد پایه انتخاب کنید (۸ پیکسل در یک بوم اصلی ۱۰۲۴ پیکسلی، پیش‌فرض مرسوم است) و هر بُعد قابل اندازه‌گیری را مجبور کنید که مضربی از آن واحد باشد.

عرض خط: ۸، ۱۶، ۲۴. هرگز ۱۱. هرگز ۱۷. شعاع گوشه: ۴، ۸، ۱۶. ارتفاع سرپوش: ۶۴، ۸۰، ۹۶، با افزایش ۸ پیکسلی. فاصله از کادر بیرونی: ۸ یا ۱۶.

شبکه ۸ نقطه‌ای پیش‌فرض در طراحی رابط کاربری مدرن است. مقیاس فاصله‌گذاری Material، iOS و Tailwind همگی یک پایه ۸ نقطه‌ای یا ۴ نقطه‌ای را فرض می‌کنند و این سازگاری زمانی اهمیت دارد که لوگو در کنار رابط کاربری ساخته شده در همان مقیاس قرار گیرد. یک لوگو روی یک شبکه ۸ نقطه‌ای به طور واضح و بدون عدم تطابق زیرپیکسلی به یک رابط کاربری ۸ نقطه‌ای متصل می‌شود.

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

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

شبکه‌های دایره‌ای و نسبت طلایی

شبکه‌های دایره‌ای نحوه درست رسم منحنی‌ها هستند. نسبت طلایی (۱.۶۱۸) یکی از چندین قانون تناسبی است که طراحان برای اجتناب‌ناپذیر جلوه دادن این منحنی‌ها استفاده می‌کنند.

شبکه‌های دایره‌ای با شروع از یک دایره لنگر، سپس رسم دایره‌های اضافی که شعاع‌هایشان با نسبت ثابتی به دایره اول مربوط می‌شود، کار می‌کنند. نسبت‌های رایج: ۱:۱.۶۱۸ (طلایی)، ۱:۱.۴۱۴ (نقره‌ای)، ۱:۲ (دوبل ساده). هر دایره جدید درون دایره اول قرار می‌گیرد، آن را با زاویه‌ای مشخص قطع می‌کند یا با انحرافی مشخص به بیرون امتداد می‌یابد. سپس علامت در امتداد قوس‌ها و تقاطع‌ها رسم می‌شود.

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

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

طاووس NBC بر اساس هندسه شعاعی ساخته شده است. یازده گلبرگ، هر کدام به شکل قطره اشک که از قوس‌هایی از دایره‌ها با افزایش زاویه‌ای ثابت در اطراف یک نقطه مرکزی ساخته شده‌اند. کل علامت تجاری تقارن چرخشی روی یک شبکه دایره‌ای است.

نسبت طلایی بیشتر به عنوان یک بررسی سلامت عقل مفید است تا یک مولد. طراحانی که ادعا می‌کنند "لوگو را بر اساس نسبت طلایی طراحی کرده‌اند" معمولاً ابتدا علامت را کشیده و سپس به نسبت توجه کرده‌اند. اشکالی ندارد. استفاده از فی به عنوان یک ابزار تأیید ("آیا این نسبت مقیاس نزدیک به ۱.۶۱۸ است؟") کار معقولی است. استفاده از آن به عنوان محرک واقعی هر اندازه‌گیری، مهندسی بیش از حد است.

ترکیب وکسل از دو پایه روی زمین استودیو، یکی مثلثی با محوریت ریاضی را که به وضوح به سمت چپ متمایل است، در دست دارد و دیگری همان مثلث را که به سمت راست منتقل شده است، با یک فلش مرجانی که نشان دهنده تصحیح نوری است، در دست دارد، برچسب‌های تک کلمه‌ای MATH و EYE
ترکیب وکسل از دو پایه روی زمین استودیو، یکی مثلثی با محوریت ریاضی را که به وضوح به سمت چپ متمایل است، در دست دارد و دیگری همان مثلث را که به سمت راست منتقل شده است، با یک فلش مرجانی که نشان دهنده تصحیح نوری است، در دست دارد، برچسب‌های تک کلمه‌ای MATH و EYE

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

شبکه‌های ترکیبی، جایی که اکثر لوگوهای واقعی در آن قرار دارند

شبکه‌های مربعی خالص یا دایره‌ای خالص در لوگوهای عرضه شده نادر هستند. اکثر علائم تجاری واقعی از یک سیستم ترکیبی استفاده می‌کنند که هر دو را با هم ترکیب می‌کند، زیرا اشکال واقعی به هر دو نیاز دارند.

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

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

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

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

تجزیه شبکه لوگوی معروف

هفت لوگو، هفت سیستم شبکه، یک الگو.

| لوگو | خانواده گرید | آنچه گرید کنترل می‌کند | آنچه را که کنترل نمی‌کند | |------|------------|------------------------|-------------------| | Apple | ترکیبی (دایره غالب، ترازبندی مدولار) | تداوم منحنی بدن، برگ و گاز | اندازه دقیق گاز، که همان طعم است | | توییتر (پرنده ۲۰۱۲) | دایره‌ای (۱۴ دایره، ۳ شعاع) | هر منحنی در بدن پرنده | حالت، حالت رو به بالا | | مسترکارت | دایره‌ای (دو دیسک مساوی) | شعاع‌های دیسک و فاصله همپوشانی | سایه رنگ‌های برند | | طاووس NBC | شعاعی دایره‌ای (۱۱ گلبرگ، زاویه ثابت) | قوس گلبرگ و فاصله چرخشی | یازده انتخاب رنگ برند | | فدکس | مدولار با پوشش‌های هسته دایره‌ای | ارتفاع کلاهک، وزن ضربه، فاصله کانونی نوری، فلش | فرم‌های حروف سفارشی | | پپسی ۲۰۰۸ | ترکیبی (دایره‌های نسبت طلایی، ترازبندی مدولار) | زاویه لبخند، تناسبات نوار | تصمیم برای ارسال لبخند | | تویوتا | ترکیبی (پایه مدولار، سه بیضی متقاطع) | تقاطع‌ها و تناسبات بیضی | استعاره طراحی ژاپنی |

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

اصلاحات نوری که شبکه را عمداً می‌شکنند

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

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

تقریباً در هر لوگوی ساخته شده، سه اصلاح مشاهده می‌شود. مثلث‌ها به سمت چپ منحرف می‌شوند. یک مثلث دکمه پخش که در مرکز ریاضی درون یک مربع قرار دارد، از نظر بصری به سمت چپ متمایل می‌شود زیرا جرم بصری به سمت لبه سمت راست متمرکز می‌شود. راه حل این است که مثلث را ۱ تا ۳ درصد به سمت راست مرکز ریاضی جابجا کنیم. Apple موسیقی، YouTube، هر دکمه پخش در هر سرویس پخش، این اصلاح را دارد.

دایره‌ها در ارتفاع یکسان، کوچکتر از مربع‌ها خوانده می‌شوند. دایره‌ای که با ارتفاع حروف اطراف مطابقت دارد، کمی کوچک به نظر می‌رسد. راه حل این است که دایره را ۲ تا ۵ درصد بزرگتر کنیم تا از نظر بصری برابر خوانده شود. "O" در اکثر فونت‌های حرفه‌ای دقیقاً به همین مقدار از "H" بلندتر است.

خطوط مورب به خطوط پهن‌تری نسبت به خطوط عمودی نیاز دارند. یک "A" بزرگ با وزن خط یکسان با "I" بزرگ، نازک‌تر به نظر می‌رسد. راه حل این است که ۵ تا ۱۰ درصد به خطوط مورب اضافه کنیم. هر فونت سنس سریف با وزن متعادل، این اصلاح را دارد.

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

آیا به لوگویی نیاز دارید که بر روی یک شبکه ساختاری واقعی ساخته شده باشد، با اصلاحات نوری، سیستم مدولار و قوانینی که در هر سطح وجود دارد؟ استخدام ⟦برند ۰⟧. ما سیستم‌های لوگو را از طریق LogoBrainy ارسال می‌کنیم و هویت‌های برند را برای تیم‌هایی که استراتژی، ساختار و تایپوگرافی را در یک دست می‌خواهند، تکمیل می‌کنیم.

چه زمانی یک شبکه کمک می‌کند و چه زمانی لوگو را بیش از حد مهندسی می‌کند

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

گریدها درآمد خود را از مونوگرام‌ها و حروف‌نگارهای هندسی (IBM، NASA، HBO، GE)، علامت‌های تصویری ساخته‌شده (Apple، Twitter، Mastercard، BMW، Toyota)، علامت‌های نشان مدولار ساخته‌شده بر روی دایره‌ها، شش‌ضلعی‌ها یا مربع‌ها با هندسه داخلی، و علامت‌های هندسی بدون کلمه (FedEx، Visa، Google پس از 2015) که در آن‌ها شبکه ارتفاع حروف بزرگ، وزن ضربه و فاصله بین حروف را کنترل می‌کند، به دست می‌آورند.

گرید‌ها، علامت‌های کلمه‌ای نوشتاری سفارشی (Coca-Cola، Disney، Tiffany) را بیش از حد مهندسی می‌کنند، جایی که ژست، دارایی است و گرید آن را سنباده می‌زند، علامت‌های دست‌ساز یا مصور که در آن‌ها علامت، ژست است، علامت‌های خوشنویسی و سبک تاریخی که در آن‌ها شخصیت در نقص زندگی می‌کند، و هر برندی که استراتژی آن "گرمی، انسانیت، دسترسی‌پذیری" است، زیرا یک گرید ساختاری دقیق، دقت و مهندسی را نشان می‌دهد که با استراتژی مبارزه می‌کند.

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

نحوه تنظیم شبکه لوگو از ابتدا

پنج مرحله، به ترتیب، که یک فایل خالی Figma را به یک شبکه ساخت و ساز کارآمد تبدیل می‌کند.

  1. اندازه بوم اصلی را انتخاب کنید. 1024 در 1024 پیکسل برای علامت‌های دیجیتال درجه یک، 1200 در 1200 برای علامت‌های سرمقاله‌ای یا چاپی. این عدد باید به طور دقیق بر واحد پایه شما تقسیم شود.

  2. واحد پایه را انتخاب کنید. 8 پیکسل برای اکثر موارد، 4 پیکسل برای کارهای تایپوگرافی ظریف، 16 پیکسل برای علامت‌های بزرگ یا ساده. شبکه را در Figma با استفاده از شبکه طرح‌بندی با آن واحد پایه به عنوان اندازه ستون و ردیف تنظیم کنید.

  3. منطقه زنده را تعریف کنید. منطقه داخلی که علامت در آن قرار می‌گیرد. یک پیش‌فرض معقول، ۷۵ درصد مرکزی بوم است و ۱۲.۵ درصد از هر طرف به عنوان حاشیه باقی می‌ماند. حاشیه باید مضربی تمیز از واحد پایه باشد.

۴. راهنماهای ساخت را لایه‌بندی کنید. اگر علامت دارای منحنی است، راهنماهای دایره‌ای، اگر علامت دارای روابط متناسب با شکل است، راهنماهای نسبت (طلایی، نقره‌ای یا مضرب‌های ساده) و اگر علامت دارای خطوط مورب است، راهنماهای زاویه (۱۵، ۳۰، ۴۵، ۶۰ درجه) اضافه کنید. همه راهنماها در یک لایه جداگانه، با کدورت کمتر، خطوط آبی روشن یا مرجانی قرار می‌گیرند.

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

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

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

سوالات متداول

شبکه لوگو چیست؟

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

شبکه ۸ نقطه‌ای در طراحی لوگو چیست؟

شبکه ۸ نقطه‌ای یک سیستم شبکه‌ای مدولار است که در آن هر بُعد قابل اندازه‌گیری در لوگو (عرض خط، شعاع گوشه، فاصله‌گذاری، ارتفاع حروف، فاصله‌گذاری) مضربی از ۸ پیکسل است. این سیستم شبکه‌ای غالب در طراحی رابط کاربری و لوگوی مدرن است زیرا به طور واضح با iOS، اندروید و اکثر سیستم‌های طراحی وب هماهنگ می‌شود. یک شبکه ۴ نقطه‌ای نیز در وضوح بالاتر همین ایده را دارد. شبکه ۸ نقطه‌ای برای مونوگرام‌های هندسی، حروف برجسته و نشان‌های مدولار مناسب است.

چگونه از نسبت طلایی در طراحی لوگو استفاده می‌کنید؟

نسبت طلایی (۱.۶۱۸) بیشتر به عنوان یک بررسی سلامت نسبت‌ها مفید است، نه یک مولد واقعی. طراحان معمولاً ابتدا یک لوگو را ترسیم می‌کنند، سپس بررسی می‌کنند که روابط تناسبی کلیدی (عرض کلی علامت به ارتفاع، شکل داخلی به شکل بیرونی، برگ به بدنه در علامتی مانند Apple) نزدیک به عدد فی قرار می‌گیرند. وقتی نسبت‌ها به طور طبیعی نزدیک به ۱.۶۱۸ قرار می‌گیرند، علامت تمایل به احساس تعادل دارد. اجبار هر اندازه گیری برای پیروی از نسبت طلایی، مهندسی بیش از حد است و معمولاً نتایج سختی به بار می‌آورد.

آیا همه لوگوها به شبکه نیاز دارند؟

خیر. علائم ساخته شده (مونوگرام‌های هندسی، لوگوهای نشان، علائم تصویری مدولار مانند Apple، ​​توییتر، مسترکارت) به شبکه نیاز دارند زیرا هندسه باید سازگار باشد. علائم اشاره‌ای (نوشته‌های سفارشی مانند کوکاکولا یا دیزنی، تصاویر دست‌ساز، نمادهای شخصیت‌محور) به یک شبکه دقیق نیاز ندارند و اغلب وقتی کسی آنها را مجبور به استفاده از آنها می‌کند، آسیب می‌بینند. قانون تصمیم‌گیری: اگر علامت از اشکال هندسی قابل تکرار ساخته شده است، یک شبکه بسازید. اگر علامت از حرکت، شخصیت یا دست ساخته شده است، از شبکه دقیق صرف نظر کنید.

شبکه یک ابزار است، نه یک مزیت

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

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

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

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

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

اگر می‌خواهید یک سیستم لوگو بر اساس ساخت و ساز واقعی ساخته شود، با شبکه مدولار، اصلاحات نوری، نسبت‌های متناسب و مستنداتی که علامت را برای دهه آینده در کنار هم نگه می‌دارد، استخدام ⟦برند ۰⟧. ما سیستم‌های لوگو را از طریق LogoBrainy و هویت‌های کامل برند را برای تیم‌هایی که می‌خواهند استراتژی، ساخت و ساز و قوانین را در یک انتقال انجام دهند، ارسال می‌کنیم.

Need a logo built on a real construction grid, with the optical corrections, the modular system, and the rules that hold up across every surface? Brainy ships logo systems through the LogoBrainy product, and full brand identities for teams that want the strategy, the construction, and the typography in one handoff.

Get Started