FaraGraphDesign | فرا دیزاین: آموزش‌های طراحی و گرافیک
1.05K subscribers
81 photos
36 videos
347 links
🧑‍💻 فرا دیزاین — آموزش نرم‌افزارهای طراحی و گرافیک

🔸 طراحی
🔸 گرافیک

🚀 برای مشاهده تمام آموزش‌‌های طراحی و گرافیک، کلیک کنید👇

fdrs.ir/faragraphdesign
加入频道

✳️ آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان)

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

══ فهرست مطالب ══

‏ ○ مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ
‏ ○ مهارت‌های لازم برای طراحی پوستر با فتوشاپ
‏ ○ آموزش گام به گام طراحی پوستر با فتوشاپ
‏ ○ معرفی فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات


🔸 مطالبی پیرامون آموزش طراحی پوستر با فتوشاپ

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


🔸 مهارت‌های لازم برای طراحی پوستر با فتوشاپ

‏در طول این متن بارها از تکنیک‌هایی استفاده می‌کنیم تا تصویر خروجی ما جلوه بهتری داشته باشد. با توجه به این‌که ممکن است با این تکنیک‌ها آشنایی نداشته باشید، توضیح مختصری در رابطه با آن‌ها ارائه خواهیم کرد. اولین نکته‌ای که باید بررسی کنیم، استفاده از «حالت‌های ترکیبی» (Blending Modes) یک لایه است تا بتوان رنگ‌های لایه بالاتر را به شکل دلخواه با لایه‌های پایینی ادغام کرد. برای این کار کافی است از پنل لایه‌ها، لایه مورد نظر را انتخاب و همانند تصویر زیر از فهرست باز شده، حالت مورد نظر را انتخاب کنید.

‏مورد دیگری که به هنگام آموزش طراحی پوستر با فتوشاپ باید یاد بگیریم، کار با «Gradient Tool» است. با انتخاب این ابزار، نواری در بالای صفحه ایجاد می‌شود که حالت‌های مختلف یک گرادیان رنگی را می‌توانید در آن مشخص کنید.

‏علاوه بر این، برای تنظیمات دقیق‌تر گرادیان کافی است بر روی نوار رنگی آن کلیک کنید تا بتوانید نوع گرادیان ایجاد شده را سفارشی‌سازی کنید. برای اطلاعات بیشتر جهت نحوه تنظیم این بخش پیشنهاد می‌کنیم مطلب «طراحی مهر ژلاتینی با فتوشاپ + (فیلم آموزش گام به گام رایگان) را مطالعه کنید.



مطالعه ادامه مطلب 👇👇

🔗 آموزش طراحی پوستر با فتوشاپ | تصویری و گام به گام (+ فیلم آموزش گام به گام رایگان) — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس


✳️ مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان)

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

══ فهرست مطالب ══

‏ ○ ابزارهای مورد نیاز برای یادگیری فتوشاپ
‏ ○ یادگیری ابزارهای فتوشاپ
‏ ○ انجام پروژه‌های ساده برای آشنایی با فتوشاپ
‏ ○ مفهوم لایه‌ها در فتوشاپ
‏ ○ مرور مطالب قبلی
‏ ○ آشنایی با انتخاب نواحی مختلف و ایجاد ماسک
‏ ○ مبانی روتوش عکس با فتوشاپ
‏ ○ مونتاژ عکس با فتوشاپ
‏ ○ شروع به طراحی با فتوشاپ
‏ ○ معرفی مجموعه فیلم آموزش فتوشاپ فرادرس
‏ ○ جمع بندی مدت زمان یادگیری فتوشاپ
‏ ○ مزایای یادگیری فتوشاپ


🔸 ابزارهای مورد نیاز برای یادگیری فتوشاپ

‏پیش از آن‌که بخواهید یادگیری این نرم‌افزار را شروع و مدت زمان یادگیری فتوشاپ را بررسی کنید باید تجهیزات و ابزارهای مورد نیاز این نرم‌افزار را بشناسید.

‏فتوشاپ را می‌توان با ساده‌ترین کامپیوترها نیز اجرا کرد اما مانند هر نرم‌افزار گرافیکی دیگری، داشتن کارت گرافیک مناسب به همراه رم بالا می‌تواند عملکرد بهتری را به همراه داشته باشد. برای اجرای روان این نرم‌افزار نیز نیازی به سی‌پی‌یو‌های گران‌قیمت وجود ندارد. البته برای طراحی در ابعاد بزرگ و استفاده از فضای سه‌بعدی باید از پردازنده‌های مناسبی استفاده کرد.


