نکاتی در مورد طراحی وب مسطح (Flat Web Design)


نکاتی در مورد طراحی وب مسطح (Flat Web Design)

نکاتی در مورد طراحی وب مسطح (Flat Web Design)


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




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




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



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

طرح های مسطّح در طراحی وب
بهترین راه برای الهام گرفتن، بررسی و مشاهده سایت ها، برنامه ها و ابزار مربوط به طراحی مسطّح می باشد. در این جا 5 نمونه عالی از طراحی وب مسطّح را به شما معرفی می کنیم:

1. Built by Buffalo
"Built by Buffalo" یک کمپانی طراحی وب است که زیبایی طراحی مسطّح را در بر دارد، ولی برای نمایش قابلیت هایش، آن را قابل سفارشی کردن کرده است. ظاهر کلّی چیزی نیست که هر روز در دنیای طراحی وب مسطّح مشاهده کنید، زیرا شامل تصاویر و اشکال جالب نیز هست.




2. Hundreds
"Hundreds" نمونه کامل و بی نقصی از طراحی مسطّح می باشد که برای تلفن همراه مفید است. Hundreds اساساً یک بازی موبایل است که وب سایت زیبایی هم دارد. واقعیتی که درمورد آن وجود دارد این است که آیکن های مسطّح، متحرّک نیز هستند و تنها از دو رنگ استفاده می کنند که تن ها و شدت های مختلفی دارند.




3. کیت واسط کاربری Polaris
قبلاً در مورد DesignModo صحبت کردیم؛ آن ها یک کیت ارائه داده اند. "Polaris" کیتی است که ظاهر Windows 8 را شبیه سازی می کند و فقط بک گراند تیره تری دارد. هم چنین دارای اجزائی است که از ساختار و اجزاء اصلی پیروی کرده ولی لزوماً عملکرد و کاربردهای آن ها را ندارند.




4. کیت واسط کاربری مسطّح توسط Freepik
اکنون مدتی است ایده طراحی مسطّح را در ذهنم تصوّر کرده ام؛ بنابراین تصمیم گرفتم آن را امتحان کنم. از آن جایی که در گذشته تجربه ای در این زمینه نداشته ام، از کیت Freepik کمک می کنم که تمام ابزار اساسی، اجزاء واسط و گراف ها را برای طراحان ارائه می دهد. قطعاً متوجه استفاده باذوق از طراحی مسطّح در این برنامه خواهید شد.




5. SumAll
از آن جایی که ممکن است شما در زمینه بازاریابی اینترنتی فعالیت داشته باشید، "SumAll" ابزاری است که با نظارت بر داده ها، علم تجزیه و تحلیل و پیگردی جمعی به شما کمک خواهد کرد. ولی این همه چیز نیست؛ "SumAll" علاوه بر این که نرم افزار مهمی برای طراحان وب و فروشنده هاست، کلکسیون زیبایی از آیکن ها و اجزاء مسطّح را ارائه می دهد که به محض ورود به سایت، با شما در تعامل هستند.




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