وبلاگ

طراحی تخت، یک الگوی تازه جهت طراحی وب!

در 7 جولای، 2013 توسط

طراحی کار پیچیده‌ای محسوب میشود، کاری که هرکسی قادر به انجام آن نیست، البته به صورت کامل! چه در طراحی وب، چه در طراحی هنری و چه در دیگر حوزه‌های طراحی، یکی از مهمترین اصول، ساختار پایه طرح به حساب می‌آید. و در طراحی وب، دقت در قرار دادن اجزای صفحه به شکلی کاربر پسند و دقیق و منظم، یکی از مهمترین اصول طراحی وب است. در برنامه‌نویسی هم شاهد این اصول هستیم، اصولی که ساختار پایه برنامه را تشکلی میدهند، رفتار و اطلاعات را سر هم و سپس نمایش میدهند، به این ساختار چه در برنامه‌نویسی و چه در طراحی، به زبان لاتین «Design Pattern»(دیزاین پترن) گفته میشود. هر کس میتواند دیزاین پترن خاص خود را داشته باشد و از آن فقط در کارهای خود استفاده کند. اما دیزاین پترن‌هایی هم وجود دارند که به صورت عمومی از آن‌ها استفاده میشود.

flat

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

microsoft flat

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

اگر علاقه دارید نمونه‌های تکی از طراحی تحت رو ببینید، پیشنهاد میکنم به گالری جمع‌آوری شده توسط مجله DesignModo در گیت‌هاب مراجعه کنید! برای دیدن نمونه وبسایت‌هایی که با این الگو طراحی شده اند میتوانید به اینجا یا اینجا مراجعه کنید!

اگر نوشته‌ای که خواندید مفید بود، آن را با دوستانتان به اشتراک بگذارید:

دیدگاه‌ها/سوالات کاربران

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

سلام من شخصا خیلی این شیوه طراحی رو دنبال می کنم. ولی عده ای از دوستانم یک سری نظرات منفی درباره این الگو دارند . مثلا:کسانی که خلاقیت لازم را در طراحی گرافیکی ندارند از این الگو استفاده می کنند. یا کسانی که علاقه ای به نوشتن استایل خاص برای نسخه های IE ندارند از این الگو استفاده می کنند چون از گوشه های گرد خبری نیست و دستورات اضافی مثل webkit – moz – و . . . نمیخواد چون توی همه مرورگر ها یکسان نشون داده میشه. خوبی این شیوه طراحی اینه که به خاطر سادگی در رنگ بندی نمای زیبایی در طراحی های واکنش گرا به قالب میده.

    سلام،
    استفاده درست از یک فضای ساده، خودش یک خلاقیت به حساب میاد 😉
    موفق باشید.

سلام.
ممنون از مطلب خوبتون. کاش به نوع عکس های به کار رفته و فونت ها هم اشاره می کردید.
در واقع تیپ طراحی تخت (مسطح) ریشه در سادگی دارد و زیر بنای آن سادگی است.

    سلام،
    بله درسته، این الگو از پایه برای ترویج طرح‌]های مینیمال طراحی شده و هدفش هم همین خواهد بود،
    ممنون به خاطر نظرتون،
    موفق باشید.

عملا حرفی نزدی رضای عزیز! گویا تجربه ای نداشتی… و فقط یک چیزی شنیدی

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

سلام دوست عزیز
سوالم ربطی به محتویات این پست نداره فقط چون آخرین پستتون بود اینجا کامنت میزارم
در پیج فیس بوکم از برنامه Rss Graffiti استفاده میکنم
ولیکن متاسفانه ظرفیت برنامه تکمیل شده
یعنی فول شده و دیگه مطالب رو منتشر نمیکنه
آیا راهی برای خالی کردن محتویات پیج هست
و یا راهی برای ریستارت مجدد برنامه Rss Graffiti ؟
ممنون میشم اگر پاسخ بدید
موفق باشی..

    در جریان نیستم که میشه این کار رو کرد یا نه.

    باید به اکانت پرو سوییچ کنی
    رایگانش فقط ۳۰۰ پست در ماه میده

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

من هم واقعا به این طراحی علاقه خاصی دارم چون به سبک مورد علاقم یعنی مینیمال مربوط میشه 🙂

سلام ..
مطلب بسیار مفیدی بود ..
ممنون

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

یاهو‏ ‏هم‏ ‏داره‏ ‏کم‏ ‏کم‏ ‏داره‏ ‏تغییر‏ ‏میکنه‏ ‏به‏ ‏سبک‏ ‏قلت
البته‏ ‏من‏ ‏خودم‏ ‏یه‏ ‏دیزاین‏ ‏پترن‏خاص‏ ‏دارم‏ ‏که‏ ‏هم‏ ‏قلت‏ ‏هست‏ ‏هم‏ ‏سبک‏ ‏قدییمی

نمونه بسیار خوبی در مقاله معرفی کردید ، بابت منابع ممنون

iOS۷ هم به همین نوع از طراحی سوق دارد.

اطلاعات مفیدی بود. ممنون.
این سبک کار دارای نظمی هست که برام جذابه. ترجیحش میدم…

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

طراحي فلت اولين بار توسط مايكروسافت و به نام مترو معرفي شد ؟ يعني شركت اپل طرح ios 7 رو از مايكروسافت برداشته ؟

    البته طراحی فلت از دهه ۱۹۲۰ در استایل های تایپوگرافیک در کشورهایی مثل آلمان و روسیه متولد شد و در دهه ۱۹۵۰ هم با سوئیس استایل به شهرت رسید. اما در طراحی نرم افزاری و طراحی سیستم عامل اولین بار مایکروسافت بود که در ویندوز سون موبایل طراحی فلت رو سر زبون ها انداخت.

شما چه دیدگاهی دارید؟

    لطفا نکات زیر را در نظر داشته باشید:

  • لطفا دیدگاه/سوال خود را با زبان و کی‌برد فارسی ارسال کنید
  • لطفا از تبلیغ مستقیم وب‌سایت خود خودداری کنید
  • نظراتی که با چیزی به جز نام ارسال شده باشند تایید نخواهند شد حتی اگر مفید باشند

در خبرنامه ایمیلی فرنیان عضو شوید

هر هفته یک ایمیل، شامل محتواهایی که باید در زمینه بازاریابی بخوانید!

در خبرنامه ایمیلی فرنیان عضو شوید

هر هفته یک ایمیل، شامل محتواهایی که باید در زمینه بازاریابی بخوانید!