🔸 یادگیری ابزارهای فتوشاپ

‏بعد از تهیه سیستم مورد نیاز و نصب نرم‌افزار، در صفحه اصلی نرم‌افزار، کلیدهای «Ctrl+N» را فشار دهید یا این‌که از مسیر «File > New» یک پرونده جدید باز کنید. به طور مثال می‌توانید تنظیمات زیر را برای این پرونده در نظر بگیرید.

‏در صفحه اصلی و سمت چپ، مجموعه‌ای از ابزارها را مشاهده می‌کنید. این ابزارها در مجموع بیش از ۶۰ ابزار مختلف را تشکیل می‌دهند که یادگیری آن‌ها به ترتیب، علاوه بر این‌که بسیار زمان‌بر خواهد بود، مدت زمان یادگیری فتوشاپ را نیز افزایش می‌دهد و انگیزه فرد نیز برای ادامه کار کاهش پیدا می‌کند. علاوه بر این، یادگیری این ابزارها باید همراه با پروژه‌های آموزشی باشد تا در ذهن شخص ماندگار شود.

‏البته قرار نیست این ابزارها را رها کنیم بلکه و برعکس سعی می‌کنیم به شکلی ابتدایی آن‌ها را یاد بگیریم. به طور معمول، این ابزارها در گروه‌هایی تقسیم‌بندی شده‌اند و می‌توان با کلیک راست بر روی آیکون هر ابزار، به سایر ابزارها دسترسی پیدا کرد. البته در نسخه‌های بعد از سال ۲۰۱۸ این نرم‌افزار، کافی است ماوس خود را چند لحظه بر روی ابزار نگه‌دارید تا پیش‌نمایشی از نحوه کار ابزار و کلید میانبر آن برای شما نمایش داده شود و به طور کامل با آن آشنا شوید.



مطالعه ادامه مطلب 👇👇

🔗 مدت زمان یادگیری فتوشاپ چقدر است و چطور حرفه ای شویم؟ (+ فیلم آموزش رایگان) — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس


✳️ آموزش CMYK در فتوشاپ — تبدیل به RGB و کدها

‏حالت «CMYK» یا حالت ۴ رنگ،‌ یکی از معروف‌ترین حالت‌های رنگی مورد استفاده در چاپ رنگی به شمار می‌آید. CMYK حروف اول چهار رنگ به نام‌های «فیروزه‌ای» (Cyan)، «ارغوانی» (Magenta)، «زرد» (Yellow) و «مشکی» (Black) است. البته در صحبت‌های محاوره‌ای این رنگ‌ها را به ترتیب، آبی، قرمز، زرد و مشکی می‌نامند اما ما در این متن بر روی معانی اصلی تمرکز می‌کنیم. یکی از حالت‌های رنگی که در فتوشاپ مورد استفاده قرار می‌گیرد، مد رنگی CMYK است که در این مطلب قصد داریم یاد بگیریم که CMYK در فتوشاپ چیست و تنظیمات مختلف آن‌را با یکدیگر مرور کنیم.

══ فهرست مطالب ══

‏ ○ CMYK چیست ؟
‏ ○ چه زمان از CMYK استفاده کنیم؟
‏ ○ فرمول تبدیل CMYK به RGB
‏ ○ بهترین فرمت های مورد استفاده در CMYK
‏ ○ تفاوت RGB و CMYK در فتوشاپ
‏ ○ آیا CMYK بهتر از RGB است؟
‏ ○ تنظیمات رنگ CMYK در فتوشاپ
‏ ○ فیلم آموزش فتوشاپ برای استفاده در صنعت چاپ و تبلیغات


🔸 CMYK چیست ؟

