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

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

flat

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

microsoft flat

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

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

این نوشته را به اشتراک بگذارید:

۲۱ دیدگاه

  1. وبتینا گفت:

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

  2. محمد هادی گفت:

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

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

  4. امیر گفت:

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

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

  5. امیر گفت:

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

  6. M.Abooali گفت:

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

  7. معین گفت:

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

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

  9. saeed گفت:

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

  10. montuno7 گفت:

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

  11. علی گفت:

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

  12. امیر گفت:

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

  13. ماریا گفت:

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

  14. alireza گفت:

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

  15. اپل گفت:

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

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

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

قوانین

۱- لطفا از دیدگاه‌ها برای تبلیغ مستقیم سایت خود استفاده نکنید.

۲- دیدگاه‌‌هایی که در بخش نامشان، کلمه کلیدی به کار رفته باشد تایید نخواهند شد.

برای اطلاعات بیشتر قوانین کاربری را بخوانید


آخرین نوشته‌های یک ادمین را در ایمیلتان دریافت کنید

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