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

افزودن کنتراست

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

متن جزیی از تصویر

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

همراهی با جریان ویژوال
 

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

تار کردن عکس

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

قرار دادن متن در باکس

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

افزودن متن به پس زمینه

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

بزرگ نمایی

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

افزودن رنگ

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

استفاده از کالر کست(Color Cast)

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

سادگی

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