‏CMYK یک مدل «رنگ کاهشی» (Subtractive Color) است به این معنی که در این مدل،‌ رنگ‌ها به پس‌زمینه‌ای سفید اضافه می‌شوند و در نتیجه، روشنایی پس‌زمینه را کاهش می‌دهند. در حقیقت، هر رنگ، با اضافه شدن در هر لایه، مقداری از «Brightness» را کاهش خواهد داد و زمانیکه تمامی رنگ‌ها با یکدیگر ترکیب شوند، به رنگ مشکی می‌رسیم. با توجه به اینکه تولید رنگ مشکی از رنگ‌های فیروزه‌ای،‌ ارغوانی و زرد کمی دشوار است،‌ رنگ مشکی به طور جداگانه به فرآیند اضافه می‌شود. رنگ‌ها در CMYK به درصدهای مختلفی تقسیم می‌شوند و برای تولید هر رنگ، درصد خاصی از رنگ‌ها مورد استفاده قرار می‌گیرند.

‏به طور مثال، رنگ سبز را می‌توان با ترکیب ۱۰۰ درصد فیروزه‌ای، صفر درصد ارغوانی، ۱۰۰ درصد زرد و صفر درصد رنگ مشکی بدست آورد. به طور معمول نیز برای چاپ باید رنگ‌ها را به CMYK تبدیل کنیم. هیچ سیستم دقیق و کاملی برای تبدیل رنگ‌های «RGB» (قرمز، سبز و آبی) به CMYK وجود ندارد. با این وجود، با استفاده از حالت CMYK در فتوشاپ می‌توانیم این تبدیل را انجام دهیم. توجه داشته باشید، از آن‌جایی که نمایشگرها،‌ تصویر را به صورت RGB نشان می‌دهند، بنابراین به طور دقیق نمی‌توان تصویر CMYK را در آن‌ها مشاهده کرد.


🔸 چه زمان از CMYK استفاده کنیم؟

‏اگر طراحی نهایی شما به طور فیزیکی به چاپ می‌رسد، حتما پیش از شروع طراحی،‌ حالت رنگ در نرم‌افزار را به CMYK تغییر دهید. با این کار،‌ به نتایج دقیق‌تری در چاپ می‌رسید. البته اگر این تبدیل را انجام ندهید هم به طور خودکار به هنگام چاپ، این تبدیل انجام می‌شود اما مشکلی که وجود دارد این است که هیچ پیش‌بینی دقیقی از رنگ خروجی پیش از چاپ نخواهید داشت.

‏برای این‌که از CMYK در فتوشاپ استفاده کنید دو راه کلی وجود دارد. اول این‌که پیش از شروع طراحی و به هنگام باز کردن پرونده جدید از منوی «File»، حالت رنگ را از «RGB» به «CMYK Color» تغییر دهید.



مطالعه ادامه مطلب 👇👇

🔗 CMYK در فتوشاپ — تبدیل به RGB و کدها (+ فیلم آموزش رایگان) — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس
‌‌
👍1
✳️ روتوش عکس | آموزش و معرفی مهم‌ترین روش‌ها و تکنیک‌ها

‏عکاسان پرتره همواره سعی در ارائه عکسی با بالاترین کیفیت پوست هستند. رسیدن به چنین کیفیتی به طور معمول به کمک روتوش عکس انجام می‌شود اما باید توجه داشت که این رتوش عکس باید به گونه‌ای انجام گیرد تا بافت پوست حالتی طبیعی داشته باشد و شکلی عروسکی به خود نگیرد. البته نحوه آرایش و نورپردازی، از مبانی اصلی در بدست آوردن عکسی با پوست مناسب به شمار می‌آید اما روتوش عکس نقش عمل «پرداخت» (Polish) عکس را ایفا می‌کند.

══ فهرست مطالب ══

‏ ○ روش لایه روتوش
‏ ○ تکنیک روتوش فرکانسی یا جدایش فرکانسی
‏ ○ تکنیک byRo
‏ ○ تنظیمات نهایی در روتوش عکس
‏ ○ معرفی فیلم آموزش آموزش فتوشاپ – ویژه عکاسان
‏ ○ روتوش سریع عکس در فتوشاپ
‏ ○ معرفی نرم افزار روتوش عکس
‏ ○ معرفی فیلم آموزش Adobe Lightroom برای ویرایش و روتوش تصاویر
‏ ○ برنامه روتوش عکس در موبایل


🔸 روش لایه روتوش

‏در فرآیند رتوش عکس، انجام عملیات ساده‌ای به خصوص در زمان رتوش پوست می‌تواند ما را به خواسته خود برساند. با استفاده از تکنیک «لایه روتوش» (Touch-Up Layer) می‌توانیم به سادگی جوش‌های صورت را اصلاح و حذف کنیم. علاوه بر این، به کمک این روش می‌توانیم پوسته‌پوسته شدن‌های حاصل از آرایش صورت را به همراه گرد و غبار و تارهای موی روی صورت را نیز حذف کنیم.

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



