طراحی فلت چیست؟ مبحث دوم

طراحی فلت چیست؟ مبحث دوم

(آپدیت ۲۰ تیر ۱۳۹۵)

سلام دوستان.

با طراحی فلت چیست؟ مبحث دوم در حضورتونیم.

دیدم واقعا اون مقاله طراحی فلت پر مخاطب بوده پس بیشتر توضیح میدم براتون 🙂

 

سایه های مخصوص فلت!

خب گفتیم که توی فلت سایه ممنوعه ، اما یه سبک سایه زدن وجود داره که اصلا سایه نیست! اما سایه به نظر میاد 🙂

نمونه:

طراحی بنر رایگان

 

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

برای دیدن آموزش:

آموزش ساخت سایه بلند برای متن

 

اصول طراحی سایت به صورت فلت

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

  • تا حد امکان از عکس استفاده نکنیم! چون فلت یعنی سادگی ، اگه عکس اضافه کنیم هم سایت سنگین میشه هم اینکه سادگی خاصشو از دست میده! بنابر این تا حد امکان از css استفاده میکنیم. (مقاله های css مارو بخونید)
  • از رنگ های خیلی متفاوت هم استفاده نکینم!و هم اینکه از رنگ های یکدست هم پرهیز کنیم! یعنی تعادل ، مثلا عنوان پست رو قرمز کنیم ، متنش آبی ، مطالب رو زرد و… خب اینطوری دقیقا باعث میشه کاربر کلید های Ctrl-W استفاده کنه! (لطفا اینجا امتحانشون نکنید 🙂 )
  • خیلی شلوغش نکنید! من خودم به شخصه وقتی میرم یه سایت که برای همه جاش از آیکون های متحرک استفاده کرده ، به هرچیزی که توسایت گذاشته افکت داده ، transition های خیلی طولانی داده و… اصلا خوشم نمیاد و مطمئن هستم که خیلی کاربرا هم اصلا نمیپسندن.
  • فونت آیکون ها! سعی کنید از فونت آیکون ها استفاده کنید که یه تحول بزرگ در زمینه طراحی سایت بودند. مثلا همین آیکون های سایت خودمون!
  • فعلا تا همین حد کافیه ، نمیخوام زیاد نصیحت کنم 🙂
حتما ببینید:   آموزش ساخت بکگراند زیبا برای بنر

 

همیشه رنگ های فلت رو دم دستتون ، توی تولبار مرورگر داشته باشید!

رنگ های فلت…

رنگ های فلت رو به شخصه به ۲ دسته تقسیم میکنم:

  • رنگ های UI فلت
  • رنگ های فلت

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

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

تفاوت این دوتارو ببینید:

سلام من یک رنگ UI فلت هستم!

سلام من یک رنگ عادی هستم!

 

واقعا رنگ فلت اول به آدم آرامش میده. ولی دومی چشم رو میزنه!

(دانلود پک رنگ فلت برای فتوشاپ)

 

طراحی فلت چیست؟ مبحث دوم

امیدوارم لذت برده باشید.

 آریا مقصودی – آریاگراف

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

نظر بدهید

ایمیل شما منتشر نمیشود

نام خود را بنویسید

مثال: example@gmail.com

مثال: www.apci.ir

در اینجا پیام خود را بنوسید