[-]
آخرین ارسالی ها
معرفی چارچوب های وردپرس
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 موبایل Mobile نمایش ها:4 زمان:دیروز
کیت های UI رایگان برای طراحان برنامه موبایل و توسعه دهندگان آن
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 گردشگری Tourism نمایش ها:5 زمان:دیروز
پنج KPI اصلی برای پیگیری UX
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 کامپیوتر- سخت افزار-نرم افزار- لپ تاپ - شبکه و طراجی سایت Computer, Hardware ,Software, Laptops, Network and WebDesign نمایش ها:5 زمان:دیروز
فونت رایگان برای ولنتاین
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 مقالات آموزشی و کاربردی learning articles نمایش ها:8 زمان:۴-۲-۱۳۹۸
افزونه های کاربردی فایرفاکس رابهتر بشناسید
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 آشپزی و نکات خانه داری Cookery and home care tips نمایش ها:8 زمان:۴-۲-۱۳۹۸
20 رایگان جی کوئری ناوبری و پلاگین منو
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 talk about your web sites or bussines نمایش ها:10 زمان:۳-۲۹-۱۳۹۸
راهنمای مفصل برای جریان کاربری در طراحی وب سایت
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 عکاسی Photography نمایش ها:8 زمان:۳-۲۹-۱۳۹۸
طراحی تکنولوژی های پوشیدنی و ارتباط آن با طراحی سایت
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 کامپیوتر- سخت افزار-نرم افزار- لپ تاپ - شبکه و طراجی سایت Computer, Hardware ,Software, Laptops, Network and WebDesign نمایش ها:9 زمان:دیروز
کسب درآمد از اینترنت با 7 راه تکنیک پولساز و بدون نیاز به سرمایه
شروع کننده:tarahimodern آخرین پست توسط:hostcode پاسخ ها:0 کامپیوتر- سخت افزار-نرم افزار- لپ تاپ - شبکه و طراجی سایت Computer, Hardware ,Software, Laptops, Network and WebDesign نمایش ها:12 زمان:دیروز
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 شرکت ها companies نمایش ها:10 زمان:۳-۲۴-۱۳۹۸
جهت حرکت: - سرعت: - (توقف | حرکت) - بارگذاری مجدد

[-]
آخرین ارسالی ها
معرفی چارچوب های وردپرس
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 موبایل Mobile نمایش ها:4 زمان:دیروز
کیت های UI رایگان برای طراحان برنامه موبایل و توسعه دهندگان آن
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 گردشگری Tourism نمایش ها:5 زمان:دیروز
پنج KPI اصلی برای پیگیری UX
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 کامپیوتر- سخت افزار-نرم افزار- لپ تاپ - شبکه و طراجی سایت Computer, Hardware ,Software, Laptops, Network and WebDesign نمایش ها:5 زمان:دیروز
فونت رایگان برای ولنتاین
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 مقالات آموزشی و کاربردی learning articles نمایش ها:8 زمان:۴-۲-۱۳۹۸
افزونه های کاربردی فایرفاکس رابهتر بشناسید
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 آشپزی و نکات خانه داری Cookery and home care tips نمایش ها:8 زمان:۴-۲-۱۳۹۸
20 رایگان جی کوئری ناوبری و پلاگین منو
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 talk about your web sites or bussines نمایش ها:10 زمان:۳-۲۹-۱۳۹۸
راهنمای مفصل برای جریان کاربری در طراحی وب سایت
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 عکاسی Photography نمایش ها:8 زمان:۳-۲۹-۱۳۹۸
طراحی تکنولوژی های پوشیدنی و ارتباط آن با طراحی سایت
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 کامپیوتر- سخت افزار-نرم افزار- لپ تاپ - شبکه و طراجی سایت Computer, Hardware ,Software, Laptops, Network and WebDesign نمایش ها:9 زمان:دیروز
کسب درآمد از اینترنت با 7 راه تکنیک پولساز و بدون نیاز به سرمایه
شروع کننده:tarahimodern آخرین پست توسط:hostcode پاسخ ها:0 کامپیوتر- سخت افزار-نرم افزار- لپ تاپ - شبکه و طراجی سایت Computer, Hardware ,Software, Laptops, Network and WebDesign نمایش ها:12 زمان:دیروز
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
شروع کننده:hostcode آخرین پست توسط:hostcode پاسخ ها:0 شرکت ها companies نمایش ها:10 زمان:۳-۲۴-۱۳۹۸
جهت حرکت: - سرعت: - (توقف | حرکت) - بارگذاری مجدد


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امیتازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
10 نکته برای طراحی عکس سایت
نویسنده پیام
hostcode آفلاین
Junior Member
**

ارسال‌ها: 16
تاریخ عضویت: شهر ۱۳۹۶
اعتبار: 0
ارسال: #1
10 نکته برای طراحی عکس سایت
10 نکته برای طراحی عکس سایت


طراحی سایت



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







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







گاهی اوقات باید متن بخشی از تصویری باشد .
3. جریان بصری را دنبال کنید






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

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





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






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


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








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


۷. لینک بزرگ



[تصویر:  16.jpg]



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

[تصویر:  17.jpg]



[تصویر:  18.jpg]

9. استفاده از ماسک رنگی

[تصویر:  19.jpg]



[تصویر:  20.jpg]





10. لینک ساده

[تصویر:  21.jpg]



[تصویر:  22.jpg]










مقالات مرتبط





[تصویر:  %D8%A7%D8%B1%D8%B2%DB%8C%D8%A7%D8%A8%DB%...%D8%9F.jpg]

آموزش طراحی وب سایت: بهترین راه یادگیری چیست؟


[تصویر:  %D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B1%D8...1-SaaS.jpg]

طراحی رابط SaaS: روند ها و بهترین روش برای طراحی رابط کاربری SaaS


[تصویر:  %D9%82%D9%88%D8%A7%D9%86%DB%8C%D9%86-%D8...%D8%A8.jpg]

قواعد جدید برای پیمایش در طراحی وب
۳-۱۸-۱۳۹۸ ۰۳:۲۹ صبح
مشاهده وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


پرش به انجمن:


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