آموزش تعاملات رنگی (هفته هفتم بوت کمپ UI)
Colour Interactions (UI Bootcamp Week 7)
مهمترین جنبه برای ایجاد یک تجربه کاربری عالی، داشتن یک رابط کاربری زیبا است. برخی تغییرات کوچک در زیبایی شناسی شما می تواند تأثیر زیادی بر تجربه کاربران شما داشته باشد.
اگر با استفاده از یک برنامه وب طراحی می کنید، در مورد تایپوگرافی، رنگ و ترکیب بندی تصمیم می گیرید. این موارد بر برندسازی، سبک، قابلیت استفاده و تجربه کاربری اپلیکیشن شما تاثیر می گذارد. شما در حال حاضر این تصمیمات را می گیرید اما آیا از تاثیر آنها آگاه هستید. استفاده بسیار ظریف از تایپوگرافی و رنگ می تواند به اندازه ای شخصیت داشته باشد که ما به هیچ تصویر دیگری نیاز نداشته باشیم. ما می‌توانیم به یک متن کسل‌کننده جان بدهیم و خواندن آن را برای کاربر آسان‌تر یا سخت‌تر کند. انجام صحیح چند انتخاب ساده می تواند برنامه را خراب یا خراب کند.
هفته هفتم: تعاملات رنگی
تمرین‌های عملی زیادی در این هفته. ایجاد شده برای بهبود استفاده شهودی شما از رنگ هنگام استفاده در زمینه‌های مختلف. هنگامی که درک بصری خود را از رنگ بهبود بخشید. کار با رنگ به طور طبیعی به شما کمک می کند.
آیا این دوره برای من است؟
در حالت ایده آل، شما قبلاً مدتی را صرف طراحی وب سایت ها و/یا برنامه های کاربردی کرده اید. هر جنبه ای از دوره با در نظر گرفتن مبتدیان ایجاد می شود، اما اگر قبلاً برخی از طرح ها را ایجاد کرده باشید، ممکن است متوجه شوید که از دوره بیشتر بهره می برید. همچنین باید بدانید که چگونه از برخی نرم افزارهای طراحی استفاده کنید. من Figma را توصیه می‌کنم، اما Adobe XD، Invission Studio، Sketch یا نرم‌افزارهای مشابه نیز مشکلی ندارند.
این دوره با در نظر گرفتن طراحان ایجاد شده است، اما ممکن است برای توسعه دهندگان فرانت اند یا صاحبان محصول نیز جالب باشد.
آزمایش‌های ایجاد شده در این بخش را به اشتراک بگذارید:
- یک ترکیب بندی با استفاده از رنگ ایجاد کنید. جایی که یک رنگ به نظر می رسد دو رنگ متفاوت باشد.
- یک ترکیب با استفاده از رنگ ایجاد کنید. که در آن دو رنگ مختلف به نظر یک رنگ هستند.
- یک سری از چهار سایه از یک رنگ را به رنگ دیگر منتقل کنید.
- ترکیبی ایجاد کنید که در آن یک جعبه در مقابل دیگری احساس شود و نیمه شفاف باشد.
- ترکیب رنگی ایجاد کنید که دارای طیفی از سه شیء نیمه شفاف است که سطوح شفافیت متفاوتی دارند.
- پنج رنگ را انتخاب کنید (می توانید از سایتی مانند color.adobe.com/trends برای کمک به انتخاب آنها استفاده کنید) ترکیبی متعادل ایجاد کنید که در آن هیچ رنگی غالب نباشد.
درس ها Lessons
-
خلاصه Summary
-
انتقال رنگ Transpose Colour
-
ترکیب رنگ Colour Composition
-
دو رنگ Two Colours
-
مقدمه Intro
-
تک رنگ One Colour
-
شفافیت Transparency
-
محدوده شفافیت Transparency Range
https://donyad.com/d/ed4d78
Rob Sutcliffe
طراح و توسعه دهنده UI
نمایش نظرات