آموزش ایجاد پالت رنگی (هفته نهم UI Bootcamp)
Creating A Colour Pallet (UI Bootcamp Week 9)
مهمترین جنبه برای ایجاد یک تجربه کاربری عالی، داشتن یک رابط کاربری زیبا است. برخی تغییرات کوچک در زیبایی شناسی شما می تواند تأثیر زیادی بر تجربه کاربران شما داشته باشد.
اگر با استفاده از یک برنامه وب طراحی می کنید، در مورد تایپوگرافی، رنگ و ترکیب بندی تصمیم می گیرید. این موارد بر برندسازی، سبک، قابلیت استفاده و تجربه کاربری اپلیکیشن شما تاثیر می گذارد. شما در حال حاضر این تصمیمات را می گیرید اما آیا از تاثیر آنها آگاه هستید. استفاده بسیار ظریف از تایپوگرافی و رنگ می تواند به اندازه ای شخصیت داشته باشد که ما به هیچ تصویر دیگری نیاز نداشته باشیم. ما می‌توانیم به یک متن کسل‌کننده جان بدهیم و خواندن آن را برای کاربر آسان‌تر یا سخت‌تر کند. انجام صحیح چند انتخاب ساده می تواند برنامه را خراب یا خراب کند.
هفته 9: یک پالت رنگ ایجاد کنید
این هفته ما مراحل عملی را برای ایجاد یک پالت رنگی که به طور خاص برای طراحی رابط کاربری کار می کند دنبال می کنیم. در پایان پروژه، باید یک پالت رنگی آماده برای استفاده داشته باشیم.
آیا این دوره برای من است؟
در حالت ایده آل، شما قبلاً مدتی را صرف طراحی وب سایت ها و/یا برنامه های کاربردی کرده اید. هر جنبه ای از دوره با در نظر گرفتن مبتدیان ایجاد می شود، اما اگر قبلاً برخی از طرح ها را ایجاد کرده باشید، ممکن است متوجه شوید که از دوره بیشتر بهره می برید. همچنین باید بدانید که چگونه از برخی نرم افزارهای طراحی استفاده کنید. من Figma را توصیه می‌کنم، اما Adobe XD، Invission Studio، Sketch یا نرم‌افزارهای مشابه نیز مشکلی ندارند.
این دوره با در نظر گرفتن طراحان ایجاد شده است، اما ممکن است برای توسعه دهندگان فرانت اند یا صاحبان محصول نیز جالب باشد.
یک پالت رنگ ایجاد کنید و طرح موجود را با رنگ های جدید به روز کنید
یک انتخاب رنگ هماهنگ انتخاب کنید (می توانید از یک ابزار آنلاین برای کمک به انتخاب رنگ اولیه استفاده کنید یا می توانید آنها را از یک نقاشی یا عکس انتخاب کنید)
رنگ را کمی تنظیم کنید تا ایجاد شود طرح رنگ کمی جالب تر است.
اشباع و مقدار را تنظیم کنید تا مجموعه‌ای از رنگ‌ها را پیدا کنید که برای دسته‌های زیر کار می‌کنند
رنگ‌های مارک تجاری: رنگ‌های روشنی که واقعاً در طراحی شما برجسته می‌شوند.
سیاه و سفید: سیاه و سفید واقعی نیست و رنگ‌های سفید اما بسیار نزدیک، این بیشتر رنگ‌ها را تشکیل می‌دهد
رنگ‌های برجسته: سایر رنگ‌های روشن برجسته اما کمتر غالب هستند
سعی کنید با استفاده از این رنگ‌ها یک طراحی رابط کاربری ایجاد کنید. همانطور که متوجه می شوید به رنگ های بیشتری نیاز دارید، پالت اولیه را تنظیم کنید.
یک تصویر از پالت و نمونه طراحی رابط کاربری اضافه کنید
درس ها Lessons
-
تمرین احساسات Emotions Exercise
-
هدف رنگ Colour purpose
-
احساسات Emotions
-
مقدمه Intro
-
هارمونی رنگ Colour Harmonies
-
فضاهای رنگی Colour Spaces
-
خلاصه Summary
https://donyad.com/d/b588
Rob Sutcliffe
طراح و توسعه دهنده UI
نمایش نظرات