🔸 تکنیک روتوش فرکانسی یا جدایش فرکانسی

‏در ادامه معرفی تکنیک‌های روتوش عکس می‌‌خواهیم روش «جدایش فرکانسی» (Frequency Separation) را بررسی کنیم. به کمک این روش می‌توانیم تون و رنگ پوست را از بافت آن جدا کنیم و کنترل بهتری برای رتوش داشته باشیم. انجام‌پذیر بودن این روش در تصاویر دیجیتال به این دلیل است چنین تصاویری را می‌توان به صورت فرکانس‌هایی با امواج سینوسی توصیف کرد. این امواج سینوسی مشابه امواج موسیقیایی به هنگام نواختن نت‌های موسیقی بر روی پیانو هستند.

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


‏برای شروع، با دو بار فشردن کلیدهای «Ctrl+J»، از لایه اصلی دو کپی تهیه می‌کنیم. در این حالت، از تصویر اصلی، سه لایه در مجموع خواهیم داشت. بهتر است لایه‌های ایجاد شده را نام‌گذاری کنید که در این‌جا نام‌های «بافت»، «رنگ» و «اصلی» را برای این کار انتخاب کرده‌ایم.


مطالعه ادامه مطلب 👇👇

🔗 روتوش عکس | آموزش و معرفی مهم‌ترین روش‌ها و تکنیک‌ها — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس


🚀 اپلیکیشن فرادرس منتشر شد‼️

📱 اپلیکیشن آموزشی فرادرس، در گوگل پلی منتشر شد و هم‌اکنون در دسترس عموم است.

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

✔️ برخی از قابلیت‌های اپلیکیشن:

✓ امکان جستجو در کتابخانه آموزش‌های ویدئویی با بیش از ۵,۰۰۰ عنوان آموزش (۱۹,۰۰۰ ساعت آموزش)

✓مشاهده فهرست جدیدترین آموزش‌ها، آموزش‌های پرمخاطب، وبینارها و آموزش‌های رایگان به صورت دسته‌بندی شده

✓ دسترسی به آموزش‌های رایگان فرادرس و مشاهده آن‌ها

✓ قابلیت جستجوی پیشرفته در کتابخانه آموزش‌های فرادرس با تعیین فیلترهای خاص

✓امکان مشاهده دوره‌های تهیه شده توسط کاربر در پلیر سازگار با موبایل

✓ امکان ورود به پنل کاربری، ویرایش پروفایل و شارژ حساب


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

📌
دریافت اپلیکیشن فرادرس از گوگل پلی (+)


📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

@FaraDars — فرادرس
👍1

✳️ تبدیل عکس بیت مپ به وکتور با فتوشاپ

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

══ فهرست مطالب ══

‏ ○ ترفندهای تبدیل عکس بیت مپ به وکتور در فتوشاپ
‏ ○ خلاصه


🔸 ترفندهای تبدیل عکس بیت مپ به وکتور در فتوشاپ

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

‏پس از باز کردن تصویر موردنظرتان در فتوشاپ، به کمک گزینه «Duplicate Layer» یک کپی دیگر از آن لایه بسازید. ما نام لایه اصلی را «Main Man» و نام لایه کپی را «Man ۱» انتخاب کردیم.

‏بر روی لایه Man ۱ کلیک و در منوی Image > Adjustments گزینه Threshold را انتخاب کنید.


🔸 خلاصه

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



مطالعه ادامه مطلب 👇👇

