logo
  • گرافیک سایت

ویژگی های طراحی فلت یا تخت چیست؟

سبک طراحی فلت یا طراحی تخت یکی از سبک هاییست که طی چند سال اخیر وارد طرح های فارسی شده است و مدت هاست توسط طراحان خارجی در جهان مورد استفاده قرار میگیرد این سبک یکی از علمی ترین سبک های طراحی وب سایت است که به مواردی توجه میکند که در سبک های قدیمی تر مثل کلین ، فانتزی و کلا رئالیسم مورد اهمیت قرار نمیگرفته است.

طراحی تخت یا Flat فلت امروزه در گرافیک سایت (صفحات وب) و اپلیکیشن های موبایل استفاده می شود این سبک طراحی که سادگی فراوانی دارد باعث میشود که سرعت لود در وب سایت و اپلیکیشنهای موبایل بیشتر شود و کاربران سریعتر به موضوع مورد نظر خود دسترسی پیدا  کنند زیرا عکسها و دکمه های ساخته شده در طراحی ها هر کدام یک تصویر حساب میشود و حجم مخصوص به خود دارند برای مثال سایتی را در نظر بگیرید که یک تصویر بزرگ در صفحه با حجم 60k و ده دکمه هر کدام با حجم 20k داشته باشد پس این وب سایت در کل 260k وزن دارد حالا اگر همین طرح به صورت فلت طراحی شود و از رنگها استفاده کند چون رنگ هیج حجمی ندارده حدود 200k سرعت بالاتری در لود شدن صفحات پیدا خواهد کرد.

ویژگی های اصلی طراحی تخت یا Flat چیست ؟

ویژگی و هدف اصلی در استفاده از سبک طراحی فلت ، پیاده سازی و رعایت دقیق اصول کاربردپذیری ، دسترسی پذیری و معماری محتوا و اطلاعات به شکلی کاملا بهینه و پایدار است به گونه ای که طراحی دقیقا بر اساس نیاز کاربران و ترتیب اهمیت مطالب پایه ریزی می گردد.

نکات اساسی در طراحی تخت یا فلت :

  • استفاده راحت و نامحدود از رنگ ها
  • استفاده از هارمونی رنگها لایت و ملایم
  • بهرگیری از آیکن ها و المانهای تخت (تخت یعنی بدون نور و سایه کاملا دو بعدی)
  • استفاده از تصاویر دوبعدی و تخت
  • استفاده بهینه از فضاها در طرح گرافیکی و رعایت فواصل مناسب برای المنت ها
  • فونت های زیبا و عموما رسمی با ابعاد بزرگ و قابل دید
  • عدم استفاده از Gradient و استفاده ۱۰۰% از رنگ های تخت
  • عدم استفاده از بافت یا Pattern
  • عدم استفاده از Border های ضخیم
  • عدم استفاده از سایه های نرم
  • استفاده از افکتهای جی کوئری و حرکتی در گرافیک سایت

در زیر یک نمونه از طراحی فلت یا تخت و یک نمونه معمولی را قرار داده ایم تا مفهوم را به درستی درک کنید :

نمونه سایت فلت :

طراحی فلت

نمونه طراحی معمولی :

طراحی غیر فلت

طراحی فلت

این مـــــطالب را حتمــــــا بخــوانید ( برای مشاهده مطلب لطفا روی آن کلیک کنید) :

نوشته‌های تازه