مسیر طراحی موشن گرافیک جذاب و اصولی از مراحل مختلفی تشکیل شده است که در مقالات گذشته به سه مرحله از آن اشاره شد. همان‌طور که در مقاله «موشن دیزاین موفق چه مراحلی دارد؟ (مرحله سوم)» خواندید، مرحله سوم از فرآیند طراحی و تولید موشن گرافیک، مرحله ایده‌پردازی است که در واقع پلی بین مراحل پیش‌تولید و پیاده‌سازی نهایی پروژه است.
در مرحله چهارم یک پروژه موشن گرافیک، به سراغ مرحله پیاده‌سازی و تولید موشن دیزاین می‌رویم. این مرحله آخرین فاز از تولید یک موشن دیزاین موفق است.
برای مطالعه کامل این مجموعه مقاله، از این مقاله شروع کنید:
موشن دیزاین موفق چه مراحلی دارد؟ (مرحله اول)
مرحله چهارم در طراحی و ساخت موشن دیزاین
این مرحله که مرحله آخر از طراحی و ساخت موشن دیزاین است، شامل ۸ قسمت است که در ادامه به طور کامل آن راشرح می‌دهیم.
۱. Animatic انیماتیک یک فیلم کوتاه و خام از پروژه است که قبل از شروع کار نهایی، به مشتری نشان داده می‌شود. به خصوص زمانی که بر روی صحنه‌های پیچیده کار می‌کنیم و می‌خواهیم مشتری را قبل از انجام کامل پروژه آگاه کنیم، از این فیلم استفاده می‌کنیم.
به عنوان مثال، فرض کنید..

زبان برنامه‌نویسی جاوا اسکریپت یکی از قدرتمندترین و پرکاربردترین زبان‌های برنامه‌نویسی در دنیای وب است. این زبان، قدرت و انعطاف‌پذیری بالایی را در برنامه‌نویسی و طراحی صفحات وب به برنامه‌نویس سایت ارائه می‌دهد.
از جذابیت‌های جاوا اسکریپت، عبارات (Expressions) و عملگرها (Operators) است. عبارات و عملگرها در جاوا اسکریپت بستری قوی را برای ایجاد منطق برنامه‌ها و انجام عملیات متنوع در اختیار برنامه‌نویس و توسعه‌دهنده وبسایت قرار می‌دهند.
در این محتوا، به بررسی مهم‌ترین عبارات و عملگرهای جاوا اسکریپت خواهیم پرداخت و نحوه استفاده و کاربردهای آن‌ها را بررسی خواهیم کرد.
Expression و Operator در جاوا اسکریپت چیست؟ در جاوااسکریپت، expression قسمتی از کد است که مقداری را محاسبه می‌کند و نتیجه را به عنوان یک مقدار برمی‌گرداند. یک expression ممکن است ترکیبی از عملگرها، متغیرها، مقادیر ثابت، توابع و مقادیر بولین باشد.
عملگرها نقش بسیار مهمی در جاوا اسکریپت دارند. با استفاده از عملگرها می‌شود عملیات ریاضی، منطقی و رشته‌ای را انجام داد و داده‌ها را مقایسه کرد. در نتیجه، عبارات و عملگرها به برنامه‌..

طراما هر روز با مدل‌های دیجیتال سه‌بعدی مختلفی مواجه می‌شویم. اما تا زمانی که با این صنعت آشنا نباشیم، شاید هیچ ایده‌ای از انواع و روند ساخت و مراحل مختلف تولید آن‌ها نداشته باشیم. در این مقاله، به معرفی اجمالی انواع مدل‌های سه بعدی و همچنین مراحلی که طراح سه بعدی برای مدلسازی طی می‌کند، خواهیم پرداخت.
3D دیزاین تاریخ جالبی دارد که دانستنش برای هر علاقه‌مندی مفید است. «طراحی سه بعدی از کجا آمده است؟» را بخوانید تا با تاریخچه طراحی سه‌بعدی آشنا شوید.
فرآیند مدلسازی سه بعدی ۱. هنر مفهومی (concept art) قبل از شروع به ساخت هرگونه مدل سه‌بعدی واقعی، بهتر است یک زیرساخت محکم داشته باشید. در این مرحله، هنر مفهومی یا کانسپت‌آرت وارد می‌شود. هنر مفهومی یک نمایش بصری است که یک داستان یا نگاه خاصی را منتقل می‌کند. و طرحی است که به عنوان یک نقشه راهنما برای شروع ساخت مدل مورد استفاده قرار می‌گیرد. در این مرحله، ایده‌های مختلف بررسی می‌شوند و پس از تایید، به مرحله بعدی راه می‌یابند.
مراحل طراحی اولیه (هنر مفهومی) بسته به استودیو و فردی که در حال ساخت مدل است، متفاوت است. اما به طور کلی با طراحی ..

