طراحی فلت چیست؟

طراحی فلت چیست؟

با سلام خدمت دوستان گرامی.

امروز با پست طراحی فلت چیست؟ در خدمت شما عزیزانیم.

 

آخرین آپدیت:  ۱۶ خرداد ۱۳۹۵

 

طراحی فلت چیست؟

طراحی فلت بنوعی طراحی گفته میشه که رنگ های خاص خودشو داره ، آیکون های خاص ، محدودیت های خاص و همینطور یه شعار خاص!

در واقع فلت یعنی سادگی در عین زیبایی.

همه چیز سادست اما همین سادگی باعث زیبایی کار میشه.

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

در پایین بیشتر با این سبک نوین آشنا میشیم.

قوانین طراحی فلت:

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

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

میشه گفت این دوتا مهم ترین قوانین هستن اما حتما بخش پایین رو هم بخونید!

 

قوانینی که توصیه میشود: (آپدیت ۱۶ خرداد ۹۵)

  • استفاده از فونت های ساده ، و ترجیها باریک بدون stroke (یا out fill)
  • استفاده از آیکون هایی هماهنگ با رنگ طرح
  • استفاده از رنگ هایی نزدیک به هم ، به طوری که رنگ ها ناگهان عوض نشوند
  • استفاده نکردن از رنگ تدریجی یا gradient
  • سعی کنید از پترن ها در حد امکان استفاده نکنید ، و بجای اونها از رنگ های فلت استفاده کنید
  • فضا را کاملا پر نکنید! بذارید کمی فضای خالی توی طرح وجود داشته باشه!
  • و…

آیکون های فلت:

فلت هم آیکون های خاص خود را دارد اما استفاده از این آیکون ها اجباری نیست و میتوانید از آیکون های غیر فلت هم بهره ببرید اما ما آیکون های مخصوص رو پیشنهاد میکنیم چون رنگبندی زیبا و ساده دارن.

حتما ببینید:   معرفی سایت بسیار محبوب آیکون فایندر

آیکون های فلت رو میتونید از این سایت تهیه کنید. وقتی وارد سایت شوید یک نوار جست و جو میبینید که در اون موضوع مورد نظرتونو سرچ کنید، مثلا بنویسید game و نتایج به این شکل خواهد بود.

اما اگر آیکون های با کیفیت و حرفه ای تری لازم دارید سایتwww.iconfinder.com بیشتر توصیه میشه.

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

نمونه چند آیکون فلت:

طراحی فلت چیست طراحی فلت چیست طراحی فلت چیستIllustration of Mobile Flat Circle Icon over Red

 

رنگ های فلت:

میتونید رنگ های فلت رو از این سایت دریافت کنید. وقتی روی هر رنگ کلیک کنید کد رنگ در حافظه کلیپ برد ذخیره میشود و کد رنگ را در هرجایی که لازم دارین جایگذاری (paste) کنید.

جدید (۱۶ فروردین ۹۵)

اگر براتون سخته  که همش برید توی سایت کپی کنید و برگردید میتونید این پنل که اختصاصی ساخته آریاگراف هست رو دانلود کنید.(اینجا کلیک کنید)

انواع کاربرد:

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

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

امیدوارم مورد استفادتون قرار گرفته باشه

آریا مقصودی

اشتراک این مطلب در تلگرام.

نظر شما چیه؟

  1. atefe.sh گفته:

    سلام با تشکر از پست های خوبتون لطفا چند سایت فلت را هم معرفی کنید.

  2. مصطفی گفته:

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

    • Aria-Admin گفته:

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

  3. Mohammad Shakori گفته:

    سلام
    به چیزی که میگی مطمئنی؟ من که میگم اشتباه می کنی!
    آخه این کلمات رو غلط نوشتی :d
    سبط آیون past
    موفق باشید

    • سلام همشون اشتباه تایپی هستن :دی ویرایش شدن
      سبط = سبک آیون = آیکون و باز هم :دی

  4. hossein گفته:

    با عرض سلام
    تشکر از مدیریت سایت بابت مطالب آموزنده و ارزشمند