ویرگول
ورودثبت نام
سید حسین حسینی
سید حسین حسینی
خواندن ۲ دقیقه·۶ ماه پیش

نگاه استیو جابز به تو

نیم نگاهی به سبک(Bento) ترند این روزا، و مورد علاقه اپل

طراحی رابط کاربری Bento را معمولاً با ویژگی‌هایی مانند سادگی، کارآمدی، و سازگاری با دستگاه‌های مختلف توصیف می‌کنند. این ویژگی های طراحی معمولاً برای ایجاد تجربه کاربری یکپارچه و کارا در برنامه‌ها و وب‌سایت‌ها به‌کار می‌رود. در این مقاله به طور اجمالی به بررسی این سبک خواهیم پرداخت.

تاریخچه بنتو (یک بسته بندی ژاپنی)

Bento Box
Bento Box

بنتو (به ژاپنی: 弁当 べんとう Bento) به غذا قابل حمل ژاپنی است که تاریخچه آن به دوران باستان برمیگردد،جعبه های بنتو جایگاه دیرینه ای در فرهنگ ژاپنی دارند. آنها به عنوان یک گزینه غذایی مناسب و متعادل شناخته شده اند.

شاید بتوان گفت که ساختار اصلی این سبک برگرفته از این غذای ژاپنی است، اما باید بگویم که چیزی که باعث معروفیت این سبک شده بخشی از ویدیوهای تبلیغاتی اپل در ارائه مشخصات مک M2 و لندینگ پیج iphone 14 pro بود.

Iphone 14 pro
Iphone 14 pro
MacBook
MacBook


اجزای تشکیل دهنده این سبک

شاید به ظاهر این سبک تشکیل شده از چند باکس ساده در یک صفحه باشد، اما در واقعیت ریزه کاری بیشتر از این حرفهاست :)

همه چی در جعبه است

تا الان باید متوجه شده باشید که قرار نیست که آبجکت های ما همینطوری وسط صفحه قرار بگیرند و باید داخل یک باکس باشند. (ممکنه چندین باکس در یک باکس مادر قرار بگیرد اگر که لازم داشت)

فواصل و گیرید(layout grid)

برای اینکه این بخش رو متوجه بشید اول لازمه که مفهوم فضای سفید رو با هم درک کنیم.

  • فضای سفید(white space)

در طراحی رابط کاربری، فضای سفید یا "فضای منفی"، به فضای خالی میان عناصر طراحی و طرح‌بندی صفحه، بین پاراگراف‌ها، تصاویر، دکمه‌ها، آیکون‌ها و موارد دیگر در صفحه وب، اشاره می‌کند. دو نوع فضای منفی وجود دارد، فضای منفی میکرو و ماکرو. به بیانی ساده فضای ماکرو، فضای بین اجزای بزرگ‌تر در طرح است و میکرو فضای بین اجزای کوچک‌تر و درون آن‌ها است.(مقاله تکمیلی)


فضای سفید در بنتو : ایجاد فواصل های بیش از حد معمول و ایجاد یک فضای منفی گسترده تر از ویژگی های این سبک طراحی هست که به کاربر اجازه تنفس بیشتری میدهد. با توجه به اینکه از باکس های متعدد در این سبک استفاده خواهد شد باید توجه بسیاری به ایجاد یک فضای تنفس نسبتا گسترده به کاربر بدیم


تایپ فیس (اصطلاحا فونت)، فوت کوزه گری

ما به دنبال ایجاد هارمونی باید از منطقه امن خودمون در طراحی بیرون بیایم، با استفاده از فونت هایی که از لحاظ بصری جذاب هستن به ساخت این هارمونی در طرح خودمون کمک کنیم!


نمونه ها رو حتما بببیند!

آیفون 14 پرو

بولت

Linear

Chronicle

The Craftsmen

Nev Flynn

Iconwerk

Traf

Bento


باتشکر از نگاه شما ❤️

رابط کاربریتجربه کاربریفضای خالی
User interface and User experience. Living in Mashhad✨. My dream is an easier life for humans. See a sample of my work and stay in touch with me: https://redl.ink/SeyedHosseini
شاید از این پست‌ها خوشتان بیاید