طراحی تخت: تاریخچه، مزایا و کاربرد عملی طراحی تخت: گذشته، حال و آینده تاریخچه طراحی تخت

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

اپل با ارائه دیروز سیستم عامل جدید موبایل، iOS 7، سرانجام رشد سریع محبوبیت این روند را تایید کرد و به طور سنتی برخی از طرفداران خود را خوشحال کرد، اما با نارضایتی قابل توجهی در بین کاربران و طراحان با تجربه مواجه شد. موضوع چیه؟ کاربرد این طرح تخت چیست و آیا واقعاً دنیا به آن نیاز دارد؟ تصمیم گرفتیم به کارشناسان اوکراین و خارج از کشور مراجعه کنیم.

از آنها خواستیم به سه سوال اصلی پاسخ دهند:

  • چرا جهان شروع به حرکت به سمت طراحی مسطح در وب و موبایل کرد و چیست؟
  • این چه چیزی به اپل و iOS 7 می دهد.
  • چگونه این روی طراحان از یک سو و کاربران از سوی دیگر تأثیر می گذارد.

دنیس سودیلکوفسکی، کیف
متخصص طراحی تعامل، تولید کننده Prodesign.in.ua

«اثر آونگی» در پیش‌بینی آینده در این واقعیت آشکار می‌شود که اگر در موردی دو افراط وجود داشته باشد، بشریت از یک سو به سوی دیگر می‌چرخد. این بدون شک برای طراحی سیستم های تعاملی صادق است. وب مسطح و غیر جالب ابتدایی در یک زمان به دکمه های مبتنی بر وب حجیم تغییر کرد. تجسم های رابط به اوج واقع گرایی خود رسیده اند و آونگ در جهت مخالف در حال پرواز است - تخت و ساده.

اپل از این چه چیزی به دست خواهد آورد؟ جایگاه خود را در روند و صدها هزار نظر حفظ خواهد کرد که iOS آنها بسیار شبیه به اندروید است.

طراحان باید تکامل یابند (و در مورد اینکه چه زمانی طراحی تخت به مهندسی مکانیک می‌آید و ماشین‌های تخت به ما می‌دهد شوخی نکنید :). وقتی دکوراسیونی وجود نداشته باشد، تمام کار شامل ایجاد یک روحیه با محتوای یک سناریوی خاص با کاربر است. این حرفه بیشتر و بیشتر با کارگردان مشترک خواهد بود تا با هنرمند. برعکس، کاربران تجربیات جدید و برداشت های جدید دریافت می کنند. من شخصاً به مدت 4 سال طرفدار آیفون بودم، اما بهار امسال گوشی خود را به تنها دلیل به اندروید تغییر دادم - از ایده آل بودن یکنواخت رابط اپل خسته شده بودم.

دانیل بروس، استکهلم
خلاق دیجیتال ارشد، danielbruce.se

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

چرا وب و موبایل به سمت طراحی مسطح حرکت کند؟ روشی که من می بینم این است که فقط یک روند است. من هرگز مقالاتی در مورد مزایای طراحی مسطح در رابط های کاربری ندیده ام و هنوز به آن متقاعد نشده ام. طراحی ساده و واضح - بله، اما این همان "مسطح" نیست. به عنوان مثال به گوگل نگاه کنید. آنها طرح‌های کاملاً مسطح انجام نمی‌دهند، آنها - و من با این نکته موافقم - هنوز نیاز به عمق و تنوع را می‌بینند.

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

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

همانطور که برای کاربران عادی، آنها رنگ های روشن را دوست دارند.

ایوان کلیمنکو، کیف
طراح رابط موبایل، 5tak.com

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

عصر باهاوس در دهه 20-30 سهم بزرگی در طراحی به ارمغان آورد، اما همچنان، سفتی و مصنوعی بودن تون نمی‌توانست در برابر میل و میل درونی افراد به وجود در احاطه شده توسط چیزهای طبیعی‌تر مقاومت کند.

سپس در دهه 60 همه شروع به تحسین پلاستیک کردند.

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

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

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

اولسیا گریچینا، کیف
طراح UI در Componentix، twitter: elendiel

من فکر می کنم که طراحان تا حد زیادی تحت تأثیر تعداد زیادی ابزار با اندازه ها و رزولوشن های مختلف صفحه نمایش قرار گرفته اند - با این همه تنوع، ایجاد طرحی بدون بافت، سایه های پیچیده که به درستی نور را در نظر می گیرند و غیره آسان تر است. آنها بیشتر به این فکر کردند که «چگونه آن را برای کاربر راحت‌تر کنیم» تا «چگونه زیبا نقاشی کنیم». محتوا نکته اصلی است و در کار ما مهم است که آن را به بهترین شکل ممکن ارائه کنیم.

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

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

پاول گروزیان، کیف
طراح محصول در MacPaw، grozyan

