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


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


  

گذرواژه‌
  





جستجوی انجمن‌ها

(جستجوی پیشرفته)

آخرین موضوع‌ها
17روند طراحی سایت و UI بر...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۳/۲۴
» پاسخ: 0
» بازدید: 14
10 روش برای کسب درآمد از ...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۳/۲۴
» پاسخ: 0
» بازدید: 9
ایجاد بازتاب آینه ای با ا...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۳/۲۴
» پاسخ: 0
» بازدید: 7
نقش چوب در دکوراسیون داخل...
انجمن:
آخرین ارسال توسط: sefidgroup
۱۳۹۸/۰۳/۲۱
» پاسخ: 0
» بازدید: 18
Ici vous pouvez obtenir u...
انجمن:
آخرین ارسال توسط: mmotony
۱۳۹۸/۰۳/۲۱
» پاسخ: 0
» بازدید: 15
Comment obtenir les Dofus...
انجمن:
آخرین ارسال توسط: mmotony
۱۳۹۸/۰۳/۲۱
» پاسخ: 0
» بازدید: 12
Pourquoi choisir iGameGol...
انجمن:
آخرین ارسال توسط: mmotony
۱۳۹۸/۰۳/۲۱
» پاسخ: 0
» بازدید: 13
En faire don et vous ne v...
انجمن:
آخرین ارسال توسط: mmotony
۱۳۹۸/۰۳/۲۱
» پاسخ: 0
» بازدید: 9
انواع ژئوگرید و کاربردهای...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۳/۲۰
» پاسخ: 0
» بازدید: 132
کاربردهای متنوع ژئوتکستای...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۳/۲۰
» پاسخ: 0
» بازدید: 78
استفاده از خدمات نظافت من...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۳/۲۰
» پاسخ: 0
» بازدید: 22
راههای بهبود UX طراحی وب ...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۳/۱۸
» پاسخ: 0
» بازدید: 30
10 نکته برای طراحی عکس سا...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۳/۱۸
» پاسخ: 0
» بازدید: 26
طراحی سایت و بهینه سازی ن...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۳/۱۸
» پاسخ: 0
» بازدید: 27
اجرای نمای کامپوزیت و ویژ...
انجمن:
آخرین ارسال توسط: panel123
۱۳۹۸/۰۳/۱۳
» پاسخ: 0
» بازدید: 36
نگاه نظام حقوقـی ایران به...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۳/۱۳
» پاسخ: 0
» بازدید: 29
پنج KPI کلیدی برای پیگیری...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۳/۱۳
» پاسخ: 0
» بازدید: 36
برای بهترین نتیجه، مکمل ب...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۳/۰۷
» پاسخ: 0
» بازدید: 272
توری مش و کاربردهای آن در...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۳/۰۷
» پاسخ: 0
» بازدید: 48
مزایا و معایب تابلو روان
انجمن:
آخرین ارسال توسط: panel123
۱۳۹۸/۰۳/۰۴
» پاسخ: 0
» بازدید: 47
بازسازی خانه ویلایی
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۳/۰۴
» پاسخ: 6
» بازدید: 685
از جمله نکاتی که باید در ...
انجمن:
آخرین ارسال توسط: seoface3
۱۳۹۸/۰۳/۰۳
» پاسخ: 0
» بازدید: 41
تفاوت بین نوشته و برگه در...
انجمن:
آخرین ارسال توسط: eh3an2010
۱۳۹۸/۰۳/۰۱
» پاسخ: 0
» بازدید: 50
تفاوت بین نوشته و برگه در...
انجمن:
آخرین ارسال توسط: eh3an2010
۱۳۹۸/۰۳/۰۱
» پاسخ: 0
» بازدید: 38
طراحی دکوراسیون اداری اتا...
انجمن:
آخرین ارسال توسط: پیرامیدطرح
۱۳۹۸/۰۲/۳۱
» پاسخ: 0
» بازدید: 40

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
10 نکته برای طراحی عکس سایت
#1
10 نکته برای طراحی عکس سایت
طراحی سایت
 

 
2019/02/12
MAGBOT +
[تصویر: http://magbot.ir//10-%D9%86%DA%A9%D8%AA%...%D8%B3.jpg]


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

[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...8%b3/3.jpg]




[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...8%b3/4.jpg]




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

[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...8%b3/5.jpg]




[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...8%b3/6.jpg]



گاهی اوقات باید متن بخشی از تصویری باشد .
3.  جریان بصری را دنبال کنید
[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...8%b3/7.jpg]



[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...8%b3/8.jpg]



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

4. تار کردن تصویر پس زمینه

[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/10.jpg]



یکی از ساده ترین ابزارهایی که می توانید در کیت خود داشته باشید، توانایی تاری یک قسمت از یک تصویر است. اضافه کردن یک تار ضعیف به پس زمینه یک تصویر با نرم افزار مانند Adobe Photoshop می تواند به متن شما کمک کند.
5. متن را در جعبه قرار دهید

[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/11.jpg]


[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/12.jpg]


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


6. اضافه کردن متن به پس زمینه

[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/13.jpg]



[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/14.jpg]



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


۷. لینک بزرگ 
[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/15.jpg]


[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/16.jpg]



هنگامی که مطمئن نیستید   چه روشی کار میکند،   بزرگ  و برجسته کردن بهترین کار است.  
8.   افزودن رنگ

[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/17.jpg]



[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/18.jpg]
 
9. استفاده از ماسک رنگی
 
[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/19.jpg]



[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/20.jpg]




10. لینک ساده

[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/21.jpg]



[تصویر: http://magbot.ir/10-%d9%86%da%a9%d8%aa%d...%b3/22.jpg]





مقالات مرتبط
[تصویر: http://magbot.ir//%D8%A7%D8%B1%D8%B2%DB%...%D8%9F.jpg]

آموزش طراحی وب سایت: بهترین راه یادگیری چیست؟
[تصویر: http://magbot.ir//%D8%B7%D8%B1%D8%A7%D8%...1-SaaS.jpg]

طراحی رابط SaaS: روند ها و بهترین روش برای طراحی رابط کاربری SaaS
[تصویر: http://magbot.ir//%D9%82%D9%88%D8%A7%D9%...%D8%A8.jpg]
قواعد جدید برای پیمایش در طراحی وب
پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان