طراحی سیاه و سفید: 10 مثال خیره کننده (+ نکات)

 طراحی سیاه و سفید: 10 مثال خیره کننده (+ نکات)

John Morrison

طراحی سیاه و سفید: 10 مثال خیره کننده (+ نکات)

یک طرح طراحی سیاه و سفید می تواند یکی از بارزترین ترکیبات برای یک پروژه باشد. کنتراست عمیق و ماهیت ساده این رنگ‌ها (یا فقدان آن‌ها) فرصت‌های زیادی برای کشف تکنیک‌های دیگر برای استفاده حداکثری از طراحی فراهم می‌کند.

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

Envato Elements را کاوش کنید

1. عکاسی سیاه و سفید

بهترین استفاده از این سبک از عکاسی با عکاسی که از همان ابتدا درگیر یک پروژه است اتفاق می افتد.

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

همچنین ببینید: فونت های Serif در مقابل Sans Serif: آیا یکی واقعا بهتر از دیگری است؟

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

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

2. مشکی & White Above the Scroll

همه طرح های سیاه و سفید فقط سیاه و سفید نیستند. بسیاری از آنها دارای الگوی سیاه و سفید در مقابل عناصر رنگی هستند.

North Street Creative این کار را به خوبی با سرصفحه و پاورقی سیاه و سفید و عناصر رنگی پراکنده در بین انجام می دهد. این حسی را ایجاد می‌کند که برند برای آژانس (سیاه و سفید) و کار پروژه (رنگی) چیست.

این تکنیک روشی مؤثر برای ایجاد جدایی بین عناصر و پیام‌رسانی در سراسر طراحی است. این به کاربران کمک می کند بفهمند که در کجای محتوا قرار دارند و چگونه عناصر با یکدیگر ارتباط دارند یا ندارند.

3. Rich Black

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

برای ایجاد تداعی های سرد یا گرم، رنگ مشکی غنی را انتخاب کنید و یک پالت سیاه و سفید جذاب تر ارائه دهید.

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

4. عمدتاً سفید

پالت های سیاه و سفید می توانند چیزهای کاملاً متفاوتی را با هم ارتباط برقرار کنند.

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

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

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

5. بیشتر مشکی

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

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

دوبویز خوب است زیراپس زمینه سیاه ساده با خال های پولکا و تایپوگرافی زیبا با فضای زیاد در اطراف آن روشن شده است.

6. بدون رنگ ثانویه

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

Printworks کاملا سیاه و سفید است. تنها عنصری که تنوع رنگی دارد، تصویر سیاه و سفید در وسط صفحه است. نتیجه کاملا خیره کننده است.

7. اشاره رنگ تاکیدی

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

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

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

سایت نمایشی برای پروژه Wolf Themes از یک پالت رنگ سیاه و سفید متمایز با رنگ قرمز استفاده می کند. این رنگ ابتدا کاربران را به آن قسمت از تصویر و سپس مستقیماً در سراسر صفحه به صورت افقی به پیام رسانی می کشاند. رنگ تاکیدی نقطه ورود بصری به طراحی است.

8. با No Art

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

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

9. نکات انیمیشن

افزودن یک اشاره به انیمیشن می تواند حضور بصری پیچیده تری را برای طراحی فراهم کند.

بسیاری از این طرح ها ذاتا مینیمال هستند. (فقط کارهای زیادی می توانید با یک طرح سیاه و سفید انجام دهید قبل از اینکه شروع به شلوغ شدن کند.)

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

همچنین ببینید: 35+ بهترین نمونه طراحی رابط کاربری اپلیکیشن موبایل + الگوها

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

10. Create Intensity

یک طراحی سیاه و سفید طبیعتاً حس خاصی از شدت دارد. تیزتر و واضح تر از طراحی های دیگر وجود داردالگوها.

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

نتیجه گیری

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

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

John Morrison

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