گوگل بارد چیست؟ چطور کار می‌کند؟ چه فرقی با ChatGPT دارد؟ کدام یک بهتر است؟ آیا گوگل بارد و چت جی پی تی رقبای دیگری هم دارند؟ سرانجام رقابت غول‌های تکنولوژی در حوزه‌ی هوش مصنوعی به کجا می‌رسد و جهان را به کجا می‌برد؟
۳۰ نوامبر ۲۰۲۲ بود که شرکت OpenAI محصول جدیدیش، ChatGPT، را به دنیا معرفی کرد. چت باتی هوشمند که تقریبا مثل یک انسان به سؤالات من و شما پاسخ می‌دهد و می‌تواند در کدنویسی هم به برنامه‌نویسان کمک کند. در فوریه ۲۰۲۳، گوگل هم از چت بات هوشمندش به نام Bard (بارد) رونمایی کرد.
البته، مایکروسافت هم از این رقابت عقب نماند و با Microsoft Bing به میدان آمد. ناگفته پیداست که رقابت غول‌های تکنولوژی دنیا در کدام حوزه متمرکز شده است: هوش مصنوعی. رقابتی که آینده‌ی ما انسان‌ها را متاثر می‌کند و تغییرات زیادی را در جهان سبب می‌شود.
این محتوا درباره‌ی گوگل بارد و رقابتش با ChatGPT است و به سؤالات بالا جواب می‌دهد.
اگر می‌خواهید بیشتر درباره‌ی چت جی پی تی و شرکت OpenAI بدانید، «ChatGPT، هم‌صحبتی انسان و هوش مصنوعی» را بخوانید.
Google Bard چیست؟ گوگل در مقایسه با رقبایش بیشترین سرمای..

عناصر رابط کاربری (UI elements) جدایی‌ناپذیرترین بخش طراحی محصول‌اند. برای یک طراح UI و همچنین یک وب دیزاینر یا توسعه‌دهنده وب و اپلیکیش شناخت دقیق و عمیق از عناصر UI و نحوه‌ تعامل کاربران با آن‌ها بسیار مهم است. این شناخت کمک می‌کند تا محصول بهتری طراحی شود.
در این راهنمای جامع المان‌های رابط کاربر که هر طراح محصول و طراح UI/UX باید آن‌ها را بشناسد، معرفی شده است.
«طراحی رابط کاربر (UI) در گذر زمان» را بخوانید تا با تاریخچه طراحی رابط کاربر آشنا شوید.
مهم‌ترین عناصر در طراحی رابط کاربر عناصر رابط کاربر بلوک‌های سازنده صفحات وب و اپلیکیشن‌اند که کاربران از طریق آن‌ها با محصول تعامل برقرار می‌کنند. المان‌های رابط کاربر باعث تجربه کاربر مناسب و عملکردی خوب خواهند شد. به همین دلیل این المان‌ها در طراحی تجربه کاربر نیز کاربردی و مهم‌اند.
بنای UX مبتنی بر طراحی الگوهایی است که کاربران با آن‌ها آشنا هستند. اگر طراح محصول به این الگوها بی‌اعتنا باشد، ممکن است کاربر مسیر اشتباهی را در برنامه یا وب‌سایت برود و گیج شود. برای پیشگیری از این وضعیت، طراحان UI از عناصر شناخته‌شده استفاده می‌..

یک وبسایت خوب، نتیجه استفاده از ابزارهای طراحی سایت درست و قدرتمند است. WordPress و Webflow دو ابزار محبوب و معروف میان طراحان سایت است. اما سوالی که مطرح می‌شود این است که بهترین گزینه برای طراحی یک وبسایت جذاب کدام است؟
در این مقاله به مقایسه و بررسی ابزارهای وردپرس و وب فلو می‌پردازیم.
وردپرس (WordPress) چیست؟ وردپرس یک سیستم مدیریت محتوا (CMS) بسیار محبوب است. یکی از مهم‌ترین دلایل محبوبیت وردپرس این است که برای طراحی سایت با این ابزار نیاز به دانش فنی و برنامه‌نویسی بالایی نیست. در واقع استفاده از وردپرس، راحت‌ترین و ارزان‌ترین روش طراحی و ساخت یک وبسایت محسوب می‌شود. شاید به همین دلیل است که بیش از ۴۳٪ وبسایت‌های دنیا با وردپرس ساخته شده‌اند.
وردپرس ابتدا به عنوان یک پلتفرم وبلاگ‌نویسی معرفی شد. اما رفته رفته به یک CMS با سرویس کامل تبدیل شد که می‌شود با آن هر وبسایتی را مدیریت کرد، از وب سایت‌های شرکتی گرفته تا پورتفولیو، فروشگاه‌های آنلاین و … .
از نقاط قوت وردپرس این است که امکان شخصی‌سازی دارد. این شخصی‌سازی به دو صورت نصب تم‌ها (Themes) و افزونه‌ها (Plugins) امکان‌پذیر ..

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

