آموزش ایجاد مقیاس نوع (بوتکمپ طراحی UI، هفته 5)
Create A Type Scale (UI Design Bootcamp, Week 5)
مهمترین جنبه برای ایجاد یک تجربه کاربری عالی، داشتن یک رابط کاربری زیبا است. برخی تغییرات کوچک در زیبایی شناسی شما می تواند تأثیر زیادی بر تجربه کاربران شما داشته باشد.
اگر با استفاده از یک برنامه وب طراحی می کنید، در مورد تایپوگرافی، رنگ و ترکیب بندی تصمیم می گیرید. این موارد بر برندسازی، سبک، قابلیت استفاده و تجربه کاربری اپلیکیشن شما تاثیر می گذارد. شما در حال حاضر این تصمیمات را می گیرید اما آیا از تاثیر آنها آگاه هستید. استفاده بسیار ظریف از تایپوگرافی و رنگ می تواند به اندازه ای شخصیت داشته باشد که ما به هیچ تصویر دیگری نیاز نداشته باشیم. ما می‌توانیم به یک متن کسل‌کننده جان بدهیم و خواندن آن را برای کاربر آسان‌تر یا سخت‌تر کند. انجام صحیح چند انتخاب ساده می تواند برنامه را خراب یا خراب کند.
هفته 5: یک سیستم تایپ ایجاد کنید
تایپوگرافی 95٪ چیزی است که در یک برنامه وب می بینیم، هر تصمیم طراحی دیگری را دیکته می کند. اما تعداد کمی از مردم واقعاً یاد نمی گیرند که چگونه از تایپوگرافی به نفع خود استفاده کنند.
این هفته خواهیم دید که چه سبک اضافی را می توانیم به تایپوگرافی خود اضافه کنیم و چگونه می توانیم از آن برای بهبود سلسله مراتب بصری خود استفاده کنیم. سپس سیستم تایپوگرافی خود را می سازیم.
آیا این دوره برای من است؟
در حالت ایده آل، شما قبلاً مدتی را صرف طراحی وب سایت ها و/یا برنامه های کاربردی کرده اید. هر جنبه ای از دوره با در نظر گرفتن مبتدیان ایجاد می شود، اما اگر قبلاً برخی از طرح ها را ایجاد کرده باشید، ممکن است متوجه شوید که از دوره بیشتر بهره می برید. همچنین باید بدانید که چگونه از برخی نرم افزارهای طراحی استفاده کنید. من Figma را توصیه می‌کنم، اما Adobe XD، Invission Studio، Sketch یا نرم‌افزارهای مشابه نیز مشکلی ندارند.
این دوره با در نظر گرفتن طراحان ایجاد شده است، اما ممکن است برای توسعه دهندگان فرانت اند یا صاحبان محصول نیز جالب باشد.
1. ایجاد یک مقیاس نوع
با استفاده از یک ترکیب تایپوگرافی یک مقیاس نوع پایه ایجاد کنید
یکی از ترکیب‌های تایپوگرافی مورد علاقه خود را از قبل انتخاب کنید. (یا می توانید از برای سرفصل ها و Karla برای بدنه استفاده کنید)
سپس از یک ابزار آنلاین مانند یا ماشین حساب تایپوگرافی نسبت طلایی استفاده کنید یک مقیاس تایپوگرافی خوب را شناسایی کنید.
در نهایت، تنظیمات را با چشم خود انجام دهید و حاشیه های بالا و پایین را به بلوک های متن اضافه کنید.
2. یک سیستم تایپوگرافی ایجاد کنید
در فرم مقیاس نوع ما قبلاً بسازید اما آن را به یک سیستم کامل تبدیل کنید
یک سیستم تایپوگرافی با استفاده از رنگ‌ها، اندازه‌ها و هر سبک متن دیگری که دوست دارید ایجاد کنید. .
آزمایش کنید و کمی بازی کنید. این همه چیز در مورد یادگیری است و شما چیزهای زیادی دارید که باید با آنها بازی کنید تا خوب به نظر برسد، بنابراین کمی سرگرم شوید.
درس ها Lessons
-
فیگما Figma
-
سلسله مراتب بصری Visual Hierarchy
-
خلاصه Summary
-
کرنینگ Kerning
-
طراحی ظاهر Styling
-
مقیاس نوع 2 را ایجاد کنید Create Type Scale 2
-
تراز پاراگراف Paragraph Alignment
-
مقیاس تایپ Type Scale
-
سیستم های تایپوگرافی Typographic Systems
-
سایر نرم افزارها Other Software
-
مقیاس نوع ایجاد کنید Create Type Scale
-
مقدمه Intro
-
اعداد و داده ها Numbers and Data
-
سیستم طراحی Design System
-
فاصله بین حروف Letter Spacing
-
لیگاتورها Ligatures
-
کلاه های کوچک Small Caps
-
طرح Sketch
-
شبکه عمودی Vertical Grid
https://donyad.com/d/1e0e
Rob Sutcliffe
طراح و توسعه دهنده UI
نمایش نظرات