"سیب! آ-ها-ها بس کن! - طراحان فریاد می زنند. - هورا، راحت تر شد. کاربران شعار می دهند." و در نگاه اول، حق با آنهاست، اما اگر عمیق‌تر بگردید، متوجه می‌شوید که هزاران شی وجود دارد که برای مدت طولانی فقط در سناریوی استفاده، سپس در شکل، سپس در رنگ و تنها پس از آن تفاوت داشتند. در جزئیات هنری، زمانی را به یاد می‌آورم که همه این افراد در پروفایل‌های LinkedIn خود می‌گویند که UX، UI Designer، وب‌سایت‌های سبک و سبک مانند Apple را کپی می‌کردند تمام کار آنها کپی بود، زیرا هیچ مفهوم توسعه یکپارچه و مناسبی برای همه وجود نداشت آن را اختراع نکردند و ده سال قبل از عصر دیجیتال در حوزه نشر شکل گرفت.

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

اخیراً سبک خاصی در طراحی وب سایت ها و رابط های کاربری محبوبیت زیادی پیدا کرده است که به دلیل سبک سازی عناصر آن، Flat نامیده می شود.

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

امروزه طراحان بیشتر و بیشتری از این روند در کار خود استفاده می کنند، اما سبک Flat با گسترش سیستم عامل های مدرن موبایل ویندوز فون و iOS 7 محبوبیت خاصی پیدا کرده است، زیرا آنها پیرو این روند هستند، اگرچه به آن پایبند نیستند. آن را به طور کامل

شرکت ما قبلاً در ایجاد وب سایت به سبک Flat تجربه دارد و ما خوشحال خواهیم شد که به شما در ایجاد یک وب سایت تخت کمک کنیم!

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

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

1. تمام جلوه ها را حذف کنید

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

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

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

2. از عناصر ساده استفاده کنید

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

3. روی تایپوگرافی تمرکز کنیم

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

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

می توانید یک فونت ساده sans-serif را با فونت جدیدی ترکیب کنید که به عنوان یک عنصر هنری درک می شود. فونت‌ها باید به طراحی ساده‌تر و واضح‌تر کمک کنند، در حالی که دکمه‌ها و سایر عناصر فقط باید در جهت افزایش تعامل باشند.

4. با رنگ توجه را جلب کنیم

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

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

5. مینیمالیسم

طراحی تخت ماهیت ساده ای دارد و به خوبی با رویکرد مینیمالیستی مطابقت دارد.

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

لازم به ذکر است که برخی از عکس‌ها دارای عمق طبیعی هستند، اما به طور کلی در سطح کلی طراحی قرار می‌گیرند.

تخت - طراحی (طراحی تخت) یک سبک محبوب در طراحی وب سایت ها و رابط ها و همچنین سیستم عامل ها است که از ویژگی های بارز آن سادگی، پیچیدگی و مینیمالیسم است. طراحی مسطح در سال 2010 به عنوان مخالف اسکومورفیسم محبوبیت پیدا کرد.

اسکئومورفیسم- یک زیور فیزیکی یا عنصر طراحی که از شکل یک شی دیگر کپی شده، اما از مواد مختلف یا با استفاده از روش های مختلف ساخته شده است. نمونه‌ها عبارتند از سفال‌هایی که با پرچ‌های بدلی تزئین شده‌اند تا شبیه گلدان‌های فلزی مشابه باشند، یا تقویم رایانه‌ای که ظاهر صفحات منگنه‌شده تقویم رومیزی کاغذی را تقلید می‌کند (تعریف از ویکیپدیا).

محبوبیت سبک مسطح در طراحی با انتشار سیستم عامل ویندوز 8 از مایکروسافت به سبک مترو و همچنین iOS 7 تسهیل شد که در آن اپل نیز سبک مسطح را انتخاب می کند. پس از این است که دوران واقعی طراحی تخت آغاز می شود. به زودی، سرویس‌ها و برنامه‌های جستجوی بزرگ - گوگل، یوتیوب - به طراحی Flat تغییر می‌کنند، بسیاری از سایت‌ها که از اصول سبک مسطح در طراحی خود استفاده می‌کنند. در سال های اخیر، طراحی تخت پیشرو در روند طراحی وب سایت جهانی بوده است.

مزایای طراحی تخت

  1. عملی بودن- استفاده از طراحی مسطح به شما امکان می دهد تعداد سبک ها، اسکریپت ها و انیمیشن ها را به حداقل برسانید، که به سایت اجازه می دهد سریعتر بارگذاری شود.
  2. سازگاری آسان- طراحی مسطح برای انطباق با وضوح های مختلف صفحه به اندازه کافی آسان است.
  3. راحتی در استفاده- به لطف سبک ساده شده، درک اطلاعات در سایت برای کاربران آسان تر است.
  4. زیبایی- بی طرفی خارجی و طراحی های ساده به شما امکان می دهد روی طرحی تمرکز کنید که واقعاً شما را جذب می کند.

5 اصل طراحی وب سایت تخت

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

1 - استفاده از اشیاء دو بعدی

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

2 - آیکون ها و اشیاء ساده

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

3 - فونت های ساده در سبک طراحی

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

4 - بازی رنگ ها

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

5 - مینیمالیسم

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

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

نمونه های طراحی تخت

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

