پیش می‌ریم توی بخش طراحیمون
موضوع بعدیمون درباره border-radius هست
و به طور کلی گردی
حالا ممکنه به نظر برسه border-radius
یه جزئیات کاملاً کم‌اهمیته
اما در واقع کاملاً مهمه
چون میزان border-radius ای
که به المان‌هامون میدیم
تأثیر زیادی روی جدی بودن
یا بازیگوش بودن هر طراحی داره
پس همونطور که قبلاً اینجا همون اول اشاره کردم
می‌تونیم از border-radius استفاده کنیم
تا اساساً بازیگوشی و شادی طراحی رو افزایش بدیم
با کم‌جدی‌تر کردنش همزمان
پس اینجا همونیه که تازه گفتم
پس هرچی border-radius کمتر داشته باشیم
یه طراحی می‌تونه جدی‌تر یا شیک‌تر درک بشه
از طرف دیگه
اگه border-radius زیادی به المان‌هامون اضافه کنیم
اونوقت اون طراحی خودکار
بازیگوش‌تر و شادتر به نظر میاد
و پس فکر کنم می‌تونید با این واقعیت موافق باشید
که این طراحی سمت راست خیلی بیشتر بازیگوش
و خیلی کمتر جدی به نظر میاد نسبت به اون یکی سمت چپ
حالا البته عوامل دیگه‌ای هم هستن
که توی اون درک نقش دارن
مثل تایپوگرافی و رنگ‌هایی
که سمت چپ استفاده شدن
ولی با این حال border-radius هنوزم
یه جزء خیلی مهمیه که می‌تونیم ازش استفاده کنیم
تا هر طراحی رو کم‌جدی‌تر به نظر بیاریم
یا از طرف دیگه اگه به سادگی ازش استفاده نکنیم
می‌تونیم یه طراحی رو جدی‌تر یا شیک‌تر به نظر بیاریم
حالا برای اینکه در واقع میزان border-radius رو انتخاب کنیم
یه شاخص خوب فونت انتخابیه
پس فونتی که انتخاب می‌کنید
از قبل یه گردی خاصی داره
و پس می‌تونید یه جورایی
Border-radius رو با اون گردی هماهنگ کنید
مثلاً توی این طراحی دقیقاً اینجا
فونت کاملاً گرده
و پس ما اون گوشه‌های گرد روی عکس رو داریم
دکمه رو هم کاملاً گرد داریم در واقع
و بعد حتی اون آیکون‌ها رو هم داخل دایره پیچیدیم
و با انجام این کار
طراح اینجا واقعاً گردی زیادی اضافه کرده
به کل طراحی نه فقط توی فونت
بلکه توی این المان‌های طراحی دیگه هم
و بنابراین اون خیلی از ظرافت رو از بین می‌بره
و ما رو همه یه ذره بازیگوش‌تر می‌کنه
و در آخر روز هم دعوت‌کننده‌تر
حالا از طرف دیگه این فونت خیلی جعبه‌ای رو داریم
که در واقع inter هم هست
پس همونی که توی پروژه خیلی کوچیک فعلیمون استفاده کردیم
و پس توی این مثال
طراح فقط یه ذره border-radius اضافه کرده
به این دکمه‌ها تا هنوزم
یه ذره بازیگوشی به طراحی اضافه کنه
حالا بعدی بیایید درباره اینکه
کجا در واقع می‌تونیم از border-radius استفاده کنیم حرف بزنیم
و اولین المان‌هایی که بیشترین استفاده رو از border-radius می‌کنن
میگم دکمه‌ها هستن
و روی دکمه‌ها این گزینه رو داریم که
فقط یه مقدار کم border-radius اضافه کنیم
فقط کافی که یه جورایی لبه‌های تیز رو از بین ببریم
یا از طرف دیگه
می‌تونیم دکمه‌ها رو کاملاً گرد کنیم
مثل این سه تای اول اینجا
یا حتی می‌تونیم از یه ذره خلاقیت استفاده کنیم
و فقط بعضی از گوشه‌ها رو گرد کنیم
و بقیه رو با لبه تیزشون بذاریم
حالا یه کاندید عالی دیگه عکس‌ها هستن
پس کاملاً متداوله که از border-radius
روی عکس‌ها استفاده کنیم مثل اینکه اینجا می‌بینیم
و اگه این رو به حد افراطی ببریم
می‌تونیم اونها رو هم کاملاً گرد کنیم
مثل چیزی که اینجا توی وسط داریم
بعد دور آیکون‌ها هم کاملاً متداوله
و اینجا دوباره اون دو گزینه رو داریم
که فقط یه ذره گردشون کنیم
پس اساساً لبه‌شون رو بگیریم
و بعد مثل چیزی که قبلاً هم بهتون نشون دادم
می‌تونیم آیکون‌ها رو کاملاً محصور کنیم
داخل یه دایره
بعدی border-radius روی بعضی بخش‌ها هم استفاده میشه
که می‌خوایم برجسته بشن
پس یه ذره شبیه سایه هم
و در نهایت همچنین بعضی المان‌های تصادفی دیگه
همیشه می‌تونن از یه ذره border-radius استفاده کنن
پس اینجا فقط چند تا المان بیشتره که پیدا کردم
وقتی داشتم برای دوره تحقیق می‌کردم که از یه مقداری border-radius
به این یا اون شکل استفاده می‌کنن
و پس امیدوارم این مثال‌ها بتونن کمکتون کنن
که یه الهامی پیدا کنید البته همراه با
همه اون یکی‌هایی که توی این درس بهتون نشون دادم
و در واقع همین برای این درس کافیه
پس توی یکی بعدی
حالا یاد می‌گیریم چطور در واقع border-radius رو
با استفاده از CSS اعمال کنیم