بایگانی روزانه: فروردین ۲۶, ۱۳۹۸

رنگ ها در طراحی وب : هر آنچه باید درباره رنگ‌ها بدانید

موفقیت هر قطعه از ارتباطات بصری به رنگ بستگی دارد. تحقیقات در زمینه تاثیر رنگ در بازاریابی به ما نشان می‌دهد که تنها ۹۰ ثانیه طول می‌کشد تا یک تصمیم ناخودآگاه در مورد یک محصول اتخاذ شود، و اینکه ۶۲ تا ۹۰ درصد از این تصمیمات تنها براساس رنگ ها هستند. در نتیجه، افزایش آگاهی شما از نظریه رنگ ها و روان‌شناسی آنها می‌تواند یک راه موِثر برای کمک به افزایش ارتباط با مشتری و بازدید کننده باشد، و در بسیاری از نمونه‌ها قابلیت رابط کاربری شما را بهبود می‌بخشد.در این پست قصد داریم با روان‌شناسی رنگ ها و تاثیر رنگ ها در طراحی وب آشنا شویم. پیشنهاد شگفت انگیز کدفرند،دانلود به تمامی دوره های آموزشی کدفرند تنها با ۶۹ هزار تومان درک کنید که کدام رنگ چه معنایی برای مخاطب شما دارد به طور کلی، رنگ‌های مختلف موارد زیر را به تصویر می‌کشند: رنگ قرمز (Red) مفاهیم مثبت : انرژی،اشتیاق،قدرت،حرارت،هیجان مفاهیم منفی : عصبانیت،تهاجم،ترس،شورش،شرارت محل استفاده : ایجاد اخطار،ایجاد فوریت،افزایش اشتیاق رنگ زرد (Yellow) مفاهیم مثبت : شادی،خوش بینی،صمیمت،بازیگوشی،سرگرمی مفاهیم منفی : انتقادی،بی صبری و بی تابی،تکان ده..

توضیحات بیشتر »

پرتره مرد مذاب در فتوشاپ — راهنمای تصویری

در این راهنما شیوه ایجاد یک جلوه عکس پرتره مرد مذاب را آموزش خواهیم داد. ابتدا یک پس‌زمینه پرده اضافه می‌کنیم و سپس مدل خود را دستکاری می‌کنیم. پس از آن یک شمع مذاب روی سر مدل می‌سازیم و مقداری از موم از اطراف بدن وی سرازیر می‌شود. در ادامه چندین مورد جزئی را تغییر می‌دهیم، جلوه نور را ترسیم می‌کنیم و از لایه adjustment برای بهبود جلوه نهایی کمک می‌گیریم. فایل‌های مورد نیاز شما به فایل‌های زیر در طی مراحل اجرای این آموزش نیاز خواهید داشت: پس‌زمینه پرده مدل شمع شماره 1 شمع شماره 2 موم شمع شماره 1 موم شمع شماره 2 همه این فایل‌ها را می‌توانید با کلیک روی این لینک دانلود کنید. ایجاد پس‌زمینه پایه در این بخش مراحل مورد نیاز برای ایجاد پس‌زمینه کار را توضیح می‌دهیم. گام یکم یک سند با ابعاد 2000 در 2000 پیکسل در فتوشاپ با تنظیمات زیر ایجاد کنید: گام دوم تصویر پس‌زمینه پرده را باز کرده و با استفاده از ابزار جابجایی (دکمه میانبر V) روی تصویر با بوم سفید بکشید. گوشه سمت چپ و بالای پرده را روی بوم قرار دهید و بدین ترتیب پس‌زمینه را مخفی کنید. گام سوم در لایه پرده به مسیر Filter > Blur > G..

توضیحات بیشتر »

راهنمای جامع ری اکت (بخش پایانی) — از صفر تا صد

zاکوسیستم شکل‌گرفته پیرامون ری‌اکت بسیار بزرگ است. در این مقاله که آخرین مقاله از این سری محسوب می‌شود، 4 مورد از محبوب‌ترین پروژه‌ها بر مبنای React یعنی React Router ،Redux ،Next.js و Gatsby را معرفی می‌کنیم. React Router «مسیریاب ری‌اکت» (React Router) کتابخانه پیش‌فرض مسیریابی برای ری‌اکت محسوب می‌شود و یکی از محبوب‌ترین پروژه‌ها است که بر مبنای ری‌اکت ساخته شده است. ری‌اکت در هسته مرکزی خود یک کتابخانه بسیار ساده است و هیچ نکته‌ای در خصوص مسیریابی را شامل نمی‌شود. مسیریابی یک اپلیکیشن تک‌صفحه‌ای است که روشی برای معرفی برخی ویژگی‌های جدید در زمینه ناوبری در اپلیکیشن از طریق لینک‌ها محسوب می‌شود و این روش در زمینه وب‌اپلیکیشن‌ها کاملاً نرمال تلقی می‌شود: زمانی که به صفحه‌های مختلفی مراجعه می‌کنید، آدرس نمایش یافته در مرورگر باید تغییر پیدا کند. «لینک دهی عمیق» (Deep linking) باید کار کند، یعنی اگر مرورگر به یک لینک هدایت شود، اپلیکیشن باید همان ویو را که در زمان ایجاد URL ایجاد شده بود ارائه کند. دکمه‌های عقب و جلوی مرورگر باید مطابق انتشار عمل کنند. در واقع مسیریاب ری‌اکت روشی ب..

توضیحات بیشتر »

آشنایی با کتابخانه Jenetics در جاوا — راهنمای کاربردی

در این مقاله یک کتابخانه بسیار قدرتمند جاوا به نام Jenetics را توصیف می‌کنیم که برای حل کردن مسائل مختلف بهینه‌سازی مورد استفاده قرار می‌گیرد. اگر می‌خواهید با مبانی ابتدایی الگوریتم‌های ژنتیک در جاوا آشنا شوید، پیشنهاد می‌کنیم به مقاله زیر رجوع کنید: طراحی الگوریتم ژنتیک در جاوا — به زبان ساده 1. طرز کار کتابخانه Jenetics چگونه است؟ بر اساس مستندات رسمی (+) کتابخانه Jenetics بر مبنای الگوریتم‌های تکاملی نوشته شده در جاوا عمل می‌کند. الگوریتم‌های تکاملی ریشه در علم زیست‌شناسی دارند، چون سازوکارهای آن‌ها از موضوع تکامل یا فرگشت زیست‌شناختی مانند تولیدمثل، جهش، بازترکیب و انتخاب، الهام گرفته است. Jenetics با استفاده از رابط Stream جاوا پیاده‌سازی شده است و از این رو با بقیه بخش‌های API Stream جاوا به خوبی کار می‌کند. ویژگی‌های اصلی آن به صورت زیر هستند: کمینه‌سازی بی اصطکاک در «کمینه‌سازی بی اصطکاک» (frictionless minimization) نیازی به تغییر دادن یا دستکاری تابع‌های برازش وجود ندارد و می‌توان صرفاً به پیکربندی کلاس Engine پرداخت و بدین ترتیب آماده آغاز نخستین اپلیکیشن شد. بدون وابستگ..

توضیحات بیشتر »