طراحی مهندسی ، یعنی تکنیک های مبتنی بر علم برای ایجاد سیستم های تعاملی راضی کننده
طراحی وب به سبک مینیمالیست و بروتالیست
امروزه فراگیر شدن سبک طراحی مینیمال در اغلب طرح ها باعث یکنواختی بصری شده است ، بروتالیست آمده تا با بی رحمی قوانین زیبا شناختی و بصری را بشکند و در واقع محیط زیبای وب را به هویت اصلی وب و همان ظاهر قبلی برگرداند و تا حدودی توسط طراحان مطرح دنیا مورد استقبال قرار گرفته است .
سایت های زیادی در روند زندگی ما تاثیر میگذارند ، سایت هایی که مجبور به استفاده هستیم و سایت هایی که ناخواسته جذب و تبدیل به تغییر سبک زندگی ما میشوند که با ماهیت های مالی بانکی ، اجتماعی ، شغلی و حرفه ای و تفریحی در دسترس هستند .
ولی من دارم به این نتیجه میرسم که کم کم طراحی و محتوای اغلب سایت ها در حال تکراری ، بیهوده و کسل کننده است
تولد وب سایت ها
تولد وب از سال 1991 که اولین وب سایت منتشر شد آغاز شد ، انقلاب اینترنت با اولین وب سایت های آن آغاز شد که منحصراً مبتنی بر متن با استفاده از نسل اول HTML بودند.
پس از توسعه وب سایت های مبتنی بر متن زمان آن رسید که تصاویر و رنگ اضافه شود .
نرم افزار فلش آمد و خیلی سریع فراگیر شد که با فراگیر شدن سریع این نرم افزار ،سایت های متحرک که مطمئناً همه آنها را به خاطر می آورید ارائه شد .
توسعه CSS (Cascading Style Sheets) همراه شد و به توسعه دهنگان وب امکان کنترل رنگ پس زمینه، اندازه متن و سبک های متن در کد را داد.
جاوا اسکریپت منوهای کشویی، پیمایش و فرم های وب را با بررسی خطا در اختیار ما قرار داد. در ابتدا، هیچ کس نمی دانست «طراحی وب» واقعاً به چه معناست، و پیشگامان وب الگوهای طراحی را با آزمون و خطا ایجاد کردند.
طراحان و توسعه دهندگان اولیه وب از جداول و ساختار های سطری و ستونی که توجه کمی به معناشناسی و کاربردپذیری داشتند و در عوض زیباییشناسی را به آن ترجیح میدادند.
استفاده از جداول تودرتو، و تصاویر تکرار شوند و یا فاصله دهنده نامرئی 1 پیکسلی به آنها توانایی ایجاد طرح بندی های پیچیده تر و چند ستونی را می دادند.اکثر وب سایت های خبری و وب سایت های وابسته به محتوای متنی جهت دسته بندی محتوای نمایشی خود با این متد توسعه و ارائه می شدند .
در اواسط سال 2000 وب سایت ها تولدی تاثیر گذار در رابطه با کاربرد پذیری و دسترسی پذیری را تجربه نمودند . نوار پیمایش در بالای مرورگر شما بود و دستهها در نوار سمت چپ و یا بصورت منو شده قرار گرفتند.
صفحات وب کوتاه و باریک نگه داشته می شدند و محتوا در بسیاری از صفحات پخش می شد تا کاربران مجبور به اسکرول نشوند.
طراحان یاد گرفتند که چه چیزی کارآمد است و شروع به ساختن سایت های بهتر، ایجاد استانداردها و بهترین شیوه ها در طول مسیر طراحی کردند.
با گزینههای بیشتر ، مطالب بیشتر و...، و استفاده از سبک های مینیمال نمایش محتوا الویت بندی شد و محتوا با الویت نمایش بالا در صفحه اصلی طراحی و ارائه میشد .
طراحی وب مینیمالیست
چه قواعدی در طراحی مینیمال اثر بخش است
- استفاده صحیح از رنگ ها
- حذف محتوای کم ارزش
- تمرکز روی محتوایی که حداکثر توجه را نیاز دارند
- حذف نویز های طراحی
- استفاده مطلوب از فضای سفید
- طراحی بصری سفارشی سازی شده از عنوان و یا شعار
چندین نمونه از وب سایت های مینیمال
مزایای طراحی مینیمالیستی
رویکرد طراحی مینیمالیستی بیشتر از ظاهر ساده آن مورد توجه قرار گرفته است.
درک ما از رفتارهای کاربر، فرآیندهای تفکر طراحی، و ظهور فرآیندهای طراحی به پیشبرد این سبک کمک کرده است.
رشد گسترده اخیر کاربران تلفن همراه با تمرکز بیشتر بر UX و قابلیت استفاده، یک نقطه شتاب قوی به سمت مینیمالیسم بوده است.
با توجه به اینکه کاربران در حال حاضر همیشه در حال استفاده از اینترنت هستند و به نوعی دسترسی به اینترنت همه گیر شده است ، طراحان محصول باید بر ارائه آنچه که در شرایط لحظه ای کاملاً ضروری است تمرکز کنند
اساسی ترین ویژگی استفاده از موبایل است که اکنون بیش از نیمی از بازدیدکنندگان وب را تشکیل می دهد و این میزان در آینده افزایش خواهد یافت.
طراحی ریسپانسیو یک تغییر دهنده بوده و طراحان را وادار کرده است «متفاوت فکر کنند». امروزه بیش از هر زمان دیگری، طراحی واکنشگرا یا تطبیقی یک ضرورت در دنیای موبایل است، جایی که رویکرد طراحی مینیمالیستی از اهمیت حیاتی برخوردار است.
برای یک کاربر معمولی، مینیمالیسم احتمالاً ساده ترین چیز برای طراحی به نظر می رسد. دستیابی به تعادل کامل با استفاده از حداقل محتوای بصری و تنها تمرکز بر عناصر اساسی با نهایت ظرافت در واقع بسیار بسیار دشوار است.
آینده مینیمالیسم
ما باید مینیمالیسم را به عنوان یک مفهوم جاودانه در نظر بگیریم که ظرافت و پیچیدگی را با هم ادغام می نماید . اگرچه مینیمالیسم بی انتها و کلاسیک است، اما همانطور که قبلاً از زمان اجرای آن در آغاز قرن بیستم دیدهایم، تکامل و بهبود خواهد یافت. برای مثال، طراحی متریال گوگل یکی از اولین تحولات عمده در رویکرد طراحی «مسطح» الهام گرفته از مینیمالیسم بود. طراحان گوگل همه چیز را ساده و مینیمالیستی نگه داشتند، اما زبان طراحی خود را با استفاده از جلوه های سایه و مفاهیم حرکت و عمق تقویت کردند. مواد شامل طراحی مسطح با پیچ و تاب خاص است: تقلید از مواد دنیای واقعی.
طراحی وب بروتالیست
در طراحی وب بروتالیست ،قاعده طراحی بر پایه خشونت و یا ری اکشن های امروزی نسل جوان است .بر خلاف مینیمالیست ناهمواری و عدم نگرانی برای راحت یا آسان به نظر رسیدن طرح صفحات وب وجود دارد .
برخی این سبک از طراحی را دوست دارند و برخی از آن متنفرند، و بسیاری دیگر به سادگی آن را درک نمی کنند
به عنوان مثال سایت Craigslist را تصور نمایید
نمای بصری این سایت از نظر زیبایی شناسی خوشایند نیست و هرگز در www.awwwards.com نمایش داده نمی شود. متن سیاه، لینک های آبی، پس زمینه سفید. زیبا نیست ولی کار می کند و واقعاً خوب کار می کند. آنچه را که برای خرید یا فروش نیاز دارید، بدون هیچ سر و صدا و هیاهو و بدون هیچ گونه محتوای متحرک اضافی پیدا می کنید.
این سایت از زمان تأسیس ود در سال 1996 محبوبیت خود را با وجود ضعف در زیبایی حفظ نموده است و طراحی در بیش از 20 سال گذشته به هیچ وجه تغییر نکرده است.
چند نمونه از وب سایت ها با سبک بروتالیست
وبسایتهایی با سبک بروتالیست به طور گستردهای در حال جذب هستند. چرا این وب سایت ها به طور ناگهانی اینقدر محبوب شدند؟ آیا به این دلیل است که برخی از طراحان از همگن سازی وب خسته شده اند؟ در روزهایی که طراحی UX از اهمیت اولیه برخوردار است، ، UX در این سایتها عمدا بد است . برخلاف اصول مینیمالیسم، در این طرحها طراحی پیچیده و بدون هارمونی محتوا وجو دارد .
تاریخچه مختصری از بروتالیسم
سبک طراحی بروتالیستی جدید نیست. یک جستجوی سریع در ویکی پدیا به شما می گوید که این سبک در واقع از معماری بروتالیستی دهه 1950 تا اواسط دهه 1970 سرچشمه می گیرد. خنده دار است که بروتالیسم توسط جنبش معماری مدرنیستی دنبال شد که در آن مینیمالیسم کلیدی بود. لوکوربوزیه یکی از بزرگترین پیشگامان این جنبش بود. زندگی حرفه ای او پنج دهه با ساختمان های طراحی شده در اروپا، ژاپن، هند و آمریکای شمالی و جنوبی ادامه داشت. این اصطلاح از کلمه فرانسوی "brut" به معنای "خام" گرفته شده است، همانطور که لوکوربوزیه انتخاب خود را از ماده "béton brut"، بتن خام توصیف کرد. به نظر میرسید که طراحی بیش از حد کارکردگرا فقط برای ارائه سودمندی - نه برای خشنود کردن - طراحی شده است.
طرحهای بروتالیست ظاهر و زیبایی را کاملاً رد میکنند و کارکرد را به زیبایی ترجیح میدهند.
طراحان بروتالیست به اجرای طرح ها با حداقل تلاش و ارزان ترین مواد موجود افتخار می کنند تا به نتیجه صادقانه تر دست یابند.
بروتالیست در عصر دیجیتال
بلومبرگ این سبک را به شیوه خود برای سایت خبری خود طراحی نموده است. طراحی تقریباً شیک است و به وضوح محتوای خام ولی کاربردی است.
طراح پیر باتین با مجموعهای از برنامههای موبایلی که بازطراحی شدهاند، بروتالیستی را به حد افراطی رسانده است. باتین در جدیدترین پروژه خود با عنوان طراحی مجدد Brutalist، فیس بوک، اینستاگرام، توییتر و سایر برنامه های محبوب را به سبک بروتالیستی با چیدمان های متنی سنگین و طرح های مسطح ارائه می کند.
بروتالیسم در مقابل مینیمالیسم
بروتالیسم و مینیمالیسم را نباید به صورت مقایسه ای دید، بلکه باید به عنوان روشی جدید برای دیدن محتوا و رویکرد دیگری در طراحی نگاه کرد.
بروتالیسم فشاری علیه همگن سازی سایت ها و برنامه های امروزی است، اما قبل از اینکه طراحان حتی بتوانند طراحی وب سایتی را با استفاده از رویکرد بی رحمانه شروع کنند، ابتدا باید بدانند که چه قوانینی را زیر پا می گذارند.
طراحی سنتی و مینیمالیستی قرار نیست با بروتالیسم جایگزین شود.
ما باید به بروتالیسم به عنوان یک فرهنگ طراحی نگاه کنیم که وضعیت موجود را به چالش می کشد - فرهنگی که از گفتن "بهترین" خسته شده است.
هنگام انتخاب بین این سبک ها برای پروژه بعدی شما هیچ درست یا غلطی وجود ندارد. با این وجود، قبل از اتمام و طراحی وب سایت یا برنامه بعدی خود به سبک طراحی بی رحمانه، مطمئن شوید که مخاطبان خود را می شناسید؟
اگر فکر می کنید شرکت و مخاطبان شما از آن استقبال می کنند، ریسک کنید.
طراحی وب بروتالیست توجه را به خود جلب می کند و آگاهی از برند به سرعت در حال رشد است.
قوانین برای شکستن ساخته شده اند.
جرأت کنید اجازه دهید وب وب شود. جرات کنید برجسته شوید و کمی جسور باشید، حتی اگر کمی عجیب باشد.
منبع :https://www.toptal.com/designers/ux/minimalist-brutalist-web-design
مطلبی دیگر در همین موضوع
SSR: پایان کابوس بارگذاری صفحات خالی از محتوا در React ،Vue.js و AngularJS
مطلبی دیگر در همین موضوع
اصطلاحات بنیادین طراحی تایپ و تایپوگرافی- تایپ فیس و فونت
افزایش بازدید بر اساس علاقهمندیهای شما
دلیل سفید شدن صفحه تلویزیون چیست؟ بررسی کامل