آموزش کار با رنگ در طراحی UI (هفته هشتم بوت کمپ UI)
Working With Color In UI Design (UI Bootcamp Week 8)
مهمترین جنبه برای ایجاد یک تجربه کاربری عالی، داشتن یک رابط کاربری زیبا است. برخی تغییرات کوچک در زیبایی شناسی شما می تواند تأثیر زیادی بر تجربه کاربران شما داشته باشد.
اگر با استفاده از یک برنامه وب طراحی می کنید، در مورد تایپوگرافی، رنگ و ترکیب بندی تصمیم می گیرید. این موارد بر برندسازی، سبک، قابلیت استفاده و تجربه کاربری اپلیکیشن شما تاثیر می گذارد. شما در حال حاضر این تصمیمات را می گیرید اما آیا از تاثیر آنها آگاه هستید. استفاده بسیار ظریف از تایپوگرافی و رنگ می تواند به اندازه ای شخصیت داشته باشد که ما به هیچ تصویر دیگری نیاز نداشته باشیم. ما می‌توانیم به یک متن کسل‌کننده جان بدهیم و خواندن آن را برای کاربر آسان‌تر یا سخت‌تر کند. انجام صحیح چند انتخاب ساده می تواند برنامه را خراب یا خراب کند.
هفته 8: تعاملات رنگی
ابتدا، فیزیک مربوط به نحوه عملکرد نور و نحوه ایجاد رنگ را می آموزیم. سپس یاد می‌گیریم که چگونه یک رنگ را تغییر دهیم تا در طراحی شما مفیدتر شود
آیا این دوره برای من است؟
در حالت ایده آل، شما قبلاً مدتی را صرف طراحی وب سایت ها و/یا برنامه های کاربردی کرده اید. هر جنبه ای از دوره با در نظر گرفتن مبتدیان ایجاد می شود، اما اگر قبلاً برخی از طرح ها را ایجاد کرده باشید، ممکن است متوجه شوید که از دوره بیشتر بهره می برید. همچنین باید بدانید که چگونه از برخی نرم افزارهای طراحی استفاده کنید. من Figma را توصیه می‌کنم، اما Adobe XD، Invission Studio، Sketch یا نرم‌افزارهای مشابه نیز مشکلی ندارند.
این دوره با در نظر گرفتن طراحان ایجاد شده است، اما ممکن است برای توسعه دهندگان فرانت اند یا صاحبان محصول نیز جالب باشد.
با نحوه استفاده از رنگ در طراحی رابط کاربری آشنا شوید. برخی از طرح های موجود خود را آزمایش کنید. با روشنایی، کنتراست و اشباع بازی کنید.
درس ها Lessons
-
امواج Waves
-
اشباع Saturation
-
فرآیند سه رنگ Trichromatic Process
-
ارزش های Values
-
رنگ چگونه کار می کند خلاصه How Color Works Summary
-
تطبیق رنگ Color Matching
-
تمرین های ارزشی Values Exercises
-
مثال های کنتراست Contrast Examples
-
خلاصه Summary
-
نمونه های اشباع Saturation Examples
-
مثال های روشنایی Brightness Examples
-
روشنایی Brightness
-
تضاد Contrast
-
رنگی بودن Chromaticity
-
تطبیقی و تفریقی Adative & Subtractive
https://donyad.com/d/16c0bf
Rob Sutcliffe
طراح و توسعه دهنده UI
نمایش نظرات