دسته: آموزش

15 بهترین تولید کننده پالت رنگ برای هر پروژه طراحی – Duplicate – [#410]

رنگ ها می توانند یک طرح را ایجاد کنند یا آن را بشکنند. اما ما می دانیم که انتخاب رنگ های مناسب چقدر می تواند اعصاب خردکن و خسته کننده باشد . نگران نباشید – در این مقاله، نکاتی را برای انتخاب یک پالت رنگ بررسی می‌کنیم و به شما مولدهای پالت رنگ باورنکردنی را نشان می‌دهیم که می‌توانید از آنها استفاده کنید. امیدواریم، این روند کار با رنگ‌ها را آسان‌تر می‌کند – و به جرات می‌توانیم بگوییم… حتی سرگرم‌کننده! پالت رنگ چیست؟ پالت رنگی به سادگی ترکیبی از رنگ هایی است که برای یک وب سایت، اپلیکیشن موبایل، طراحی گرافیکی، انیمیشن، بسته بندی محصول و غیره انتخاب می شوند. آماده کردن یک پالت رنگ قبل از زمان بسیار مهم است، زیرا به شما کمک می کند تا بفهمید که آیا این رنگ ها با هم خوب به نظر می رسند – قبل از اینکه آنها را روی طرح خود اعمال کنید و متوجه شوید که اشتباه کرده اید. نقش تئوری رنگ در انتخاب پالت رنگ هنگام تهیه یک پالت رنگ، دانستن کمی در مورد تئوری رنگ مفید است. تئوری رنگ به مجموعه ای از اصول اشاره دارد که طراحان برای یافتن ترکیب رنگ های دلپذیر از آنها استفاده می کنند. در حالی که تئوری رنگ یک موضوع بزرگ است، دانستن این اصطلاحات اساسی می تواند در تهیه پالت رنگ شما کمک کند. چرخ رنگ چرخه رنگ نموداری است که به ما کمک می کند تا ببینیم رنگ ها چگونه با یکدیگر ارتباط دارند. چند نوع چرخ رنگ وجود دارد، اما رایج ترین آنها 12 رنگ را نشان می دهد. آنها به سه دسته تقسیم می شوند: رنگ های اولیه رنگ هایی هستند که با ترکیب دو یا چند رنگ نمی توان آنها را تولید کرد. آنها پایه چرخه رنگ را تشکیل می دهند. قرمز، آبی و زرد رنگ های اصلی هستند. رنگ های ثانویه با مخلوط کردن هر دو رنگ اصلی تولید می شوند. سبز، نارنجی و بنفش رنگ های فرعی هستند. رنگ های سوم از ترکیب یک رنگ اصلی و یک رنگ ثانویه حاصل می شوند. رنگ های سوم شامل زرد-نارنجی، نارنجی-قرمز، قرمز-بنفش، آبی-بنفش و آبی-سبز هستند. اصطلاحات رنگ علاوه بر چرخه رنگ، این اصطلاحات دیگر می توانند به شما در درک و آزمایش رنگ کمک کنند. رنگ اصطلاح “رنگ” به رنگدانه خالص و اصلی رنگ اشاره دارد. این همان چیزی است که وقتی به “رنگ” فکر می کنیم به آن فکر می کنیم. به عنوان مثال، “سبز” یک رنگ است. اشباع اصطلاح “اشباع” به میزان روشن یا شدت یک رنگ اشاره دارد. ارزش اصطلاح “ارزش” به روشن یا تیره بودن یک رنگ اشاره دارد. رنگ برای ایجاد یک رنگ، باید رنگ سفید را به رنگ اضافه کنید. لحن برای ایجاد یک تن، باید خاکستری را به یک رنگ اضافه کنید. سایه برای ایجاد یک سایه، باید رنگ مشکی را به رنگ اضافه کنید. انواع هارمونی رنگ می توانید از چرخه رنگ برای شناسایی هارمونی رنگ استفاده کنید – اینها ترکیبی از رنگ ها هستند که با هم خوب به نظر می رسند. برخی از طراحان پالت رنگ خود را بر اساس این الگوهای هماهنگ رنگی قرار می دهند. در حالی که انواع مختلفی از هارمونی رنگی وجود دارد، چهار مورد اصلی وجود دارد که اغلب با آنها روبرو خواهید شد:   1. تک رنگ هارمونی رنگی تک رنگ دارای یک رنگ واحد است، اما تنوع رنگ ها در ته رنگ ها و اشباع های مختلف است. یک پالت رنگ تک رنگ ساده ترین برای تولید و پیاده سازی است، این به این دلیل است که شما با همان رنگ کار می کنید، که احتمال انتخاب رنگ هایی را که با هم خوب به نظر نمی رسند کاهش می دهد. 2. مشابه هارمونی رنگ مشابه نیز کاملاً ساده است. این فقط به سه رنگ اشاره دارد که در چرخه رنگ در کنار یکدیگر قرار می گیرند. 3. مکمل هارمونی رنگ مکمل از دو رنگ تشکیل شده است که در دو طرف چرخه رنگ قرار دارند. این پالت های رنگی دلپذیر به نظر می رسند، اما کنتراست کافی برای جلب توجه مخاطب را فراهم می کنند. 4. سه گانه هارمونی رنگ سه گانه زمانی است که سه رنگ در موقعیت های مساوی وجود داشته باشند. این می تواند تنوع و کنتراست را در پالت شما ایجاد کند. 15 ژنراتور پالت رنگ رایگان تهیه یک پالت از یک بوم خالی می تواند دشوار باشد. اینجاست که مولدهای پالت رنگ مفید هستند – از آنها برای ایجاد پالت های اولیه یا استفاده از آنها برای الهام استفاده کنید. در اینجا 15 مورد از بهترین ابزارهای پالت رنگ را برای کمک به پروژه طراحی بعدی خود آورده ایم. 1-coolors Coolors یکی از محبوب ترین و رایگان ترین مولدهای رنگ است که به صورت آنلاین موجود است. برای شروع ایجاد پالت ها، فقط ژنراتور را راه اندازی کنید. برای تولید سریع پالت های مختلف، کلید فاصله خود را بزنید. اگر رنگی را پیدا کردید که دوست دارید، می‌توانید آن را در جای خود قفل کنید و رنگ‌های دیگر را به هم بزنید. همچنین می توانید با انتخاب سایه های مختلف برای هر رنگ، پالت را تنظیم کنید. در حالی که ویژگی‌های اصلی آن رایگان است، می‌توانید برای حذف تبلیغات، تولید پالت‌هایی با بیش از پنج رنگ و بیشتر، ماهانه ۳ دلار ارتقا دهید. Coolors به ​​عنوان یک برنامه iOS نیز در دسترس است. ما دوست داریم : تولید پالت های جدید بسیار سریع است، و تنظیم رنگ های فردی آسان است.  

نحوه درج آیکون ها، تصاویر برداری، تصاویر سه بعدی و انیمیشن ها در Adobe XD – Duplicate – [#404]

به تمام دارایی های طراحی که همیشه به آن نیاز دارید مستقیماً در Adobe XD دسترسی داشته باشید. اگر در زمینه طراحی UI/UX کار می کنید، باید در مورد Adobe XD بدانید. این یک پلت فرم طراحی تجربه مبتنی بر برداری قدرتمند است که برای ایجاد طرح هایی برای وب سایت ها، برنامه های تلفن همراه و بازی ها ایده آل است. Adobe XD با یک رابط کاربر پسند و طیف وسیعی از ویژگی‌ها، یک ابزار نمونه‌سازی ضروری برای طراحان است. با این حال، در حالی که استفاده از Adobe XD آسان است، یافتن دارایی های طراحی برای استفاده با آن می تواند یک چالش باشد. خوشبختانه، یک راه حل وجود دارد: پلاگین IconScout ما برای Adobe XD.با استفاده از این افزونه، می توانید به سرعت و به راحتی میلیون ها دارایی طراحی رایگان و ممتاز از جمله آیکون ها، تصاویر، تصاویر سه بعدی و انیمیشن ها را تنها در چند دقیقه به پروژه های Adobe XD خود اضافه کنید. افزونه IconScout را برای Adobe XD نصب کنید در اینجا نحوه نصب افزونه آورده شده است: Adobe XD را باز کرده و Plugins را فشار دهید . روی Discover Plugins کلیک کنید . IconScout را جستجو کنید . بر روی Install کلیک کنید . پاپ ظاهر می شود. برای نصب افزونه روی OK کلیک کنید . بر روی افزونه در Adobe XD کلیک کنید و به خواندن کار ادامه دهید. اگر این اولین باری است که پلاگین را اجرا می کنید، از شما خواسته می شود که وارد شوید. مطمئن شوید که یک حساب IconScout دارید (رایگان است!)، سپس روی Login with Web در افزونه کلیک کنید. یک پنجره جدید باز خواهد شد. روی Grant Access کلیک کنید . نحوه قرار دادن آیکون ها در Adobe XD به تب نمادها بروید و به پایین بروید تا نمادی را که دوست دارید پیدا کنید یا نمادی را جستجو کنید. افزونه IconScout برای Adobe XD چندین گزینه قدرتمند برای فیلتر کردن نتایج جستجو در اختیار شما قرار می دهد. تو می توانی: نتایج جستجو را بر اساس ارتباط، محبوبیت، و آخرین یا نمادهای برجسته مرتب کنید. بر اساس دارایی‌های رایگان یا نماد ممتاز در طرح همه دسترسی IconScout جستجو کنید . یک سبک نماد را مشخص کنید – مانند طرح کلی رنگی، doodle، دوگانه، مسطح، گلیف، گرادیان، ایزومتریک، خط، گرد، و نمادهای برچسب هنگامی که نماد مورد علاقه خود را پیدا کردید، می توانید آن را به سه روش ساده در پروژه طراحی Adobe XD خود قرار دهید: هر نمادی را از افزونه در بوم Adobe XD بکشید و رها کنید . برای درج آیکون روی آن کلیک کنید . نماد موجود در Adobe XD خود را بکشید و رها کنید تا آن را با نماد انتخابی خود جایگزین کنید. اکنون زمان آن است که آیکون های خود را سفارشی کنید. در اینجا دو روش وجود دارد که می توانید آیکون های خود را نیز ویرایش کنید. در اینجا دو روش محبوب وجود دارد الف) رنگ نمادها را با استفاده از پالت رنگ تغییر دهید رنگ را با استفاده از پالت رنگ تغییر دهید تا به‌طور خودکار رنگ‌های برندتان را در یک عکس روی تمام نمادها اعمال کنید، درست است؟ در اینجا چگونه: چرخ پالت رنگ را فشار دهید . یک پالت رنگی از پیش تعیین شده را انتخاب کنید یا با استفاده از افزودن پالت جدید یک پالت جدید ایجاد کنید . + را فشار دهید تا رنگی را که دوست دارید به پالت اضافه کنید کد هگز را اضافه کنید یا یک سایه پیدا کنید و افزودن را فشار دهید . به افزودن تمام رنگ هایی که می خواهید عنوان را به Apply بدهید، ادامه دهید . نحوه درج انیمیشن در Adobe XD پلاگین IconScout برای Adobe XD طیف وسیعی از قالب‌های انیمیشن Lottie را ارائه می‌دهد که می‌توانید به راحتی در پروژه Adobe XD خود از جمله GIF قرار دهید. برای درج یک انیمیشن، به تب Animation در افزونه بروید و انیمیشنی را که دوست دارید پیدا کنید یا گزینه را محدود کنید اما عبارت جستجو را وارد کنید. می‌توانید آن را به‌عنوان Thumb GIF (با وضوح پایین) یا GIF (رزولوشن بالا) درج کنید. گزینه های متعددی برای متحرک سازی پروژه Adobe XD شما وجود دارد. برای طراحی تعاملی‌تر می‌توانید شخصیت‌های متحرک، ریز تعامل‌ها، دکمه‌های متحرک، بارگذاری انیمیشن‌ها و انواع مختلفی از انیمیشن‌ها را بگنجانید. همچنین، می‌توانید افزونه LottieFiles را برای Adobe XD امتحان کنید ، که هزاران انیمیشن رایگان Lottie را برای افزایش تجربه کاربری پروژه طراحی شما ارائه می‌دهد.

15 بهترین تولید کننده پالت رنگ برای هر پروژه طراحی

رنگ ها می توانند یک طرح را ایجاد کنند یا آن را بشکنند. اما ما می دانیم که انتخاب رنگ های مناسب چقدر می تواند اعصاب خردکن و خسته کننده باشد . نگران نباشید – در این مقاله، نکاتی را برای انتخاب یک پالت رنگ بررسی می‌کنیم و به شما مولدهای پالت رنگ باورنکردنی را نشان می‌دهیم که می‌توانید از آنها استفاده کنید. امیدواریم، این روند کار با رنگ‌ها را آسان‌تر می‌کند – و به جرات می‌توانیم بگوییم… حتی سرگرم‌کننده! پالت رنگ چیست؟ پالت رنگی به سادگی ترکیبی از رنگ هایی است که برای یک وب سایت، اپلیکیشن موبایل، طراحی گرافیکی، انیمیشن، بسته بندی محصول و غیره انتخاب می شوند. آماده کردن یک پالت رنگ قبل از زمان بسیار مهم است، زیرا به شما کمک می کند تا بفهمید که آیا این رنگ ها با هم خوب به نظر می رسند – قبل از اینکه آنها را روی طرح خود اعمال کنید و متوجه شوید که اشتباه کرده اید. نقش تئوری رنگ در انتخاب پالت رنگ هنگام تهیه یک پالت رنگ، دانستن کمی در مورد تئوری رنگ مفید است. تئوری رنگ به مجموعه ای از اصول اشاره دارد که طراحان برای یافتن ترکیب رنگ های دلپذیر از آنها استفاده می کنند. در حالی که تئوری رنگ یک موضوع بزرگ است، دانستن این اصطلاحات اساسی می تواند در تهیه پالت رنگ شما کمک کند. چرخ رنگ چرخه رنگ نموداری است که به ما کمک می کند تا ببینیم رنگ ها چگونه با یکدیگر ارتباط دارند. چند نوع چرخ رنگ وجود دارد، اما رایج ترین آنها 12 رنگ را نشان می دهد. آنها به سه دسته تقسیم می شوند: رنگ های اولیه رنگ هایی هستند که با ترکیب دو یا چند رنگ نمی توان آنها را تولید کرد. آنها پایه چرخه رنگ را تشکیل می دهند. قرمز، آبی و زرد رنگ های اصلی هستند. رنگ های ثانویه با مخلوط کردن هر دو رنگ اصلی تولید می شوند. سبز، نارنجی و بنفش رنگ های فرعی هستند. رنگ های سوم از ترکیب یک رنگ اصلی و یک رنگ ثانویه حاصل می شوند. رنگ های سوم شامل زرد-نارنجی، نارنجی-قرمز، قرمز-بنفش، آبی-بنفش و آبی-سبز هستند. اصطلاحات رنگ علاوه بر چرخه رنگ، این اصطلاحات دیگر می توانند به شما در درک و آزمایش رنگ کمک کنند. رنگ اصطلاح “رنگ” به رنگدانه خالص و اصلی رنگ اشاره دارد. این همان چیزی است که وقتی به “رنگ” فکر می کنیم به آن فکر می کنیم. به عنوان مثال، “سبز” یک رنگ است. اشباع اصطلاح “اشباع” به میزان روشن یا شدت یک رنگ اشاره دارد. ارزش اصطلاح “ارزش” به روشن یا تیره بودن یک رنگ اشاره دارد. رنگ برای ایجاد یک رنگ، باید رنگ سفید را به رنگ اضافه کنید. لحن برای ایجاد یک تن، باید خاکستری را به یک رنگ اضافه کنید. سایه برای ایجاد یک سایه، باید رنگ مشکی را به رنگ اضافه کنید. انواع هارمونی رنگ می توانید از چرخه رنگ برای شناسایی هارمونی رنگ استفاده کنید – اینها ترکیبی از رنگ ها هستند که با هم خوب به نظر می رسند. برخی از طراحان پالت رنگ خود را بر اساس این الگوهای هماهنگ رنگی قرار می دهند. در حالی که انواع مختلفی از هارمونی رنگی وجود دارد، چهار مورد اصلی وجود دارد که اغلب با آنها روبرو خواهید شد:   1. تک رنگ هارمونی رنگی تک رنگ دارای یک رنگ واحد است، اما تنوع رنگ ها در ته رنگ ها و اشباع های مختلف است. یک پالت رنگ تک رنگ ساده ترین برای تولید و پیاده سازی است، این به این دلیل است که شما با همان رنگ کار می کنید، که احتمال انتخاب رنگ هایی را که با هم خوب به نظر نمی رسند کاهش می دهد. 2. مشابه هارمونی رنگ مشابه نیز کاملاً ساده است. این فقط به سه رنگ اشاره دارد که در چرخه رنگ در کنار یکدیگر قرار می گیرند. 3. مکمل هارمونی رنگ مکمل از دو رنگ تشکیل شده است که در دو طرف چرخه رنگ قرار دارند. این پالت های رنگی دلپذیر به نظر می رسند، اما کنتراست کافی برای جلب توجه مخاطب را فراهم می کنند. 4. سه گانه هارمونی رنگ سه گانه زمانی است که سه رنگ در موقعیت های مساوی وجود داشته باشند. این می تواند تنوع و کنتراست را در پالت شما ایجاد کند. 15 ژنراتور پالت رنگ رایگان تهیه یک پالت از یک بوم خالی می تواند دشوار باشد. اینجاست که مولدهای پالت رنگ مفید هستند – از آنها برای ایجاد پالت های اولیه یا استفاده از آنها برای الهام استفاده کنید. در اینجا 15 مورد از بهترین ابزارهای پالت رنگ را برای کمک به پروژه طراحی بعدی خود آورده ایم. 1-coolors Coolors یکی از محبوب ترین و رایگان ترین مولدهای رنگ است که به صورت آنلاین موجود است. برای شروع ایجاد پالت ها، فقط ژنراتور را راه اندازی کنید. برای تولید سریع پالت های مختلف، کلید فاصله خود را بزنید. اگر رنگی را پیدا کردید که دوست دارید، می‌توانید آن را در جای خود قفل کنید و رنگ‌های دیگر را به هم بزنید. همچنین می توانید با انتخاب سایه های مختلف برای هر رنگ، پالت را تنظیم کنید. در حالی که ویژگی‌های اصلی آن رایگان است، می‌توانید برای حذف تبلیغات، تولید پالت‌هایی با بیش از پنج رنگ و بیشتر، ماهانه ۳ دلار ارتقا دهید. Coolors به ​​عنوان یک برنامه iOS نیز در دسترس است. ما دوست داریم : تولید پالت های جدید بسیار سریع است، و تنظیم رنگ های فردی آسان است.  

نحوه درج آیکون ها، تصاویر برداری، تصاویر سه بعدی و انیمیشن ها در Adobe XD

به تمام دارایی های طراحی که همیشه به آن نیاز دارید مستقیماً در Adobe XD دسترسی داشته باشید. اگر در زمینه طراحی UI/UX کار می کنید، باید در مورد Adobe XD بدانید. این یک پلت فرم طراحی تجربه مبتنی بر برداری قدرتمند است که برای ایجاد طرح هایی برای وب سایت ها، برنامه های تلفن همراه و بازی ها ایده آل است. Adobe XD با یک رابط کاربر پسند و طیف وسیعی از ویژگی‌ها، یک ابزار نمونه‌سازی ضروری برای طراحان است. با این حال، در حالی که استفاده از Adobe XD آسان است، یافتن دارایی های طراحی برای استفاده با آن می تواند یک چالش باشد. خوشبختانه، یک راه حل وجود دارد: پلاگین IconScout ما برای Adobe XD.با استفاده از این افزونه، می توانید به سرعت و به راحتی میلیون ها دارایی طراحی رایگان و ممتاز از جمله آیکون ها، تصاویر، تصاویر سه بعدی و انیمیشن ها را تنها در چند دقیقه به پروژه های Adobe XD خود اضافه کنید. افزونه IconScout را برای Adobe XD نصب کنید در اینجا نحوه نصب افزونه آورده شده است: Adobe XD را باز کرده و Plugins را فشار دهید . روی Discover Plugins کلیک کنید . IconScout را جستجو کنید . بر روی Install کلیک کنید . پاپ ظاهر می شود. برای نصب افزونه روی OK کلیک کنید . بر روی افزونه در Adobe XD کلیک کنید و به خواندن کار ادامه دهید. اگر این اولین باری است که پلاگین را اجرا می کنید، از شما خواسته می شود که وارد شوید. مطمئن شوید که یک حساب IconScout دارید (رایگان است!)، سپس روی Login with Web در افزونه کلیک کنید. یک پنجره جدید باز خواهد شد. روی Grant Access کلیک کنید . نحوه قرار دادن آیکون ها در Adobe XD به تب نمادها بروید و به پایین بروید تا نمادی را که دوست دارید پیدا کنید یا نمادی را جستجو کنید. افزونه IconScout برای Adobe XD چندین گزینه قدرتمند برای فیلتر کردن نتایج جستجو در اختیار شما قرار می دهد. تو می توانی: نتایج جستجو را بر اساس ارتباط، محبوبیت، و آخرین یا نمادهای برجسته مرتب کنید. بر اساس دارایی‌های رایگان یا نماد ممتاز در طرح همه دسترسی IconScout جستجو کنید . یک سبک نماد را مشخص کنید – مانند طرح کلی رنگی، doodle، دوگانه، مسطح، گلیف، گرادیان، ایزومتریک، خط، گرد، و نمادهای برچسب هنگامی که نماد مورد علاقه خود را پیدا کردید، می توانید آن را به سه روش ساده در پروژه طراحی Adobe XD خود قرار دهید: هر نمادی را از افزونه در بوم Adobe XD بکشید و رها کنید . برای درج آیکون روی آن کلیک کنید . نماد موجود در Adobe XD خود را بکشید و رها کنید تا آن را با نماد انتخابی خود جایگزین کنید. اکنون زمان آن است که آیکون های خود را سفارشی کنید. در اینجا دو روش وجود دارد که می توانید آیکون های خود را نیز ویرایش کنید. در اینجا دو روش محبوب وجود دارد الف) رنگ نمادها را با استفاده از پالت رنگ تغییر دهید رنگ را با استفاده از پالت رنگ تغییر دهید تا به‌طور خودکار رنگ‌های برندتان را در یک عکس روی تمام نمادها اعمال کنید، درست است؟ در اینجا چگونه: چرخ پالت رنگ را فشار دهید . یک پالت رنگی از پیش تعیین شده را انتخاب کنید یا با استفاده از افزودن پالت جدید یک پالت جدید ایجاد کنید . + را فشار دهید تا رنگی را که دوست دارید به پالت اضافه کنید کد هگز را اضافه کنید یا یک سایه پیدا کنید و افزودن را فشار دهید . به افزودن تمام رنگ هایی که می خواهید عنوان را به Apply بدهید، ادامه دهید . نحوه درج انیمیشن در Adobe XD پلاگین IconScout برای Adobe XD طیف وسیعی از قالب‌های انیمیشن Lottie را ارائه می‌دهد که می‌توانید به راحتی در پروژه Adobe XD خود از جمله GIF قرار دهید. برای درج یک انیمیشن، به تب Animation در افزونه بروید و انیمیشنی را که دوست دارید پیدا کنید یا گزینه را محدود کنید اما عبارت جستجو را وارد کنید. می‌توانید آن را به‌عنوان Thumb GIF (با وضوح پایین) یا GIF (رزولوشن بالا) درج کنید. گزینه های متعددی برای متحرک سازی پروژه Adobe XD شما وجود دارد. برای طراحی تعاملی‌تر می‌توانید شخصیت‌های متحرک، ریز تعامل‌ها، دکمه‌های متحرک، بارگذاری انیمیشن‌ها و انواع مختلفی از انیمیشن‌ها را بگنجانید. همچنین، می‌توانید افزونه LottieFiles را برای Adobe XD امتحان کنید ، که هزاران انیمیشن رایگان Lottie را برای افزایش تجربه کاربری پروژه طراحی شما ارائه می‌دهد.