آموزش ایجاد یک زبان بصری (هفته 10 بوت کمپ UI)
Create A Visual Language (UI Bootcamp Week 10)
مهمترین جنبه برای ایجاد یک تجربه کاربری عالی، داشتن یک رابط کاربری زیبا است. برخی تغییرات کوچک در زیبایی شناسی شما می تواند تأثیر زیادی بر تجربه کاربران شما داشته باشد.
اگر با استفاده از یک برنامه وب طراحی می کنید، در مورد تایپوگرافی، رنگ و ترکیب تصمیم می گیرید. این موارد بر برندسازی، سبک، قابلیت استفاده و تجربه کاربری اپلیکیشن شما تاثیر می گذارد. شما در حال حاضر این تصمیمات را می گیرید اما آیا از تاثیر آنها آگاه هستید. استفاده بسیار ظریف از تایپوگرافی و رنگ می تواند به اندازه ای شخصیت داشته باشد که ما به هیچ تصویر دیگری نیاز نداشته باشیم. ما می‌توانیم به یک متن کسل‌کننده جان بدهیم و خواندن آن را برای کاربر آسان‌تر یا سخت‌تر کند. انجام صحیح چند انتخاب ساده می تواند برنامه را خراب یا خراب کند.
هفته 10: یک زبان تصویری ایجاد کنید
انتخاب عکس‌ها، نمادها، تصاویر و سایر تصاویر برای پشتیبانی از طرح را بیاموزید
آیا این دوره برای من است؟
در حالت ایده آل، شما قبلاً مدتی را صرف طراحی وب سایت ها و/یا برنامه های کاربردی کرده اید. هر جنبه ای از دوره با در نظر گرفتن مبتدیان ایجاد می شود، اما اگر قبلاً برخی از طرح ها را ایجاد کرده باشید، ممکن است متوجه شوید که از دوره بیشتر بهره می برید. همچنین باید بدانید که چگونه از برخی نرم افزارهای طراحی استفاده کنید. من Figma را توصیه می‌کنم، اما Adobe XD، Invission Studio، Sketch یا نرم‌افزارهای مشابه نیز مشکلی ندارند.
این دوره با در نظر گرفتن طراحان ایجاد شده است، اما ممکن است برای توسعه دهندگان فرانت اند یا صاحبان محصول نیز جالب باشد.
زبان بصری خود را اضافه کنید
با نمادها، بافت ها و الگوها آزمایش کنید و سعی کنید برخی از آنها را به طرح موجود اضافه کنید
طراحی رابط کاربری که برای تکلیف قبلی ایجاد کرده‌اید، بگیرید. (یا هر طرحی که قبلا ایجاد کرده اید)
یک مجموعه نماد را انتخاب کنید که با طرح کار کند و هر گونه اصلاحی در نمادها ایجاد کنید تا با طرح بهتر کار کنند.
با بافت ها و الگوهای ساده در طراحی آزمایش کنید.
تصویر طرح نهایی را آپلود کنید.
درس ها Lessons
-
عکس ها Photographs
-
خلاصه Summary
-
مقدمه Intro
-
الگوها Patterns
-
تصاویر Illustrations
-
شکل ها Shapes
-
بافت ها Textures
-
گرادیان ها Gradients
-
نمادها Icons
درس ها Lessons
-
خلاصه Summary
-
عکس ها Photographs
-
الگوها Patterns
-
تصاویر Illustrations
-
مقدمه Intro
-
گرادیان ها Gradients
-
شکل ها Shapes
-
بافت ها Textures
-
نمادها Icons
https://donyad.com/d/d4c28c
Rob Sutcliffe
طراح و توسعه دهنده UI
نمایش نظرات