نسبتاً اخیراً چنین جهت طراحی مانند طراحی FLAT یا طراحی مسطح رایج شده است.

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

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

FLAT – طراحی دارای ویژگی های زیر است:

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

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

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

استفاده از آیکون های خلاقانه آموزنده

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

زمانی محبوب ترین گرایش در طراحی وب سایت وب 2.0 بود. اکنون جای آن با طراحی FLAT گرفته شده است. مد عادت دارد به گذشته های فراموش شده برگردد تا چیز جدیدی از آن بسازد. چه کسی می داند چه زمانی طراحی FLAT از مد می افتد، اما در حال حاضر از سادگی، هماهنگی و محتوای اطلاعاتی روند فعلی لذت ببرید. به هر حال، طراحی تخت قبلاً در دهه 80 محبوب بود، اما پس از آن به دلیل ویژگی های فنی و ناتوانی در نمایش سایه ها و گرادیان ها بود. و اکنون اکثر شرکت های پیشرو فناوری اطلاعات به طراحی Flat روی آورده اند.

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

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

(بازدید شده 2,333 بار، 1 بازدید امروز)

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

چگونه آیکون های تخت نکشیم

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

مثال فقط رنگ‌های روشن است که با یکدیگر مطابقت ندارند + نمادهای با کیفیت پایین (مثال را از یک مجموعه پولی گرفتم، اما تقریباً همیشه فریلنسرها از آیکون‌های بارگیری رایگان از مجموعه‌های مختلف استفاده می‌کنند که با یکدیگر همخوانی ندارند).

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

نمونه ای از آیکون های مسطح خوب:

رنگ ها و نمادها نه تنها باید با یکدیگر ترکیب شوند، بلکه باید یک کل واحد را تشکیل دهند.

مشکلات طراحی تخت با کیفیت پایین

1. ناوبری و قابلیت استفاده

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

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

2. کف پای صاف بلند

صفحات 3-4 صفحه نمایش به سمت پایین کشیده می شوند و از فضا نه تنها به مقدار کم استفاده می شود، بلکه برعکس، مقدار زیادی "هوا" اضافه می شود. در عین حال، هیچ انگیزه بصری برای اسکرول وجود ندارد - بدون تراشه، بدون انیمیشن. اینکه چگونه توسعه‌دهندگان برنامه‌ریزی کرده‌اند که بازدیدکنندگان را به پایین کشیدن صفحه علاقه‌مند کنند، مشخص نیست. از این گذشته، در مقایسه با سایت‌هایی که همه چیز جمع و جور است، سایت‌های پارچه پا به انرژی زیادی برای حرکت ماوس در کل صفحه و اسکرول نیاز دارند.

3. دکمه های گیج کننده

در سایت های مسطح، عناصر فعال دیگر مشخص نیستند. با ظهور طراحی تخت، دکمه ها نیز صاف شدند. اما تصویر بصری دکمه از یک دکمه فیزیکی واقعی می‌آید، و سایه‌ها و گرادیان‌ها فقط نشان می‌دهند که «حتماً می‌توانید اینجا کلیک کنید».

4. آیکون های ضعیف کشیده شده است

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

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

5. تمرکز بر محتوای نادرست

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

  • متن به صورت تصادفی ارائه شده است. مشخص نیست لهجه ها چگونه در آن قرار گرفته اند، به چه چیزی بچسبند و چه چیزی فرعی است.
  • هیچ طراحی به این صورت وجود ندارد. جداول، لیست‌های گلوله‌دار، سرفصل‌ها، اعلان‌ها اغلب اصلاً ایجاد نمی‌شوند.
  • متن اغلب خالی هیچ تصویر یا نمادی برای پشتیبانی بصری از بلوک های متنی وجود ندارد. در نتیجه، تأکید نه بر گرافیک و نه بر متن، بلکه بر خود «سبک» است. در عین حال، شرکت و پیشنهادات آن از بین می رود.

پس آیا اصلا طراحی مسطح برای وب سایت ها ضروری است؟

همه چیز با طراحی رابط های تلفن های هوشمند روشن است - سبک، بدون بار، آسان برای استفاده. اما با طراحی وب سایت به سبک فلت، من شخصاً یک سوال بزرگ دارم: آیا اصلاً مؤثر است؟

اکثر مشتریان کیفیت گرافیک را درک نمی کنند و هنگام تایید طراحی وب سایت، سلیقه شخصی خود (پسندیدن/نپسندیدن) را هدایت می کنند. و در اینجا مد نقش دارد.

طراحی وب سایت تخت می تواند جالب باشد. ولی! یک طراحی جالب نیاز به طراحی واقعاً با کیفیت بالا از قابلیت استفاده و عناصر گرافیکی و وجود ویژگی ها و جلوه های خلاقانه دارد. و اگر در طراحی غایب باشند، اگر سایت ها فاقد اصالت باشند، یکنواخت، خالی و خسته کننده به نظر می رسند. به طور کلی، این چیزی است که اکنون در اکثر سایت های روسی موجود است.

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

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



 

شاید خواندن آن مفید باشد: