شروع کار با طراحی تخت


وب سایت هایی با طراحی تخت جالب و جذاب هستند و در چند سال اخیر به ترند تبدیل شده اند. در دیدگاه طراحی تخت باید از طرح های پیچیده که تحت تاثیر گرادیان ها، سایه ها و همه این گونه طرح ها قرار می گیرند، خداحافظی کنیم. روند طراحی مسطح یک سبک طراحی در حال ظهور است که از اشکال و آیکون های تخت استفاده می کند. اساسا استفاده از مستطیل، حلقه ها، مثلث ها و دیگر اشکال با عدم وجود عناصر طراحی دیگر مانند سایه ها و شیب ها مطرح است. مایکروسافت در سیستم عامل های خود، مخصوصا سیستم عامل جدید خود ویندوز 8 ، طراحی تخت را رونق داد.

وب سایت نمونه-تخت-02

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

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

تغییرات فیس بوک -flat

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

1.عدم عمق
2.استفاده از عناصر ساده
3.فن چاپ
4.رنگ
5.مینیمالیسم

skeumorphic-04
عمق در طراحی
عمق اکنون در روند طراحی جدید مرده است. بر خلاف روندهای طراحی قبلی که در آن سایه، خطوط و شیب ها جان مایه سبک بود. سبک طراحی جدید تخت بیشتر بر روی طرحی ساده ی 2 بعدی تمرکز می کند. این فلسفه طراحی مسطح کاملا با طراحی اسکای مورفیسم مخالف است که در آن تصاویر برای شبیه سازی واقعیت، رنگ های عمیق و استفاده از یک شیء واقعی تایید دارد. وب سایت ها و برنامه های طراحی شده Skeuomorphistic معمولا تصاویر پس زمینه ای دارند که واقعی هستند. همراه با بافت های که در دنیای واقعی استفاده می شوند.

skeumorphic-design -flat02

یک نمونه خوب مقایسه iOS6 طراحی و نسخه های قبلی iOS است. طراحی های اولیه یک تقلید از شیء واقعی هستند. استفاده از تصاویر کامپیوتری 3d، استفاده از شیب، بافت، bevels و embosses برای به حداکثر رساندن ظاهر تصویر به دنیای واقعی است.


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

-icon-flat-01

وقتی نماد F را در یک مربع آبی قرار می گیرد، به راحتی فیس بوک را در ذهن شما تداعی می کند. وقتی نماد آیکن دنده را می بینید، به راحتی می توانید حدث بزنید که این یک منوی تنظیمات است. هنگامی که شکل یک دیسکت را می بینید، به طور خودکار می دانید که این نماد ذخیره است. یا وقتی یک نامه بزرگ زرد M که در یک پس زمینه قرمز قرار دارد، همیشه مفهوم مک دونالد است.

typograph-sample

تایپوگرافی در طرح های تخت

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

رنگ در طراحی تخت
همانطور که در آموزش های تایپوگرافی قبلی ذکر شد، رنگ مهم است. اساسا رنگ تمام احساسات سایت یا صفحه شما را تعیین می کند. در طراحی تخت، بهتر است از رنگ های شاداب استفاده کنید. می توانند به راحتی با رنگ های متضاد دیگر أن را تکمیل کنند . این رنگها به طور معمول # e65d5d یا # c43434 (برای قرمز)، # 7dc692 یا # 508b61 (برای سبز)، # dfbc42 (برای زرد) و # 3498db برای آبی هستند. Flatuicolors.com راهنمای خوبی برای این کار است. البته در استفاده از زرد روشن، سبز زرد نئون، بنفش و نارنجی روشن و قرمز روشن اجتناب کنید.

رنگ پالت برای تخت طراحی
مینیمالیسم
مینیمالیسم هنر طراحی صفحه شما در اصول طراحی تخت است. این اصل از مجلات و رسانه های چاپی گرفته شده است که فضاهای سفید بیشتر از متن موجب جلوه گری بیشتر می شود. بسیاری از عناصر غیر ضروری را دور بریزید و کاربران را تحت تأثیر قرار دهید. کمتر : بیشتر است.

sample-typography -flat