🔗 تبدیل عکس بیت مپ به وکتور با فتوشاپ (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس

👍1
‏‌
✳️ طراحی UX چیست؟ – راهنمای جامع آموزش طراحی تجربه کاربری

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

══ فهرست مطالب ══

‏ ○ تجربه کاربری یا UX چیست؟
‏ ○ طراحی UX چیست؟
‏ ○ طراحی UX از کجا آمده است؟
‏ ○ UX خوب و بد به چه معنا هستند؟
‏ ○ فرایند طراحی UX شامل چه مراحلی است؟
‏ ○ وایرفریم‌ها و پروتوتایپ‌ها
‏ ○ ساخت وایرفریم و پروتوتایپ
‏ ○ زمینه‌های مختلف کاری طراحی UX
‏ ○ مسیرهای شغلی دیگر برای طراحان UX
‏ ○ نگارش UX چیست؟
‏ ○ مهارت‌های مورد نیاز برای طراحی UX
‏ ○ تفاوت بین طراحی UX و UI
‏ ○ نکاتی برای ساخت پورتفولیوی طراحی UX
‏ ○ سخن پایانی


🔸 تجربه کاربری یا UX چیست؟

‏تجربه کاربری یا UX اصطلاحی است که برای توصیف تجربه کلی یک کاربر در زمان تعامل با یک محصول یا خدمات در یک چارچوب مشخص مورد استفاده قرار می‌گیرد. بسته به نوع طراحی محصول یا سرویس، ‌این تجربه می‌تواند از حالت خوشایند تا کاملاً ترسناک متفاوت باشد.

‏اصطلاح UX غالباً در رابطه با محصول‌های دیجیتال مانند وب‌سایت‌ها یا اپلیکیشن‌ها به گوش می‌خورد، اما UX محدود به دنیای دیجیتال نیست. هر چیزی که می‌تواند تجربه شود، می‌تواند طراحی نیز بشود و از بسته‌بندی یک مسواک تا چرخ‌های یک ویلچر ارتوپدی را شامل می‌شود.

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


🔸 طراحی UX چیست؟

‏«طراحی تجربه کاربری» (UXD) همه عناصری که تجربه کاربری را تشکیل می‌دهند، شامل می‌شود. طراحی تجربه کاربری به طراحی خاص برای نیازهای یک کاربر یا مشتری مربوط است و مواردی مانند سهولت استفاده، کیفیت یا کارآمدی را در نظر می‌گیرد.

‏انسان‌ها تنها زمانی از سیستم‌های پیچیده مانند وب‌سایت‌ها و برنامه‌های رایانه‌ای بهره‌مند می‌شوند که این سیستم‌ها به نوعی کاربرپسند باشند. طراحان UX تلاش می‌کنند شکاف بین محصول و کاربر انسانی را پر کنند. آن‌ها شیوه تعامل افراد با یک محصول مشخص را بررسی می‌کنند و به دنبال روش‌هایی برای شهودی و سرراست‌تر ساختن این تعامل‌ها تا حد امکان تلاش می‌کنند.

‏طراحان UX باید نقش‌های مختلفی را بر عهده بگیرند و تعادل مناسبی بین جایگاه‌های یک دانشمند روانشناس، جامعه‌شناس و هنرمند پیدا کنند. به منظور دسترسی به یک راه‌حل پایدار، خلاقانه و کاربرپسند، ‌باید تجربه‌های گذشته را تحلیل کنید، رویه‌های جدید را مورد پژوهش قرار دهید، با کاربران واقعی یا بالقوه مصاحبه کنید و طراحی‌های خود را بارها و بارها تست کنید. در بخش بعدی این راهنما فرایند طراحی تجربه کاربری را بیشتر مورد بررسی قرار می‌د‌هیم. فعلاً به بررسی اجمالی تاریخچه طراحی تجربه کاربری می‌پردازیم.



مطالعه ادامه مطلب 👇👇

🔗 طراحی UX چیست؟ – راهنمای جامع آموزش طراحی تجربه کاربری — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس

👍1
This media is not supported in your browser
VIEW IN TELEGRAM

📘 آموزش فتوشاپ – روتوش چهره منتشر شد!

🔹 لینک آموزش – [کلیک کنید]

🔖 گاهی عکس‌های ثبت شده، نواقصی غیر قابل چشم‌پوشی دارند که فرصتی برای جبران وجود ندارد، در این حالت روتوش تصویر، کارآمدترین ابزار ممکن است. قسمتی که ما از فتوشاپ (Adobe Photoshop) آموزش می‌دهیم، بخش روتوش چهره است. این بخش از فتوشاپ به ما کمک می‌کند که تصاویر ثبت شده توسط دوربین‌ها را بهبود بخشیم، حتی بعضی از مشکلات تصویر را از آن حذف کنیم. در این فرادرس خواهیم آموخت که چگونه می‌توان نواقص چهره و محیط پیرامون را برطرف کرد و همواره عکسی مناسب را از درون عکسی نامناسب بیرون کشید.

🎯 مناسب برای: گرافیک | عکاسی

💲 هزینه اصلی آموزش: ۸۰,۰۰۰ تومان

🎁 هزینه با احتساب هدیه ویژه انتشار: ۴۰,۰۰۰ تومان
‌(‌۵۰ درصد تخفیف)

👈 کد تخفیف: NWYF36

❗️اعتبار: تا پایان روز دوشنبه، ۱۳ تیر ۱۴۰۱

🔗 لینک آموزش – [کلیک کنید]

@FaraDars — فرادرس
@FDPub — تازه‌های نشر فرادرس
.

✳️ آموزش رایگان افتر افکت After Effects — سریع و آسان در ۲ ساعت

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

کسب اطلاعات بیشتر 👇👇

🔗 آموزش رایگان افتر افکت After Effects — سریع و آسان در ۲ ساعت — کلیک کنید [+]

📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس

2

📚 مجموعه آموزش دیجیتال مارکتینگ (Digital Marketing)

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

💠 لیست کامل آموزش‌ها - [کلیک کنید]


برخی از آموزش‌های این مجموعه در ادامه آمده است. برای مشاهده و دریافت هر آموزش روی عنوان مورد نظر خود کلیک کنید:

▫️ تولید محتوای متنی

▫️ مدیریت تبلیغات و برند

▫️ تبلیغ نویسی (کپی رایتینگ)

▫️ برندسازی شخصی در فضای دیجیتال

▫️ مبانی بازاریابی محتوا (Content Marketing)

▫️ آشنایی با بازاریابی دیجیتال (Digital Marketing)

▫️ آموزش Google Analytics - تحلیل آمار وب سایت

▫️ آموزش UX Writing (نوشتن تجربه کاربری برای افزایش فروش سایت)


📌 برای دسترسی سریع و آسان به بیش از ۲۰,۰۰۰ ساعت آموزش ویدئویی، اپلیکیشن فرادرس را از طریق لینک زیر دانلود و نصب کنید. 👇

✔️ دریافت اپلیکیشن فرادرس از گوگل پلی [کلیک کنید]


📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

@FaraDars — فرادرس

در کانال‌های موضوعی و تخصصیِ فرادرس، چه مطالبی به صورت رایگان ارائه می‌شود؟

🔹 جدیدترین و به‌روز ترین مقالات آموزشی
در رشته‌های مختلف تحصیلی و تخصصی
🔹
خلاصه دروس دانشگاهی
🔹 مطالب جذاب علمی و ویدئوهای آموزشی
🔹
آموزش مهارت‌های کاربردی

🌟 برای دسترسی سریع‌تر به مطالب و مقالات آموزشی رایگان فرادرس، عضو کانال مورد نظر خود شوید👇👇👇


📌کانال آموزشی برنامه‌نویسی:
@FaraProg

📌کانال آموزشی برنامه‌نویسی پایتون:
@FaraPython

📌کانال آموزشی برنامه‌نویسی اندروید:
@FaraAnd

📌کانال آموزشی برنامه‌نویسی جاوا:
@Fara_Java

📌کانال آموزشی طراحی و توسعه وب:
@FaraWebDev

📌کانال آموزشی متلب و سیمولینک:
@FaraMatlabSim

📌کانال آموزشی رباتیک:
@FaraRobotics

📌کانال آموزشی هوش مصنوعی:
@FaraAI

📌کانال آموزشی علم داده:
@Fara_DS

📌کانال آموزشی مهندسی:
@FaraEng

📌کانال آموزشی مهندسی مکانیک:
@FaraMechanical

📌کانال آموزشی مهندسی برق:
@FaraElectrical

📌کانال آموزشی مهندسی عمران:
@FaraCivil

📌کانال آموزشی معماری:
@FaraArch

📌کانال آموزشی شیمی:
@FaraChem

📌کانال آموزشی مهندسی و علوم کامپیوتر:
@FaraCompEng

📌کانال آموزشی طراحی گرافیک:
@FaraGraphDesign

📌کانال آموزشی زبان:
@FaraLang

📌کانال آموزشی زیست‌شناسی:
@FaraBio

📌کانال آموزشی فیزیک:
@FaraPhys

📌کانال آموزشی ریاضیات:
@FaraMathematic

📌کانال آموزشی آمار و احتمالات:
@FaraStatistics

📌کانال آموزشی آفیس:
@FaraOffice

📌کانال آموزشی بورس:
@FaraVest

📌کانال آموزشی بازاریابی دیجیتال:
@Kaprila


📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

@FaraDars — فرادرس
‌‍
🎁🎁 هدیه ۵۰ هزار تومانی ویژه نصب اپلیکیشن فرادرس

🤩 بیش از ۵,۲۰۰ عنوان آموزشی را روی موبایل خود ببینید!

اپلیکیشن فرادرس در گوگل‌پلی — [دانلود کنید]

🎉🎁
کد هدیه ۵۰ هزار تومانی: FRAPP

✔️ مراحل استفاده از هدیه:

- پس از نصب اپلیکیشن، وارد شوید و آموزش‌های مورد نظر خود را با زدن دکمه «افزودن به سبد» انتخاب کنید.

- وارد سبد سفارش خود شوید و در کادر مربوط به کد تخفیف، کد «FRAPP» را وارد کنید.

- با وارد کردن این کد، هدیه ۵۰ هزار تومانی در صورتحساب شما اعمال خواهد شد.

- پس از نهایی کردن سفارش، آموزش‌ها را در قسمت «دوره‌های من» مشاهده خواهید کرد.

- این کد هدیه، امکان استفاده همراه با سایر کدهای تخفیف را ندارد و یکبار قابل استفاده است.

- در حال حاضر این کد برای هر مقدار سفارشی قابل استفاده است و تا پایان روز شنبه ۱۵ مرداد اعتبار دارد.

📲 با نصب این اپلیکیشن، می‌توانید آموزش‌های مورد علاقه خود را تهیه کرده و به راحتی در گوشی موبایل‌تان مشاهده کنید:👇👇

اپلیکیشن فرادرس در Google Play - [دانلود کنید]


📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

@FaraDars — فرادرس
This media is not supported in your browser
VIEW IN TELEGRAM

📘 آموزش نرم‌ افزار Inkscape برای طراحی و ویرایش تصاویر برداری منتشر شد!

🔹 لینک آموزش – [کلیک کنید]

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

🎯 مناسب برای: طراحی و گرافیک کامپیوتری

💲 هزینه اصلی آموزش: ۱۱۵,۰۰۰ تومان

🎁 هزینه با احتساب هدیه ویژه انتشار: ۵۷,۵۰۰ تومان
‌(‌۵۰ درصد تخفیف)

👈 کد تخفیف: NWTP34

❗️اعتبار: تا پایان روز چهارشنبه، ۱۲ مرداد ۱۴۰۱

🔗 لینک آموزش – [کلیک کنید]

@FaraDars — فرادرس
@FDPub — تازه‌های نشر فرادرس
.

❇️ فیلم آموزش «استفاده از پروژه‌های آماده در افتر‌افکت» در ۹ دقیقه | به زبان ساده

📌 آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [‎@FaraGraphDesign] دنبال کنید.
‌‌‌‌

📣 آموزش‌های رایگان پرمخاطب در فرادرس

✔️ لینک برخی از آموزش‌های رایگان و پرطرفدار فرادرس در ادامه آمده است. برای مشاهده و دریافت هر آموزش روی عنوان مورد نظر خود کلیک کنید:

▫️ هنر تفکر خلاق

▫️ برنامه‌نویسی C++

▫️ اتوکد (AutoCAD)

▫️ آشنایی با اکسل (Excel)

▫️ افتر افکت (After Effects)

▫️ اصول و مبانی برنامه‌نویسی

▫️ مقابله با فراموشی در مطالعه

▫️ گیت (Git) - گیت هاب و گیت لب

▫️ برنامه‌نویسی اندروید (Android)

🔴 سایر آموزش‌های رایگان را در لینک زیر مشاهده و دانلود کنید:

🔗 فهرست فرادرس‌های رایگان و پرمخاطب [+]


📌 این پست را با دوستان خود نیز به اشتراک بگذارید و فرصت آموختن رایگان را به آن‌ها هدیه دهید.

📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

@FaraDars — فرادرس

✳️ آموزش رایگان ایلوستریتور — سریع و آسان در ۲ ساعت


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

کسب اطلاعات بیشتر 👇👇

🔗 آموزش رایگان ایلوستریتور — سریع و آسان در ۲ ساعت — کلیک کنید [+]

📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس
‌‌

📚 رایگان انتخاب رشته کنید — معرفی رشته‌های گروه آزمایشی ریاضی، تجربی، انسانی و هنر‌ در فرادرس

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

🤩 در آموزش‌هایی که در ادامه آمده است، رشته‌های گروه‌های مختلف را به تفکیک رشته و به‌ طور کامل معرفی کرده‌ایم:👇👇

🔸 آموزش رایگان انتخاب رشته کنکور ریاضی [+]

🔹 آموزش رایگان انتخاب رشته کنکور تجربی [+]

🔸 آموزش رایگان انتخاب رشته کنکور انسانی [+]

🔹 آموزش رایگان انتخاب رشته کنکور هنر [+]

✳️ با کلیک روی لینک زیر می‌توانید با ۷۶ رشته مختلف دانشگاهی آشنا شوید و در مورد گرایش‌ها، درآمد، بازار کار و فرصت‌های ادامه تحصیل هر یک از رشته‌ها اطلاعات بیشتری به دست آورید.👇👇

📌 راهنمای رایگان انتخاب رشته - [۷۶ رشته دانشگاهی]

📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

@FaraDars — فرادرس
👍1

✳️ آموزش مفاهیم کلی و مقدمه ای بر محیط سه بعدی فتوشاپ – رایگان


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

کسب اطلاعات بیشتر 👇👇

🔗 آموزش مفاهیم کلی و مقدمه ای بر محیط سه بعدی فتوشاپ – رایگان — کلیک کنید [+]

📌 کانال اختصاصی آموزشی طراحی گرافیک

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی گرافیک را در کانال اختصاصی [@FaraGraphDesign] دنبال کنید. 👇

@FaraGraphDesign — مطالب و آموزش‌های طراحی گرافیک فرادرس
‌‌

در کانال‌های موضوعی و تخصصیِ فرادرس، چه مطالبی به صورت رایگان ارائه می‌شود؟

🔹 جدیدترین و به‌روز ترین مقالات آموزشی
در رشته‌های مختلف تحصیلی و تخصصی
🔹
خلاصه دروس دانشگاهی
🔹 مطالب جذاب علمی و ویدئوهای آموزشی
🔹
آموزش مهارت‌های کاربردی

🌟 برای دسترسی سریع‌تر به مطالب و مقالات آموزشی رایگان فرادرس، عضو کانال مورد نظر خود شوید👇👇👇


📌کانال آموزشی برنامه‌نویسی:
@FaraProg

📌کانال آموزشی برنامه‌نویسی پایتون:
@FaraPython

📌کانال آموزشی برنامه‌نویسی اندروید:
@FaraAnd

📌کانال آموزشی برنامه‌نویسی جاوا:
@Fara_Java

📌کانال آموزشی طراحی و توسعه وب:
@FaraWebDev

📌کانال آموزشی متلب و سیمولینک:
@FaraMatlabSim

📌کانال آموزشی رباتیک:
@FaraRobotics

📌کانال آموزشی هوش مصنوعی:
@FaraAI

📌کانال آموزشی علم داده:
@Fara_DS

📌کانال آموزشی مهندسی:
@FaraEng

📌کانال آموزشی مهندسی مکانیک:
@FaraMechanical

📌کانال آموزشی مهندسی برق:
@FaraElectrical

📌کانال آموزشی مهندسی عمران:
@FaraCivil

📌کانال آموزشی معماری:
@FaraArch

📌کانال آموزشی شیمی:
@FaraChem

📌کانال آموزشی مهندسی و علوم کامپیوتر:
@FaraCompEng

📌کانال آموزشی طراحی گرافیک:
@FaraGraphDesign

📌کانال آموزشی زبان:
@FaraLang

📌کانال آموزشی زیست‌شناسی:
@FaraBio

📌کانال آموزشی فیزیک:
@FaraPhys

📌کانال آموزشی ریاضیات:
@FaraMathematic

📌کانال آموزشی آمار و احتمالات:
@FaraStatistics

📌کانال آموزشی آفیس:
@FaraOffice

📌کانال آموزشی بورس:
@FaraVest

📌کانال آموزشی بازاریابی دیجیتال:
@Kaprila


📚 فرادرس | دانش در دسترس همه؛ همیشه و همه جا

@FaraDars — فرادرس