سفارش تبلیغ
صبا ویژن

به کارگیری طراحی فلت (Flat)

 

به کارگیری از طراحی فلت (Flat)

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

 

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

 

مقررات طراحی فلت
شما در طراحی فلت حق به کار گیری از سایه را ندارید.

در طراحی فلت نباید متن یا هر جزء دیگری را برجسته (bevel) یا تو رفته کرد.

میشه بیان کرد این دوتا مهم ترین قانون ها هستن اما قطعا بخش زیر رو هم بخونید.

استفاده از فونت های عادی، و ترجیها باریک بدون stroke یا out fill

به کار گیری از آیکون هایی هماهنگ با رنگ طرح

استفاده از رنگ هایی نزدیک به هم، به طوری که رنگ ها ناگهان عوض نشوند.

استفاده نکردن از رنگ تدریجی یا gradient

تلاش فرمایید از پترن ها در حد امکان استعمال نکنید و بجای اونها از رنگ های فلت به کارگیری کنید.

محیط را کاملا مالامال نکنید! بذارید کمی فضای خالی توی طرح وجود داشته باشه! و…

در تحت چندین مورد از ویژگی های مهم و اساسی این سبک رو به شما یادآور خواهم شد.

استفاده نامحدود از رنگ ها

عدم استفاده از رنگ های جیق و براق

استعمال از آیکن های تخت یا Flat

به کارگیری از تصاویر گرافیکی تخت یا Flat

به کار گیری بهینه از فضاها در طرح گرافیکی و رعایت فواصل مناسب برای المنت ها

استفاده از فونت های خوشگل و عموما رسمی با بعد ها بزرگ و قابل روءیت کرد.

عدم استفاده از Gradient و استعمال 100% از رنگ های تخت

عدم استعمال از بافت یا Pattern

عدم استعمال از Border های ضخیم

عدم استعمال از سایه های نرم


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

فلت و رنگ های آن

البته از سایت های دیگه ای هم میتونید در انتخاب رنگ به کارگیری فرمائید:
flatcolorsui

سایت flatcolorsui کمک به انتخاب رنگ

flatcolors

رنگ بندی ها درسایت flatcolors

 

مزایا ساخت سایت فلت
کاربر پسند بودن: روان بودن سایت و استعمال از رنگبندی جذاب در طراحی وب سایت فلت کاربران را بسیار مشتاق میکند تا دوباره به سایت برگشته و از اطلاعات آن استعمال کنند.
سرعت بالای وبسایت فلت: تارنما های فلت به دلیل به کار گیری بسیار کم و در بعضا مواقع بدون به کارگیری از آیتم های سه بعدی دارای حجم پاره ای می‌باشند و در نتیجه سرعت بارگذاری بالایی دارا هستند.
محبوبیت برای موتورهای جستجو: موتورهای جستجو به دلیل سبک بودن وبسایت فلت محبوبیت خاصی به آن داده اند.
استفاده از آیکن های فلت به جذابیت سایت شما می افزاید: این آیکن ها را می توانید در برخی از تارنما های اینترنتی که منبع ساخت وب سایت فلت می‌باشند پیدا نمائید.
طراحی سایت ریسپانسیو: با فاکتورهای طراحی وب فلت بسیار ساده است و برای کاربر نیز جذابیت بیشتری دارااست.

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

 

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