تصویرسازی دیجیتال (Digital Illustration) هنر ایجاد تصاویر داستان‌سرایانه (روایی) به کمک نرم‌افزار و برنامه‌هایی همچون فوتوشاپ و ایلاستریتور و ابزارهایی مانند ماوس و قلم استایلوس (لمسی) است. تصویر سازی دیجیتال معمولا برای پروژه‌هایی همچون روایت یک داستان، انتقال یک احساس و یا فروش یک محصول یا ایده به کار می‌رود.
در این راهنمای شغلی به تمامی سؤالات درباره‌ی حرفه‌ی طراحی تصویرسازی دیجیتال پاسخ داده شده است.
چطور می‌شود طراح تصویر ساز دیجیتال شد؟ ۱. پیش‌نیاز و ابزارها تصویرسازی دیجیتال اغلب با هنرهای زیبا و هنر مفهومی اشتباه گرفته می‌شود. هنر زیبا به این موضوع می‌پردازد که چگونه به ایده‌ای که در ذهن شکل گرفته است، می‌توان جان بخشید. هنر مفهومی (Concept art) برای خلق ایده در مورد اینکه شخصیت‌ و محیط طراحی‌شده چه پیامی را منتقل کنند، استفاده می‌شود. تصویرسازی دیجیتال (Digital illustration) با ترکیب هنر زیبا و هنر مفهومی به روایت داستان می‌پردازد و ایده را با تصاویر توضیح می‌دهد.
تصویرسازی دیجیتال در صنایع بازی‌های رایانه‌ای و سرگرمی، فیلم (مرحله پیش‌تولید)، چاپ‌ونشر (مقالات، کتاب‌ها، جلد..

سؤالی که ممکن است در این روزها با آن زیاد مواجه شده باشید این است که آیا‌ می‌توان با استفاده از هوش مصنوعی برنامه‌نویسی کرد؟ پاسخ این است که بله!
استفاده از ابزارهای برنامه‌ نویسی هوش مصنوعی ( AI coding tools) در حال تبدیل شدن به روش استاندارد کدنویسی برای بسیاری از برنامه‌نویسان است. در واقع، بهره‌گیری از ابزارهای هوش مصنوعی در کدنویسی نه فقط امکان‌پذیر است، بلکه به طور قابل توجهی بهره‌وری و دقت را افزایش می‌دهد.
در این مقاله، پس از تعریف دقیق AI code، با برخی از بهترین ابزارهای هوش مصنوعی برای کدنویسی با کیفیت بالا آشنا خواهید شد.
تنها کاربرد هوش مصنوعی در طراحی سایت انجام دادن بخش کدنویسی آن نیست. «طراحی سایت را به هوش مصنوعی بسپارید» را بخوانید تا با نقش و اهمیت هوش مصنوعی در طراحی وب کاملا آشنا شوید.
معرفی ۹ ابزار هوش مصنوعی برای برنامه‌ نویسی کد هوش مصنوعی (AI CODE) کدی است که با ابزارهای مجهز به هوش مصنوعی نوشته شده است. برنامه‌های هوش مصنوعی می‌توانند کدهای خودشان را بنویسند یا حتی یک زبان برنامه‌نویسی را به زبان دیگری ترجمه کنند. همچنین، اموری مانند کمک به تولید خودکار ا..

با رشد پرسرعت تکنولوژی دنیای محصولات دیجیتال به صورت شگفت‌انگیزی تغییر کرده است. خواسته‌های جدید کاربران و تمایل بیشتر و روزافزون آن‌ها به لذت بردن از تکنولوژی و خدمات آن از یک‌سو و رقابت بی‌نظیر ارائه‌دهندگان محصولات و خدمات دیجیتال از سوی دیگر، در کنار بزرگتر شدن روزانه بازار تکنولوژی؛ سبب شده است تا نقش‌ها، وظایف و شغل‌های جدیدی به وجود بیاید. شغل‌‌هایی که چه بسا در دهه گذشته وجود نداشتند.
از جمله نقش‌های جذاب، کلیدی و البته بسیار حساس و پرمسئولیت شرکت‌هایی که کالا و خدمات دیجیتال ارائه می‌دهند یا برای ارائه محصولات فیزیکی خود نیازمند امکانات دیجیتال‌اند، مدیریت محصول دیجیتال (Digital Product Manager) است. این نقش به خصوص با روی کار آمدن مفاهیم و تخصص‌هایی همچون طراحی تجربه و تعامل کاربر (UX / UI)، هر روز در میان صاحبان مشاغل و همچنین افرادی که به این حوزه علاقمندند نگاه‌های بیشتری را به سمت خود جلب می‌کند.
در این محتوا درباره‌ی مدیر محصول دیجیتال، نقش و وظایفش در فرآیند طراحی محصول مفصل بحث شده است.
چرا طراحی محصول دیجیتال مهم است؟ «طراحی محصول و ساختن جهانی بهتر» را بخوانید ت..