آموزش خوانایی در وب (بوتکمپ طراحی UI، هفته 4)
Readability on The Web (UI Design Bootcamp, Week 4)
مهمترین جنبه برای ایجاد یک تجربه کاربری عالی، داشتن یک رابط کاربری زیبا است. برخی تغییرات کوچک در زیبایی شناسی شما می تواند تأثیر زیادی بر تجربه کاربران شما داشته باشد.
اگر با استفاده از یک برنامه وب طراحی می کنید، در مورد تایپوگرافی، رنگ و ترکیب تصمیم می گیرید. این موارد بر برندسازی، سبک، قابلیت استفاده و تجربه کاربری اپلیکیشن شما تاثیر می گذارد. شما در حال حاضر این تصمیمات را می گیرید اما آیا از تاثیر آنها آگاه هستید. استفاده بسیار ظریف از تایپوگرافی و رنگ می تواند به اندازه ای شخصیت داشته باشد که ما به هیچ تصویر دیگری نیاز نداشته باشیم. ما می‌توانیم به یک متن کسل‌کننده جان بدهیم و خواندن آن را برای کاربر آسان‌تر یا سخت‌تر کند. انجام صحیح چند انتخاب ساده می تواند برنامه را خراب یا خراب کند.
هفته 5: خوانایی
تایپوگرافی 95٪ چیزی است که ما در یک برنامه وب می بینیم، هر تصمیم طراحی دیگری را دیکته می کند. اما تعداد کمی از مردم واقعاً یاد نمی گیرند که چگونه از تایپوگرافی به نفع خود استفاده کنند.
این هفته یاد می‌گیریم که واقعاً چگونه می‌خوانیم و چگونه می‌توانیم با انتخاب‌های تایپوگرافی خود در وب، خواندن را برای مردم آسان‌تر کنیم.
آیا این دوره برای من است؟
در حالت ایده آل، شما قبلاً مدتی را صرف طراحی وب سایت ها و/یا برنامه های کاربردی کرده اید. هر جنبه ای از دوره با در نظر گرفتن مبتدیان ایجاد می شود، اما اگر قبلاً برخی از طرح ها را ایجاد کرده باشید، ممکن است متوجه شوید که از دوره بیشتر بهره می برید. همچنین باید بدانید که چگونه از برخی نرم افزارهای طراحی استفاده کنید. من Figma را توصیه می‌کنم، اما Adobe XD، Invission Studio، Sketch یا نرم‌افزارهای مشابه نیز مشکلی ندارند.
این دوره با در نظر گرفتن طراحان ایجاد شده است، اما ممکن است برای توسعه دهندگان فرانت اند یا صاحبان محصول نیز جالب باشد.
ارتفاع خواندن ایده‌آل را برای یک تایپ فیس محاسبه کنید
مرحله 1
یک تایپ را انتخاب کنید و مطمئن شوید که روی رایانه شما نصب شده است. مقدار جنبه (اندازه x-height در مقایسه با ارتفاع کلی) را شناسایی کنید. می‌توانید از وب‌سایتی مانند این http://clagnut.com/sandbox/font-size-adjust-ex.html برای کمک به یافتن سریع آن استفاده کنید.
مرحله 2
4.7 را بر مقدار ابعاد تقسیم کنید تا کوچکترین ضلع ممکن را برای خوانندگان ماهر بدست آورید.
7 را بر مقدار ابعاد تقسیم کنید تا ضلع قابل خواندن ایده آل را بدست آورید.
9.4 را بر مقدار ابعاد تقسیم کنید تا بیشترین اندازه را برای خوانایی بدست آورید.
مرحله 3
یکی از اندازه های قبلی را انتخاب کنید سوال و:
برای طراحی دسکتاپ همانطور که هست نگه دارید
تقسیم بر 1.5 برای طراحی iPad
تقسیم بر 2 برای طراحی طراحی آیفون
درس ها Lessons
-
ارتفاع خط Line Height
-
مشاهده فاصله Viewing Distance
-
طول خط Line Length
-
مقدمه Intro
-
خوانایی Readability
-
خلاصه Summary
-
نسبت تصویر Aspect Ratio
-
متن بزرگ Large Text
-
چگونه می خوانیم How We Read
-
بومی سازی Localization
https://donyad.com/d/ecbb
Rob Sutcliffe
طراح و توسعه دهنده UI
نمایش نظرات