+- انجمن استودیو توپو مرجع طراحان و توسعه دهندگان (http://topostudio.ir)
+-- انجمن: انجمن کامپیوتر و اینترنت (http://topostudio.ir/Forum-%D8%A7%D9%86%D8%AC%D9%85%D9%86-%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA)
+--- انجمن: اینترنت (http://topostudio.ir/Forum-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA)
+--- موضوع: 10 نکته برای طراحی عکس سایت (/Thread-10-%D9%86%DA%A9%D8%AA%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B9%DA%A9%D8%B3-%D8%B3%D8%A7%DB%8C%D8%AA)
10 نکته برای طراحی عکس سایت - hostcode - 2019/06/07
10 نکته برای طراحی عکس سایت
طراحی سایت
![[تصویر: 10-%D9%86%DA%A9%D8%AA%D9%87-%D8%A8%D8%B1...%D8%B3.jpg]](http://magbot.ir//10-%D9%86%DA%A9%D8%AA%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A8%D8%A7-%D9%86%D9%88%D8%B9-%D8%A8%D8%B1-%D8%B1%D9%88%DB%8C-%DB%8C%DA%A9-%D8%B9%DA%A9%D8%B3/10-%D9%86%DA%A9%D8%AA%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A8%D8%A7-%D9%86%D9%88%D8%B9-%D8%A8%D8%B1-%D8%B1%D9%88%DB%8C-%DB%8C%DA%A9-%D8%B9%DA%A9%D8%B3.jpg)
شما باید عکس مناسب داشته باشید، چشم انداز خوب برای تایپوگرافی و بدانید دقیقا چه می خواهید برای بدست آوردن بیشترین بهره با یک تصویر. در اینجا 10 نکته برای رسیدن به بهترین نتیجه وجود دارد:
1. افزودن کنتراست
![[تصویر: 3.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/3.jpg)
![[تصویر: 4.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/4.jpg)
اطمینان حاصل کنید که متن به اندازه کافی متفاوت است تا در عکس دیده شود. اگر یک عکس با پس زمینه تاریک داشته باشید، متن سفید (یا رنگی روشن) را انتخاب کنید. اگر عکس شما دارای پس زمینه روشن باشد، با یک نوع رنگ تیره بکار ببرید. کنتراست همچنین می تواند با اندازه متن در ارتباط باشد و با آنچه که در تصویر اتفاق می افتد اشاره کند. متن باید با تصویر (نه در برابر) کار کند.
2. ترکیب متن در تصویر
![[تصویر: 5.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/5.jpg)
![[تصویر: 6.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/6.jpg)
گاهی اوقات باید متن بخشی از تصویری باشد .
3. جریان بصری را دنبال کنید
![[تصویر: 7.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/7.jpg)
![[تصویر: 8.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/8.jpg)
کار با جریان بصری یک تصویر یکی از مهمترین نکات در مورد کار با متن و عکس است. شما به کلمات منطبق با یک تصویر نیاز دارید. لطفا توجه داشته باشید که متن را بیش از بخش های مهم یک تصویر قرار ندهید، مانند عمل اصلی در یک عکس، چهره یا محصولی که در حال تلاش برای نمایش آن هستید. از لحاظ جریان تصویری، فضاهای متن را در جایی که با تصویر تداخل ندارند قرار دهید.
4. تار کردن تصویر پس زمینه
![[تصویر: 10.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/10.jpg)
یکی از ساده ترین ابزارهایی که می توانید در کیت خود داشته باشید، توانایی تاری یک قسمت از یک تصویر است. اضافه کردن یک تار ضعیف به پس زمینه یک تصویر با نرم افزار مانند Adobe Photoshop می تواند به متن شما کمک کند.
5. متن را در جعبه قرار دهید
![[تصویر: 11.jpg]](http://magbot.ir/10-%d9%86%da%a9%d8%aa%d9%87-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%a8%d8%a7-%d9%86%d9%88%d8%b9-%d8%a8%d8%b1-%d8%b1%d9%88%db%8c-%db%8c%da%a9-%d8%b9%da%a9%d8%b3/11.jpg)
هنگامی که عکس ها حاوی مقدار زیادی رنگ یا تفاوت بین بخش های روشن و تاریک هستند، قرار دادن متن در داخل یک قاب دیگر می تواند آن را برجسته کند.
6. اضافه کردن متن به پس زمینه
یکی از بهترین ترفندها این است که متن را در قسمت پس زمینه تصویر قرار دهید . پس زمینه ها اغلب تنها رنگ هستند، و این باعث می شود که مکان هایی که رنگ متن به راحتی قابل فهم باشد و خواندن آن آسان تر است.
۷. لینک بزرگ
هنگامی که مطمئن نیستید چه روشی کار میکند، بزرگ و برجسته کردن بهترین کار است.
8. افزودن رنگ
9. استفاده از ماسک رنگی
10. لینک ساده
آموزش طراحی وب سایت: بهترین راه یادگیری چیست؟
طراحی رابط SaaS: روند ها و بهترین روش برای طراحی رابط کاربری SaaS
قواعد جدید برای پیمایش در طراحی وب