2010 मध्ये विंडोज फोन प्लॅटफॉर्मवर सादर केल्यापासून "फ्लॅट डिझाईन" क्रांतीला गती मिळत आहे. हे का समजणे कठीण नाही: या डिझाइनसह इंटरफेस अधिक अंतर्ज्ञानी दिसते, अनुकूली घटकांसाठी, आधुनिक फ्रेमवर्कसाठी योग्य आहे आणि योग्यरित्या अंमलात आणल्यास आकर्षक दिसते.
सपाट डिझाईन सर्वव्यापी स्क्युओमॉर्फिक शैलीच्या काउंटरवेट म्हणून सुरू झाले, परंतु तेव्हापासून ते "पर्याय बी" पेक्षा बरेच काही बनले आहे.

सुरुवातीला, सपाट केवळ द्विमितीय होता आणि मिनिमलिझमवर पूर्ण लक्ष केंद्रित केले होते. आधुनिक फ्लॅट 2.o हे "जवळजवळ सपाट" दिसण्यासाठी छाया, ग्रेडियंट आणि इतर घटक वापरते.

5 आधुनिक फ्लॅट डिझाइनचे वैशिष्ट्यपूर्ण घटक:

1. लांब सावल्या
इंटरफेसला आकर्षक बनवणाऱ्या मिनिमलिस्टिक आयकॉन तपशीलांचा त्याग न करता लांब सावल्या प्रतिमांमध्ये खोली आणि परिमाण जोडतात.

2. डायनॅमिक रंग
उत्साही रंगांसह, विशेषत: हलक्या शेड्ससह विरळ दृश्यांना पूरक करणे सोपे आहे.
घटकांच्या मूळ रंगाच्या उलट भिन्न पार्श्वभूमी रंग टाइल केलेल्या मेनूसह पृष्ठास अधिक चैतन्यशील बनवतात.
फ्लॅट UI कलर्स वेबसाइटमध्ये फ्लॅटसाठी सर्वात प्रभावी रंग नमुने आहेत.

3. साधी टायपोग्राफी
फ्लॅटमधील फॉन्टची निवड एका निकषावर आधारित आहे: वाचनीयता. स्थिर स्ट्रोक रुंदी असलेले Sans serif फॉन्ट सामान्यत: वापरले जातात.

4. पारदर्शक बटण
आधुनिक वेब डिझाइनमधील ट्रेंडिंग घटकांपैकी एक. याचे कारण असे आहे की ते जास्त लक्ष वेधून घेत नाही, परंतु एक बटण म्हणून स्पष्टपणे ओळखण्यायोग्य आहे.

5. मिनिमलिझम
समान तत्त्वे वापरून सपाट आणि मिनिमलिझम हातात हात घालून जातात: साधेपणा आणि सामग्री फोकस.
असे दिसते की फ्लॅट डिझाइन वापरणे हा एक सार्वत्रिक उपाय आहे, परंतु मिनिमलिझम अंमलात आणणे कठीण आहे: कमी कार्यरत घटक, त्यांना अधिक लक्ष देणे आवश्यक आहे.

फ्लॅट डिझाइन कितीही छान वाटले तरी ते तुमच्या साइटसाठी काम करेल याची कोणतीही हमी नाही. जागतिक रीडिझाइनची योजना करणे योग्य आहे की नाही हे पाहण्यासाठी त्याचे मुख्य फायदे पहा.

फायदे:
प्रतिसाद इंटरफेस मध्ये वापरले;
वापरकर्त्यासाठी नेव्हिगेशन सुलभ करते;
स्पष्ट रचना आणि योजनाबद्ध व्हिज्युअल पृष्ठाच्या अंतर्गत तर्कावर जोर देतात;
ग्राफिक्सच्या साधेपणामुळे पृष्ठांचे जलद लोडिंग;
परिचित टायपोग्राफी वाचनीयता सुधारते.

सपाट डिझाइन हे सर्व साधेपणा आणि मिनिमलिझम बद्दल आहे, जे दुसरीकडे दृष्यदृष्ट्या जटिल संदेश व्यक्त करणे कठीण करते. म्हणून, इंटरफेस सुलभ करण्यासाठी आपण घाई करण्यापूर्वी, आपण साइट आणि वापरकर्ता यांच्यातील परस्परसंवादाचा काळजीपूर्वक विचार केला पाहिजे.

ट्रेंडच्या वेब डिझाइन बुकवर आधारित.

कोण मोबाइल अॅप्लिकेशन्स आणि वेबसाइट्स विकसित करतो, आमच्यासाठी एक कॉलम लिहितो आणि फ्लॅट आणि मटेरियल डिझाइनबद्दल सर्वकाही त्याच्या जागी ठेवले.

सर्वसाधारणपणे, फ्लॅट डिझाइन आणि मटेरियल डिझाइनमधील फरक सूक्ष्म आहे. ग्राफिक डिझाईनचे सखोल ज्ञान नसलेल्या व्यक्तीला ते खरोखरच सारखे वाटू शकतात. या लेखात मी त्यांच्यातील काही फरकांवर "प्रकाश टाकण्याचा" प्रयत्न करेन. डिझायनरच्या नाजूक स्वभावाला चुकून इजा होऊ नये म्हणून आपल्याला आवश्यक असलेले अतिरिक्त ज्ञान प्राप्त होईल.

थोडा इतिहास

दोन सर्वात लोकप्रिय डिझाइन ट्रेंडमधील फरकांबद्दल बोलण्यापूर्वी, ते कोठून आले ते शोधूया. एक मत आहे की मटेरियल डिझाइन फ्लॅटच्या आधारे तयार केले गेले आहे. मग फ्लॅट डिझाइन कुठून आले?

स्क्युओमॉर्फिझम

जेव्हा वापरकर्ता इंटरफेस आणि वेब डिझाइनचा विचार केला जातो, तेव्हा स्क्युओमॉर्फिज्मची संकल्पना एका दृष्टिकोनाचा संदर्भ देते ज्याची मुख्य कल्पना अनुकरण आहे. जास्त तपशिलात न जाता, Apple चे प्री-iOS 7 इंटरफेस त्यांच्या “वास्तववादी पोत, प्रकाशयोजना आणि बॉम्बेस्टिक इफेक्ट्स” सह लक्षात ठेवूया.

डिजिटल वस्तूंना त्यांच्या वास्तविक-जगातील समकक्षांसारखे बनवण्याचा प्रयत्न डिव्हाइससह वापरकर्त्याच्या परस्परसंवादाची सोय करण्याच्या गरजेमुळे प्रेरित झाला. खरं तर, हेच कारण आहे की वास्तववादी टेक्सचरसह सर्व इंटरफेस अनेक वर्षांपासून डिजिटल जगावर वर्चस्व गाजवत आहेत. Skeuomorphic डिझाइन वापरकर्त्यांना वास्तविक जगातून डिजिटलमध्ये अखंडपणे संक्रमण करण्यात मदत करण्याचे उत्तम काम करते.

तथापि, मोबाइल तंत्रज्ञानाच्या वाढीसह, हळूहळू प्रामुख्याने सोयी आणि वापर सुलभतेवर लक्ष केंद्रित करण्याची गरज निर्माण झाली आहे. सहमत आहे, या क्षेत्रात विविध उपकरणांवरून प्रवेश करण्यायोग्य मोबाइल सोल्यूशन्स तयार करण्याची गरज लक्षणीयरीत्या वाढत आहे. आणि या क्षणी, साधेपणा नवीन डिझाइन मानक बनते.

टीप: कोणत्याही परिस्थितीत स्क्युओमॉर्फिझम पूर्णपणे नाहीसा झाला आहे असे समजू नका. गेममध्ये याचा मोठ्या प्रमाणावर वापर केला जातो जेथे वास्तववादी जग निर्माण करणे आवश्यक असते आणि गेम प्रक्रियेत खोलवर मग्न होण्यासाठी खेळाडूंना त्यांचे पात्र अनुभवण्यास मदत होते.

फ्लॅट डिझाइन

ही शैली कोणत्याही त्रिमितीय वस्तूंपासून पूर्णपणे विरहित आहे. साधारणपणे सांगायचे तर, फ्लॅट डिझाइनमध्ये ड्रॉप शॅडो, टेक्सचर, ग्रेडियंट्स यांसारख्या शैलीत्मक घटकांचा अभाव आहे, परंतु फॉन्ट आणि रंग आणि चिन्हांच्या खेळाकडे लक्ष दिले जाते. पण हे सर्व का आवश्यक होते? उत्तर सोपे आहे.

प्रथम, सपाट डिझाइन पृष्ठ लोड होण्याचा वेळ लक्षणीयरीत्या कमी करते. "जड" स्क्युओमॉर्फिक तपशीलांची अनुपस्थिती (विचार करा: स्तर, सेरिफ फॉन्ट, ग्रेडियंट्स) सपाट डिझाइन घटकांना "हलका" बनवते, ज्यामुळे लोडिंग वेळा लक्षणीयरीत्या वाढतात. शिवाय, उच्च आणि कमी रिझोल्यूशन दोन्ही स्क्रीनवर सपाट घटक तितकेच आकर्षक दिसतात.

दुसरे म्हणजे, साध्या प्रतिमा तपशीलवार चित्रांपेक्षा तुमची कल्पना वापरकर्त्यांपर्यंत जलद पोहोचवू शकतात: त्या रेखाटलेल्या आहेत आणि त्यामुळे समजण्यास अगदी सोप्या आहेत.

आणि, अर्थातच, तुलनेने साध्या फॉन्टसह सपाट चिन्हे वापरकर्त्यांचे लक्ष खरोखर महत्त्वाच्या सामग्रीकडे निर्देशित करू शकतात.

आज, फ्लॅट डिझाइनला योग्य मान्यता मिळाली आहे, परंतु तरीही त्यात समस्या आहेत. अशा समस्यांचे सर्वात स्पष्ट उदाहरण म्हणजे मायक्रोसॉफ्टद्वारे विंडोज 8 चे प्रकाशन. ही ऑपरेटिंग सिस्टीम फ्लॅट डिझाइनची अग्रणी मानली जाते आणि मेट्रो डिझाइनच्या संकल्पनेला समर्थन देते. समस्या निर्माण झाल्यामुळे कंपनीने स्वतः ग्राफिक्सपेक्षा टायपोग्राफीकडे अधिक लक्ष देणे आवश्यक मानले.

NN ग्रुपने घेतलेल्या Windows 8 च्या उपयोगिता चाचणीच्या परिणामांवरून असे दिसून आले आहे की वापरकर्त्यांना क्लिक करण्यायोग्य वस्तूंपासून नॉन-क्लिक करण्यायोग्य वस्तू वेगळे करण्यात अडचण येत होती. वापरकर्त्यांनी तक्रार केली की स्थिर दिसणाऱ्या वस्तू प्रत्यक्षात क्लिक करण्यायोग्य होत्या. परिणामी, कंपनीचे मुख्य उद्दिष्ट - वापरकर्त्यांना सिस्टमचे अचूक अर्थ लावण्यास मदत करणे - अयशस्वी झाले.

आणखी एक कंपनी जी अनेकदा फ्लॅट डिझाइनशी संबंधित असते ती म्हणजे Apple. 2013 मध्ये रिलीझ झालेल्या मोबाइल ऑपरेटिंग सिस्टम iOS 7 मधील स्क्युओमॉर्फिक डिझाइन घटकांपासून ते दूर गेले. या वेळी संक्रमण थोडे चांगले प्राप्त झाले, मुख्यतः कंपनीने वापरकर्ता इंटरफेस संकल्पना पूर्णपणे अद्यतनित करण्याचा प्रयत्न केला नाही, परंतु सपाट डिझाइनमध्ये काही बदल केले. यामुळे वापरकर्त्यांना ऑपरेटिंग सिस्टीम आणि वेबसाइट्सवरील त्यांच्या मागील अनुभवावर अवलंबून राहून उत्पादन वापरण्याची अनुमती मिळाली.

साहित्य डिझाइन

आत्ताच स्पष्ट होऊ या: मटेरियल डिझाइन हे उत्स्फूर्त डिझाइन ट्रेंडपेक्षा ब्रँडेड उत्पादन आहे ज्याने व्यापक स्वीकृती मिळवली आहे. हे मुख्यतः त्याच्या सपाट डिझाइनमधून वेगळे करते.

डिझाईन सामग्रीला “ब्रँडेड” असे संबोधून, मला असे म्हणायचे आहे की त्यात स्पष्टपणे परिभाषित शिफारसी आणि तत्त्वे आहेत ज्यांचे पालन प्रत्येक स्वाभिमानी डिझायनर करतात. Google ने त्याचे मटेरियल डिझाइन का सादर केले हे अगदी स्पष्ट आहे: डिझाइन एकत्र करणे आवश्यक होते जेणेकरून अनुप्रयोग अनेक Android डिव्हाइसेसवर सारखे दिसतील.

जरी जोरदार कार्यक्षम, सपाट डिझाइन अद्याप समजणे कठीण मानले जाते. सत्य हे आहे की स्क्रीनवरील सपाट वस्तू वापरकर्त्यांना गोंधळात टाकू शकतात (विशेषत: ज्यांना मोबाइल आणि वेब इंटरफेस वापरण्याचा अनुभव नाही). म्हणून, मटेरियल डिझाइन स्क्युओमॉर्फिझमचे घटक परत आणण्याचा प्रयत्न करते, परंतु मोठ्या प्रमाणात सरलीकृत स्वरूपात. प्रतिमा सपाट दिसतात, विशेषत: जेव्हा रंगांचा विचार केला जातो, परंतु Z-अक्षाच्या उपस्थितीमुळे त्या बहु-आयामी आहेत.

दुसऱ्या शब्दांत, मटेरियल डिझाइनला स्क्युओमॉर्फिज्म - अॅनिमेशन, सावल्या आणि स्तरांसह सपाट डिझाइनची सुधारित आवृत्ती म्हटले जाऊ शकते. अशा प्रकारे तुम्ही नेव्हिगेशनच्या दृष्टीने उत्पादन अधिक अंतर्ज्ञानी बनवू शकता आणि एकूण शैलीमध्ये अनावश्यक गुंतागुंत टाळू शकता.

फ्लॅट डिझाइनचे फायदे आणि तोटे

चला शैलींच्या उत्क्रांतीचा इतिहास मागे टाकूया आणि आणखी महत्त्वपूर्ण गोष्टीकडे जाऊया - चला सपाट डिझाइनची ताकद आणि कमकुवतता सूचीबद्ध करूया.

• मिनिमलिझम आणि शैली
• अंतर्ज्ञान. तुमची कल्पना वापरकर्त्यांपर्यंत पोहोचवणे तुमच्यासाठी सोपे होईल.
• वेळ आणि संसाधनांची बचत. कमी बँडविड्थ वापरासह पृष्ठे अधिक जलद लोड होतात.
• सामग्रीवर लक्ष केंद्रित करा. इंटरफेस अनावश्यक तपशीलांपासून मुक्त आहे जे खरोखर मौल्यवान माहितीपासून विचलित करू शकते.
• विविध उपकरणांवर तितकेच चांगले दिसते, मग ते पीसी ब्राउझर असो किंवा स्मार्टफोन.
• अनावश्यक डिझाइन टच काढून टाकून वेबसाइट किंवा अॅप डिझाइन डेव्हलपमेंट प्रक्रियेला गती देते.

• मिनिमलिस्टिक शैली.
• अंतर्ज्ञानी पातळीवर अगदी अंतर्ज्ञानी. मटेरियल डिझाइन अनुभवी वापरकर्ते आणि नवशिक्या दोघांनाही समजण्यास तितकेच सोपे असेल.
• मध्यम स्क्यूओमॉर्फिझम. Z-axis (एक अद्वितीय Google संकल्पना) वापरल्यामुळे सर्व काही अधिक वास्तववादी दिसते.
• नियमावलीचा एक संच आहे जो सतत अद्यतनित केला जातो. म्हणून, कामाच्या प्रक्रियेदरम्यान अडचणी उद्भवल्यास कोणताही डिझायनर नेहमी त्यांच्याकडे वळू शकतो.
• वेब सोल्यूशन्ससाठी अॅनिमेशनला प्रोत्साहन दिले जाते. लोकांना चळवळ किती आवडते याची आठवण करून देण्याची गरज नाही. याव्यतिरिक्त, अॅनिमेशन आपल्याला इंटरफेस अधिक स्पष्ट आणि अंतर्ज्ञानी बनविण्यास अनुमती देते.

• मालक (Google कंपनी) आहे. म्हणून, सुधारणेसाठी कोणतेही प्रश्न आणि सूचना मालकाला संबोधित केल्या पाहिजेत.
• Z अक्षामुळे, डिझाइन प्रक्रिया पूर्ण होण्यासाठी जास्त वेळ लागू शकतो.
• अॅनिमेटेड घटकांना अधिक संसाधनांची आवश्यकता असते.
• मार्गदर्शक तत्त्वांचे कठोर पालन डिझाइनची मौलिकता मर्यादित करू शकते.

सारांश द्या

खरं तर, विचाराधीन डिझाइन पद्धतींपैकी एकाचा दुसर्‍यापेक्षा स्पष्ट फायदा मानला जाऊ नये, कारण सपाट आणि भौतिक शैली शेजारी शेजारी जातात. ते दोघेही अविश्वसनीयपणे लोकप्रिय आहेत आणि दोघेही अत्यधिक वास्तववादापासून वंचित आहेत. मटेरियल डिझाइन हे फ्लॅट डिझाइनचे उत्तराधिकारी आहे, तर फ्लॅट डिझाइन स्वतःच खूप जड आणि वास्तववादी असलेल्या समाधानांची प्रतिक्रिया होती. मटेरिअल डिझाइनमध्ये असे काहीतरी जोडले गेले आहे ज्यापासून सपाट डिझाइनने नेहमीच दूर जाण्याचा प्रयत्न केला आहे - थोडासा स्क्युओमॉर्फिझम. जरी या दृष्टिकोनांमध्ये एक गोष्ट नेहमीच वेगळी असेल: मटेरियल डिझाइन हे Google चे मालकीचे उत्पादन आहे आणि सपाट डिझाइन हे अनेक डिझाइन पद्धतींच्या मिश्रणाचा परिणाम आहे जे प्रामुख्याने एकंदर साधेपणासाठी प्रयत्न करतात.

खरे तर, अलिकडच्या वर्षांत सपाट डिझाइन पूर्णपणे “फ्लॅट” शैलीपासून “सेमी-फ्लॅट” शैलीपर्यंत खूप विकसित झाले आहे. हे आता थर आणि सूक्ष्म सावल्या वापरण्यास अनुमती देते ज्यामुळे वस्तू पूर्वी दिसल्यापेक्षा अधिक खोलवर दिसू शकतात. तर, तुम्ही आणि मी फ्लॅट डिझाइन २.० चे समकालीन आनंदी आहोत.

शेवटी, खरोखर कार्यक्षम आणि वापरकर्ता-अनुकूल उत्पादन तयार करण्यासाठी या दोन पद्धती एकत्र करण्याचा प्रयत्न करण्यापासून काहीही प्रतिबंधित करत नाही. तर, फ्लॅट आणि मटेरियल डिझाइन गुरूंकडून थोडी प्रेरणा घ्या आणि कामाला लागा!

तुम्हाला टायपिंग आढळल्यास, ते हायलाइट करा आणि Ctrl + Enter दाबा! आमच्याशी संपर्क साधण्यासाठी तुम्ही वापरू शकता.

सपाट डिझाइन शैलीतील वेबसाइट्स रंगीत अॅक्सेंटसह (आयकॉन, मजकूर हायलाइट्स, इन्फोग्राफिक्स) कमीतकमी ग्राफिक तपशीलांसह आणि अतिरिक्त मजकूर माहितीशिवाय साध्या भौमितिक ब्लॉक स्पेससारख्या दिसतात. जसे ते म्हणतात, “मिनिमलिझम” आणि काहीही अनावश्यक नाही.

सपाट चिन्ह कसे काढायचे नाहीत

नवीन विंडोज इंटरफेससह "फ्लॅट" वेबसाइट डिझाइन फॅशनेबल बनले आहे. रशियामध्ये या शैलीची वाढती लोकप्रियता स्वयं-शिकवलेल्या वेब डिझायनर्सच्या संख्येत वाढ झाल्यामुळे सुलभ झाली आहे ज्यांना हे माहित नाही की वेबसाइट इंटरफेस आणि "फिंगर" इंटरफेस (स्मार्टफोन) समान गोष्टी नाहीत (स्क्रोल करणे सोपे आहे. आपल्या बोटाने पृष्ठ खाली करा - आणि त्याउलट, आपल्याला माउस व्हील 3-4 स्क्रीन खाली वळवण्यात खूप संयम आणि वास्तविक स्वारस्याची आवश्यकता असेल). रशियन फ्लॅट साइट्सवर आपल्याला खालील चिन्हे आढळू शकतात:

उदाहरण फक्त चमकदार रंगांचे आहे जे एकमेकांना बसत नाहीत + खराब गुणवत्तेचे चिन्ह (मी सशुल्क सेटवरून उदाहरण घेतले आहे, परंतु जवळजवळ नेहमीच फ्रीलांसर वेगवेगळ्या संचांमधून मुक्तपणे डाउनलोड केलेले चिन्ह वापरतात जे एकमेकांशी बसत नाहीत) .

उच्च-गुणवत्तेचे ग्राफिक्स काढण्याच्या त्यांच्या अक्षमतेमुळे, नवशिक्या डिझाइनर सर्वकाही सुलभ करण्याची संधी सहजपणे घेतात. त्याच वेळी, याकडे दुर्लक्ष केले जाते की "मिनिमलिझम" शैलीतील डिझाइनमध्ये इंटरफेस तपशीलांचे अचूक उच्च-गुणवत्तेचे वर्णन केले जाते आणि फक्त विंडोज 8 शैलीमध्ये रंगीत चौरसांवर इंटरनेटवरून डाउनलोड केलेले चिन्ह न ठेवता (जे आता आढळू शकते. अनेक कथित "आधुनिक लँडिंग पृष्ठांवर").

चांगल्या सपाट चिन्हांचे उदाहरण:

रंग आणि चिन्हे केवळ एकमेकांशीच जोडली जाऊ नयेत, तर एकच संपूर्ण देखील बनवावीत.

कमी-गुणवत्तेच्या फ्लॅट डिझाइनच्या समस्या

1. नेव्हिगेशन आणि उपयोगिता

नेटवर्क ही खरी जागा नाही, म्हणून, वास्तविकतेची भावना निर्माण करण्यासाठी आणि तुमचे स्थान समजून घेण्यासाठी, साइट्स “ब्रेडक्रंब” वापरतात आणि द्रुत समज आणि नेव्हिगेशन सुलभतेसाठी चिन्ह चित्रे वास्तविक वस्तूंच्या जवळ असतात. तर, घराच्या चिन्हावरून हे लगेच स्पष्ट होते की हे "घर" आहे, हँडसेटच्या चिन्हावरून - की हा एक टेलिफोन आहे, बास्केटद्वारे - की ही एक बास्केट आहे (जसे सुपरमार्केटमध्ये - सर्वकाही स्पष्ट आहे. आणि साधे), भेटवस्तूच्या चित्रासह एक चिन्ह - भेट इ.

तथापि, नवीन फ्लॅट डिझायनर अनेकदा आयकॉन्सला ओव्हरसिम्प्लिफाय करतात. आणि पुढील डिझायनर अंतर्ज्ञानी प्रतिमांमधून आहेत, वापरकर्त्यासाठी त्यांचा अर्थ लावणे अधिक कठीण आहे. ओव्हरसिम्पलीफिकेशन कधीकधी नेव्हिगेशन कठीण करते. युरोपियन डिझायनर्सचे अनुकरण करण्याचा प्रयत्न करून फॅशनेबल फ्लॅट वेबसाइट डिझाइन तयार करण्यासाठी प्रत्येकजण धावत असताना, वापरण्यायोग्यतेचे साधे नियम विसरले गेले.

2. लांब सपाट पाऊल wraps

पृष्ठे 3-4 स्क्रीनवर पसरली आहेत, तर जागा केवळ कमी प्रमाणात वापरली जात नाही, परंतु त्याउलट, "हवा" जास्त प्रमाणात जोडली जाते. त्याच वेळी, स्क्रोलिंगसाठी कोणतीही दृश्य प्रेरणा नाही - चिप्स नाहीत, अॅनिमेशन नाही. विकासकांनी अभ्यागतांना पृष्ठ खाली स्क्रोल करण्यात स्वारस्य कसे निर्माण केले हे स्पष्ट नाही. शेवटी, सर्व काही कॉम्पॅक्ट असलेल्या साइटच्या तुलनेत, फूटक्लोथ साइट्सना संपूर्ण स्क्रीनवर माउस हलविण्यासाठी आणि स्क्रोल करण्यासाठी भरपूर ऊर्जा लागते.

3. गोंधळात टाकणारी बटणे

सपाट साइट्सवर, सक्रिय घटक यापुढे स्पष्ट नाहीत. फ्लॅट डिझाइनच्या आगमनाने, बटणे देखील सपाट झाली. परंतु बटणाची व्हिज्युअल प्रतिमा वास्तविक भौतिक बटणातून येते आणि सावल्या आणि ग्रेडियंट्स फक्त "आपण येथे निश्चितपणे क्लिक करू शकता" हे दर्शवितात.

4. खराबपणे काढलेले चिन्ह

डिझायनर्सच्या निकृष्ट कार्यामुळे, वेबसाइट्सवरील चिन्हे (हे विशेषतः फ्लॅट-शैलीच्या वेबसाइट्सवर लक्षात येण्याजोगे आहे) त्यांच्या अंदाज करण्यायोग्य प्रतिमा गमावल्या आहेत. एकतर मर्यादित डिझाइन बजेटमुळे किंवा वेब डिझायनर्सच्या स्वतःच्या अक्षमतेमुळे, साइटवरील नेव्हिगेशन घटक बहुतेकदा प्राथमिक असोसिएशनशी संबंधित नसतात आणि ते "फार-फार" असतात.

मी असे गृहीत धरतो की आयकॉन तयार करण्याचे काम असे काहीतरी होते: तांत्रिक वैशिष्ट्यांनुसार, "क्लायंटकडे वैयक्तिक दृष्टिकोन" चिन्ह आवश्यक आहे. वैयक्तिकरित्या, माझ्याकडे व्यवस्थापक आणि दोन क्लायंटची प्रतिमा आहे, ज्यापैकी प्रत्येकाचे नेतृत्व वेगळ्या रंगाच्या बाणाने केले आहे (निळा बाण निळ्या क्लायंटकडे, लाल बाण लाल क्लायंटकडे घेऊन जातो). जर एखाद्या डिझायनरला कसे काढायचे हे माहित नसेल, तर तो तयार केलेल्या सेटमध्ये एक चिन्ह शोधेल (सर्वोत्तम बाबतीत, तो फोटो बँकेकडून खरेदी करेल, सर्वात वाईट परिस्थितीत, तो इंटरनेटवरून डाउनलोड करेल) आणि अर्थाने सर्वात योग्य ते वापरा. बहुधा, ते टाय किंवा सूटकेस असलेल्या माणसाचे प्रतीक असेल. सर्वसाधारणपणे, तो फार पुढे गेला नाही, परंतु तरीही साइट डिझाइनमध्ये हे स्पष्ट होईल की सूटकेस “प्रत्येकाकडे वैयक्तिक दृष्टिकोन” आणि “बाजारात 10 वर्षे” साठी वॉच (तसे, मी प्रत्यक्षात पाहिले ते!) - डिझायनरने फसवणूक केली.

5. खोटी सामग्री फोकस

फ्लॅट वेबसाइट डिझाइन सामग्रीवर लक्ष केंद्रित करते. बरं, स्पष्टपणे - जर ग्राफिक्सवर भर नसेल तर माहितीवर. परंतु जर आपण रशियन वेब स्टुडिओद्वारे ऑफर केलेली "आधुनिक" फ्लॅट-शैलीतील लँडिंग पृष्ठे काळजीपूर्वक पाहिली तर, सामग्रीकडे थोडेसे लक्ष दिले जाते. म्हणजे:

• मजकूर अव्यवस्थितपणे मांडला आहे. त्यात उच्चार कसे बसवले जातात, कशाला चिकटून बसायचे आणि काय दुय्यम आहे हे स्पष्ट होत नाही.
• अशी कोणतीही रचना नाही. तक्ते, बुलेट केलेल्या याद्या, शीर्षके, घोषणा अनेकदा विकसित होत नाहीत.
• अनेकदा उघड मजकूर. मजकूर ब्लॉक्सना दृष्यदृष्ट्या समर्थन देण्यासाठी कोणतीही चित्रे किंवा चिन्हे नाहीत. परिणामी, भर ग्राफिक्स किंवा मजकूरावर नाही, परंतु स्वतः "शैली" वर आहे. त्याच वेळी, कंपनी आणि तिच्या ऑफर गमावल्या आहेत.

त्यामुळे वेबसाइट्ससाठी फ्लॅट डिझाइन अजिबात आवश्यक आहे का?

स्मार्टफोनसाठी इंटरफेसच्या डिझाइनसह सर्व काही स्पष्ट आहे - हलके, अनलोड केलेले, वापरण्यास सोपे. परंतु सपाट शैलीतील वेबसाइट डिझाइनसह, मला वैयक्तिकरित्या एक मोठा प्रश्न आहे: ते अजिबात प्रभावी आहे का?

बर्‍याच ग्राहकांना ग्राफिक्सची गुणवत्ता समजत नाही आणि वेबसाइट डिझाइन मंजूर करताना, त्यांच्या वैयक्तिक आवडीनुसार (पसंत/नापसंती) मार्गदर्शन केले जाते. आणि येथे फॅशन एक भूमिका बजावते.

फ्लॅट वेबसाइट डिझाइन छान असू शकते. परंतु! छान डिझाइनसाठी खरोखर उच्च-गुणवत्तेची उपयुक्तता आणि ग्राफिक घटक आणि सर्जनशील वैशिष्ट्ये आणि प्रभावांची उपस्थिती आवश्यक आहे. आणि जर ते डिझाइनमधून अनुपस्थित असतील तर साइट्समध्ये मौलिकता नसली तर ते नीरस, रिक्त आणि कंटाळवाणे दिसतात. सर्वसाधारणपणे, बहुतेक रशियन साइटवर आता हेच उपलब्ध आहे.

उच्च-गुणवत्तेच्या फ्लॅट डिझाइनचे उदाहरण:

फ्लॅट वेबसाइट डिझाइनची फॅशन इतर फॅशनप्रमाणे तात्पुरती आहे. काही लोक मूळ, सर्जनशील डिझाईन्स तयार करतात, तर काही लोक त्यांची कॉपी करतात आणि शैलीत त्यांचे अनुकरण करतात कारण त्यांना स्वत: कसे तयार करावे हे माहित नसते. आणि स्वस्त "फॅशन" साइट्स मशरूमप्रमाणे वाढत आहेत...

या लेखात मी तुम्हाला फ्लॅट डिझाइनबद्दल सांगेन. आपण कदाचित याबद्दल आधीच काहीतरी ऐकले असेल, कारण गेल्या काही वर्षांत फ्लॅट हा वेबवरील अग्रगण्य ट्रेंडपैकी एक बनला आहे.

आज आपण सपाट डिझाइन म्हणजे काय, ते कसे तयार झाले आणि स्वच्छ, चमकदार आणि प्रतिसादात्मक डिझाइन तयार करण्यासाठी आपल्याला काय आवश्यक आहे ते पाहू.

तुम्हाला http://market.envato.com/ येथे फ्लॅट डिझाइनची चांगली उदाहरणे मिळतील. तेथे अनेक लेआउट्स, चिन्हे आणि टेम्पलेट्स आहेत जे तुम्हाला आधुनिक डिझाइन कसे दिसते हे स्पष्टपणे समजेल .

1. फ्लॅट डिझाइन म्हणजे काय?

फ्लॅट डिझाइन ही युजर इंटरफेस आणि ग्राफिक डिझाइनची एक आधुनिक शैली आहे, जी मिनिमलिझमद्वारे वैशिष्ट्यीकृत आहे. सपाट डिझाइनमध्ये कमीतकमी घटकांचा वापर आणि पोत, सावली आणि प्रकाशाच्या विविध प्रभावांच्या अनुपस्थितीद्वारे वैशिष्ट्यीकृत केले जाते, उदाहरणार्थ: मिश्रित रंग, ग्रेडियंट, हायलाइट इ.

फ्लॅट स्क्युओमॉर्फिझमला विरोध करतो( स्क्युओमॉर्फिझम हे एक डिझाइन तत्त्व आहे जेव्हा एका उत्पादनास दुसर्‍याचे स्वरूप दिले जाते, उदा. जेव्हा विविध इंटरफेस घटक वास्तविक वस्तूंमधून कॉपी केले जातात - अंदाजे भाषांतर.) , तसेच समृद्ध डिझाइन. तथापि, हे सांगण्यासारखे आहे की फ्लॅट डिझाइन पहिल्या दृष्टीक्षेपात दिसते तितके सोपे नाही. यात स्क्युओमॉर्फिझमची काही वैशिष्ट्ये समाविष्ट आहेत, परंतु आम्ही याबद्दल थोड्या वेळाने बोलू.

सर्वसाधारणपणे, फ्लॅट वापरकर्त्याला दृश्यांमुळे विचलित न होता सामग्रीवर लक्ष केंद्रित करण्यास मदत करते. फ्लॅट डिझाइन घटकांच्या साधेपणावर जोर देते, त्याच वेळी इंटरफेस अधिक प्रतिसादात्मक, आनंददायी आणि वापरण्यास सुलभ बनवते.

2. थोडा इतिहास

फ्लॅट डिझाईन, जसे तुम्हाला माहीत आहे, ते वेबवर जागतिक ट्रेंड बनण्याच्या खूप आधीपासून अस्तित्वात होते. 80 च्या दशकात फ्लॅट डिझाइन खूप लोकप्रिय होते कारण त्या वेळी तंत्रज्ञान अद्याप जटिल प्रभाव, पोत आणि सावल्यांना समर्थन देण्यासाठी पुरेसे विकसित झाले नव्हते. तथापि, तरीही डिझाइन स्क्युफोमॉर्फिझमसाठी प्रयत्नशील होते, इंटरफेस घटकांना शक्य तितके वास्तववादी बनविण्याचा प्रयत्न करीत होते.

मायक्रोसॉफ्टने तथाकथित मेट्रो स्टाईलमध्ये उत्पादने तयार करण्यास सुरुवात केल्यानंतर फ्लॅट डिझाइन, ज्या स्वरूपात आपण आता पाहतो, त्याची लोकप्रियता वाढू लागली. मेट्रो हे मायक्रोसॉफ्टचे UI डिझाइन आहे जे त्याच्या शैली आणि साधेपणाने लक्षवेधक आहे.

2010 मध्ये मायक्रोसॉफ्टने विंडोज फोन 7 रिलीझ केले, ज्यात धारदार कडा आणि साध्या ग्राफिक्ससह सपाट डिझाइनचा वापर त्याच्या पूर्वीच्या उत्पादनांपैकी एकापासून वारसाहक्काने केला गेला.मायक्रोसॉफ्ट (झून). नंतर, यशाने प्रेरित होऊन, मायक्रोसॉफ्टने त्याच सपाट मेट्रो शैलीवर आधारित विंडोज 8 ऑपरेटिंग सिस्टम जारी केली.

अखेरीस, 2013 मध्ये जेव्हा ऍपल रिलीज झाला तेव्हा फ्लॅट डिझाइन लोकप्रियतेच्या शिखरावर पोहोचले iOS 7, आयकॉन आणि फॉन्टसह पूर्णपणे पुन्हा डिझाइन केलेल्या वापरकर्ता इंटरफेस घटकांसह पूर्णपणे नवीन डिझाइन वैशिष्ट्यीकृत. ऍपलने तयार केले आहे UI आणि आयकॉन डिझाइनची व्हिज्युअल तत्त्वे .

लवकरच, Google देखील त्याच्या ऍप्लिकेशन्स आणि वेब पृष्ठांमध्ये फ्लॅट शैली वापरण्यास सुरुवात केली, त्यास कॉल केला मटेरियल डिझाइन. Google कडे या शैलीसाठी समर्पित संपूर्ण विभाग आहे, ज्यामध्ये वेब डिझाइनची उद्दिष्टे, त्याची तत्त्वे आणि विविध डिझाइन ऑब्जेक्ट्स तयार करण्याच्या सूचनांचा समावेश आहे: चिन्ह, मांडणी इ.

तेव्हापासून, वेब डिझाइनमध्ये फ्लॅट हा मुख्य ट्रेंड बनला आहे, ज्यामुळे वेबसाइट्स, ऍप्लिकेशन्स आणि इंटरफेस घटक मोहक, स्वच्छ आणि स्टाइलिश बनतात.

अशा प्रकारे, कंपन्यांकडून फ्लॅट डिझाइनची तीन जागतिक उदाहरणे आहेत ज्याशिवाय तंत्रज्ञानाच्या आधुनिक जगाची कल्पना करणे कठीण आहे:

मायक्रोसॉफ्टचे मेट्रो डिझाइन

ऍपल iOS 7 डिझाइन

Google चे मटेरियल डिझाइन

3. स्वच्छ असल्याचे लक्षात ठेवा

त्रिमितीय घटक आणि ग्रेडियंट्स, टेक्सचर, हायलाइट्स, हाफटोन, शॅडो यासारख्या वास्तववादी प्रभावांच्या अभावामुळे फ्लॅट डिझाइनला स्पष्टपणे "फ्लॅट" म्हटले जाते. लक्षात ठेवा, सपाट शैली ही वस्तूंचे चित्रण करण्याचा द्विमितीय (सपाट) मार्ग आहे.

शिवाय, सपाट डिझाइनमध्ये, वस्तू अतिशय सरलीकृत आणि शैलीबद्ध पद्धतीने चित्रित केल्या जातात.

आणि कधीकधी अगदी फक्त सिल्हूट किंवा ऑब्जेक्टचे आकृतिबंध वापरले जातात, म्हणजे. ऑब्जेक्ट ओळखण्यायोग्य बनवण्यासाठी पुरेसे आहे, परंतु किरकोळ तपशीलांसह ओव्हरलोड करू नका.

आजकाल मिनिमलिझम हा जागतिक ट्रेंड बनला आहे: आकारांची साधेपणा आणि तीक्ष्ण कडांचा वापर स्वच्छ आणि आनंददायी डिझाइन तयार करतो. साधे फॉर्म अधिक स्पष्ट आणि समजण्यास सोपे आहेत. हे डिझाईनला व्यस्त, गोंधळलेला लुक न देता त्याला किमान आणि स्वच्छ ठेवते.

4. परिपूर्णतेकडे आणा

हे जाणून घ्या की जेव्हा सपाट चिन्ह आणि UI घटक तयार करण्याचा विचार येतो, तेव्हा तुम्हाला ते कुरकुरीत, व्यवस्थित आणि पिक्सेल परिपूर्ण दिसले पाहिजेत, उदा. जेवढ शक्य होईल तेवढ. शिवाय, हे रास्टर आणि वेक्टर ग्राफिक्स दोन्हीवर लागू होते.

Adobe Photoshop येथे स्पष्ट आहे: ते रास्टर ग्राफिक्ससह कार्य करते, जे पिक्सेलवर आधारित आहेत.

Adobe Illustrator प्रोग्रामसाठी, तो वेक्टर ग्राफिक्स वापरतो ज्यामध्ये वक्र आणि रेषा असतात ज्यांना वेक्टर म्हणतात, जे गणितीय सूत्रांद्वारे निर्दिष्ट केले जातात.

एकेकाळी, Adobe Illustrator हा पिक्सेल-परिपूर्ण ग्राफिक्स तयार करण्यासाठी विशेष सोयीचा कार्यक्रम नव्हता. चांगली बातमी अशी आहे की इलस्ट्रेटरच्या नवीनतम आवृत्त्या चांगल्या ग्राफिक्स तयार करण्यासाठी एक उत्तम साधन बनल्या आहेत.

मला असे म्हणायचे आहे की व्हेक्टर ग्राफिक्समध्ये मुख्यतः साधे, सपाट आकार, शुद्ध रंग आणि ग्रिडसह कार्य करणे समाविष्ट आहे. Adobe Illustrator त्याच्या सेटिंग्जमध्ये खूप लवचिक आहे आणि तुम्हाला तुमच्या गरजेनुसार ग्रिडला अनुकूल करण्याची, वस्तू संरेखित करण्याची आणि विविध प्रकारचे स्नॅपिंग वापरण्याची परवानगी देते. यामुळे कोणत्याही डिस्प्लेवर स्वच्छ आणि स्टायलिश दिसणारी परिपूर्ण रचना तयार करणे सोपे होते. जर तुम्हाला परिपूर्ण ग्राफिक्स कसे तयार करायचे ते शिकायचे असेल तर तुम्ही हा लेख वाचा: Adobe Illustrator वापरून पिक्सेल-परिपूर्ण कलाकृती कशी तयार करावी .

5. रंग

सपाट डिझाइनच्या सर्वात विशिष्ट वैशिष्ट्यांपैकी एक, सावल्यांव्यतिरिक्त, रंगाचा वापर आहे. सपाट डिझाइन त्याच्या घटकांमध्ये वापरत असलेल्या बहुतेक रंगांमध्ये फक्त काही मूलभूत रंग असतात.

फ्लॅट डिझाइनमधील रंग चमकदार, समृद्ध आणि समृद्ध आहे.सपाट रंग योजना काही विशिष्ट रंगांपुरती मर्यादित नाही. त्यात अनेक छटा आहेत आणि त्यांची निवड केवळ तुम्ही काय चित्रित करत आहात यावर अवलंबून असते, मग ते मिठाईचे चिन्ह असोत किंवा अत्याधुनिक रेट्रो पॅलेटमधील रेट्रो-शैलीतील वस्तू असोत.

समजा तुम्ही UI डिझायनर आहात ज्याला रंग पॅलेटची चांगली समज आहे आणि तुम्ही फोटोशॉप आणि इलस्टार्टर मधील कलर पॅनेलवर प्रयोग करत आहात, तुमच्या इच्छेनुसार रंग मिसळत आहात. तथापि, ही प्रक्रिया खूपच गुंतागुंतीची आहे आणि त्यासाठी चांगली अंतर्ज्ञान, अनुभव आणि कौशल्ये आवश्यक आहेत. येथे तुम्हाला काही साधने सापडतील जी तुम्हाला तुमचे स्वतःचे रंग पॅलेट तयार करण्यात मदत करू शकतात.

त्यापैकी काही केवळ सपाट डिझाइनच नव्हे तर सर्व प्रकारच्या डिझाइन आणि चित्रणासाठी योग्य आहेत. उदाहरणार्थ, Adobe Color CC, कूलर म्हणून ओळखले जाते. आज वेबसाइटद्वारे आणि थेट Adobe उत्पादनांद्वारे दोन्हीमध्ये प्रवेश आहे. कूलर हे एक अतिशय लवचिक साधन आहे जे तुम्हाला एकतर तुमचे स्वतःचे रंग पॅलेट तयार करण्यास किंवा लायब्ररीमधील सानुकूल पॅलेटमधून निवडण्याची परवानगी देते.

आणखी एक साधा आणि सोयीस्कर रंग पॅलेट जनरेटर म्हणजे कूलर्स. फक्त स्पेसबार दाबा आणि प्रोग्राम एक रंग पॅलेट तयार करेल, आपण रंग समायोजित करू शकता, एक निर्यात कार्य देखील आहे.

सानुकूल पॅलेटसह इतर अनेक समान सेवा आहेत ज्या उपयुक्त असू शकतात. तथापि, फ्लॅट डिझाइनसाठी खास तयार केलेले एक साधन आहे. Designmodo द्वारे FlatUIColors.com - "फ्लॅट" रंगांचा संच असलेली सेवा, कामासाठी अतिशय सोयीस्कर आहे. परिपूर्ण डिझाइनसाठी चांगले रंग उपाय शोधत असलेल्या डिझाइनरमध्ये ही साइट खूप लोकप्रिय झाली आहे. हे करून पहा!

आणि यामध्ये तुम्हाला रंग आणि पॅलेटची मोठी विविधता देखील मिळू शकते Google चे मटेरियल डिझाइन मार्गदर्शक.

6. लांब सावल्या

वर नमूद केल्याप्रमाणे, फ्लॅट डिझाइनमध्ये साधेपणा आणि भरपूर मोकळी जागा आहे - म्हणूनच फ्लॅट डिझाइन कोणत्याही प्रभावांचा वापर नाकारतो. तथापि, एक प्रभाव आहे जो फ्लॅट डिझाइनसाठी वैशिष्ट्यपूर्ण आहे. हा प्रभाव फ्लॅटचा एक ट्रेंड आणि वैशिष्ट्यपूर्ण वैशिष्ट्य बनला आहे.

आम्ही आता लांब सावल्यांबद्दल बोलत आहोत. त्यांच्याकडे काही वैशिष्ट्यपूर्ण वैशिष्ट्ये आहेत जी हा प्रभाव ओळखण्यायोग्य बनवतात, म्हणजे: 45-अंश उतार आणि मोठा आकार (सावली विषयापेक्षा कित्येक पट लांब असू शकते. परिणामी, लांब सावल्या सपाटला काही खोलीचा प्रभाव देतात.

हा प्रभाव ऑब्जेक्टला अधिक त्रिमितीय बनवतो, परंतु त्याच वेळी सपाट डिझाइनच्या संदर्भात ठेवतो.

7. फॉन्टसह कार्य करणे

फ्लॅट डिझाइनमध्ये टायपोग्राफी मोठी भूमिका बजावते. बहुतेकदा मजकूर रचनाचा मुख्य घटक बनतो.

सपाट डिझाइनमध्ये सामान्यत: साध्या फॉन्ट शैलींचा वापर केला जातो, ज्यामुळे संपूर्ण डिझाइन स्वच्छ आणि वाचनीय बनते. जर तुम्ही Adobe उत्पादने वापरत असाल तर तुम्हाला Adobe Typekit मध्ये अनेक मोफत फॉन्ट मिळू शकतात. तुम्हाला फॉन्ट स्क्विरलवर बरेच चांगले विनामूल्य फॉन्ट देखील मिळतील. परंतु तुमचा फॉन्ट व्यावसायिक हेतूंसाठी वापरायचा असेल तर परवाना वाचायला विसरू नका.

बहुतेकदा सपाट डिझाइनमध्ये अप्पर केस आणि विरोधाभासी रंग वापरण्याची प्रथा आहे, यामुळे मजकूर अधिक सुवाच्य बनतो.

फॉन्ट जपून वापरा, लक्षात ठेवा की ते स्वतंत्र घटक म्हणून दिसण्याऐवजी डिझाइनला पूरक आणि पूरक असले पाहिजेत. याचा अर्थ असा नाही की तुम्ही सेरिफ किंवा हस्तलिखित जटिल फॉन्ट वापरू शकत नाही. फक्त किमान असणे लक्षात ठेवा आणि सर्वकाही संतुलित ठेवा. तथापि, फ्लॅट अजूनही अनेकदा sans-serif फॉन्ट वापरतात, कारण ते अधिक कठोर आणि व्यवस्थित दिसतात.

8. फ्लॅट डिझाइनचे फायदे आणि तोटे

जरी फ्लॅट डिझाइन त्याच्या अनेक फायद्यांमुळे इतके लोकप्रिय झाले आहे, तरीही ही शैली वापरताना डिझाइनरना तोंड द्यावे लागणारे काही तोटे आहेत. चला साधक आणि बाधक पाहू.

साधक

लोकप्रियता

फ्लॅट डिझाईन हा एक ट्रेंड बनला आहे, डिझायनर आणि वेब डिझायनर्सकडून अधिकाधिक सकारात्मक पुनरावलोकने मिळवत आहेत आणि ते त्याचे स्थान अजिबात गमावत असल्याचे दिसत नाही. त्याउलट, तो अधिकाधिक पसरत आहे, काही नवीन रूपे आणि वैशिष्ट्ये आत्मसात करत आहे, अधिकाधिक सर्जनशील होत आहे.

साधेपणा

फ्लॅट डिझाइन सोपे, किमान आणि स्वच्छ आहे. वेबवरील फ्लॅट वापरकर्त्यांना व्हिज्युअलद्वारे विचलित होण्याऐवजी सामग्रीवर लक्ष केंद्रित करण्यात मदत करते. हे मोबाइल अॅप इंटरफेससाठी देखील कार्य करते: मोठ्या बटणांसह स्वच्छ डिझाइन मोबाइल अनुभव परिपूर्ण बनवते.

चमक

फ्लॅट डिझाइनमध्ये रंग हा आणखी एक छान प्लस आहे. चमकदार आणि समृद्ध रंग आकर्षक आणि स्वच्छ दिसतात आणि ग्रेडियंटची कमतरता डिझाइनला स्टाइलिश बनवते. शिवाय, असे शुद्ध रंग ते अधिक सकारात्मक आणि सादर करण्यायोग्य बनवतात; सपाट डिझाइन योग्य मूड तयार करते.

दोष

फ्लॅटचे आणखी बरेच फायदे आहेत, परंतु कोणतेही डिझाइन परिपूर्ण नसते आणि आम्ही ते आदर्श करू शकत नाही. येथे फ्लॅट डिझाइनचे काही तोटे आहेत ज्यांचा आम्ही उल्लेख केला पाहिजे:

प्रतिसादहीनता

काहीवेळा महत्त्वाच्या तपशिलांचा अभाव किंवा व्हिज्युअल इफेक्ट्स वापरकर्ता-अनुकूल इंटरफेस तयार करण्याची प्रक्रिया कठीण बनवते आणि यामुळे संपूर्ण रचना सामान्यतः प्रतिसादहीन बनते. सर्व वापरकर्ते फ्लॅटमध्ये सोयीस्कर नसतात कारण ते परस्परसंवादी नसल्यामुळे तुम्हाला मोबाइल फोन स्क्रीनवर क्लिक किंवा टॅप करावे लागेल अशा वेब पृष्ठावरील घटक शोधणे कठीण होऊ शकते.

टायपोग्राफीमध्ये समस्या

आधी सांगितल्याप्रमाणे, प्रत्येक फॉन्ट फ्लॅट डिझाइनसाठी योग्य असू शकत नाही. कधीकधी तीक्ष्ण कडा असलेला असा समृद्ध फॉन्ट खरोखर संतुलित आणि स्टाइलिश दिसतो. तथापि, फॉन्ट चुकीच्या पद्धतीने निवडल्यास, ते संपूर्ण डिझाइन खराब करू शकते. कोणते फॉन्ट फ्लॅटसाठी योग्य आहेत आणि कोणते नाहीत हे तुम्हाला खरोखर चांगले वाटले पाहिजे. अनुभवाच्या अभावामुळे फॉन्ट निवडणे खूप कठीण होते.

कमकुवत व्हिज्युअल

प्रभाव, रंग आणि फॉन्ट वापरण्याच्या मर्यादांमुळे, सपाट डिझाइन खूप सोपे आणि थंड दिसू शकतात. त्याची मिनिमलिझम देखील त्याची मुख्य कमतरता असू शकते - इतर फ्लॅट डिझाईन्स अगदी तुमच्यासारख्याच दिसतात. त्यामुळे तुमचे आयकॉन किंवा वेब पेजेस इतर कोणाच्या तरी डिझाइनपेक्षा वेगळे दिसणे खूप कठीण आहे कारण तुम्ही समान सरलीकृत आकार, मर्यादित रंग पॅलेट आणि समान फॉन्ट वापरत आहात. परिणामी, फ्लॅट डिझाइन कालांतराने कंटाळवाणे होऊ शकते.

9. भविष्यातील फ्लॅट डिझाइन ट्रेंड

असे म्हणता येणार नाही की फ्लॅट डिझाइन त्याच्या ट्रॅकमध्ये पूर्णपणे तयार झाले आहे आणि थांबले आहे. कदाचित हे वर नमूद केलेल्या त्याच्या कमतरतांमुळे आहे; फ्लॅट डिझाइन विकास आणि बदलासाठी प्रयत्न करते, नवीन वैशिष्ट्ये प्राप्त करते आणि व्हिज्युअल अभिव्यक्ती वाढवते.

आपण फ्लॅट डिझाइनच्या शेवटच्या उदाहरणाकडे बारकाईने पाहिल्यास, आपल्या लक्षात येईल की ते खरोखरच आहेहळूहळू त्याच्या कठोर साधनांपासून दूर जाते आणि सूक्ष्म प्रभाव जोडण्यास सुरवात करते जसे की: ग्रेडियंट, सावल्या, प्रकाश आणि इतर दृश्य प्रभाव.

हे छोटे स्पर्श सपाट डिझाइनला स्क्युओमॉर्फिक डिझाइन्सप्रमाणे जास्त तपशीलवार न ठेवता काही खोली देतात. या सूक्ष्म सुधारणा फ्लॅटला अधिक प्रतिसाद देणारे आणि आरामदायी बनवतात आणि फ्लॅट अधिक लवचिक आणि बहुमुखी बनवून नवीन स्वरूप आणतात.

अशा प्रकारे, फ्लॅट त्याची वैशिष्ट्ये गमावत नाही, परंतु अधिक मनोरंजक आणि लवचिक बनते- तो खरोखर बरा होत आहे.

निष्कर्ष

अशा प्रकारे, आम्ही फ्लॅट डिझाइनच्या इतिहासातील काही तथ्यांवर चर्चा केली आणि रंग, आकार आणि टायपोग्राफीबद्दल बोललो. आम्ही वेगवेगळ्या दृष्टिकोनातून पाहिले, फ्लॅटचे फायदे आणि तोटे यावर लक्ष केंद्रित केले आणि चांगली रचना तयार करण्यासाठी काही मुख्य तत्त्वे जाणून घेतली.

मला आशा आहे की तुम्हाला या लेखातून नवीन माहिती मिळाली असेल किंवा किमान ती मनोरंजक वाटली असेल. जर तुम्ही आधी केले नसेल तर फ्लॅट डिझाईन बनवण्याचा प्रयत्न करा.

शेवटी, फ्लॅट डिझाइनबद्दल आणखी काय उल्लेख आहे?

जर तुम्हाला त्याच्या तीव्र कडा, समृद्ध रंग आणि कुरकुरीत फॉन्ट, त्याची स्वच्छता आणि अतिसूक्ष्मता यांसह सपाट आवडत असेल तर त्यासाठी जा!

हे ट्रेंडी आहे, परंतु कोणत्याही ग्राफिक शैलीप्रमाणे, केवळ एका तंत्रापुरते मर्यादित करू नका. फ्लॅट ट्रेंडी आहे याचा अर्थ असा नाही की तुम्ही तुमच्या प्रोजेक्टमध्ये इतर शैली वापरू शकत नाही. स्क्युओमॉर्फिझम, त्याच्या लहान तपशीलांसह आणि पोत, देखील एक चांगला उपाय असू शकतो. मुख्य गोष्ट लक्षात ठेवणे आवश्यक आहे की प्रत्येक प्रकल्पासाठी डिझाइन भिन्न आहे, ते सोयीस्कर आणि कार्यात्मक राहून त्याचा आत्मा, हेतू, सार व्यक्त करणे आवश्यक आहे. पुढे!

अॅप्स आणि वेबसाइटसाठी फ्लॅट डिझाइन अलीकडे लोकप्रिय झाले आहे. याचा अर्थ असा नाही की प्रत्येकाला ही शैली पूर्णपणे आवडते, परंतु हे सर्व अनुप्रयोग आणि साइटसाठी निश्चितपणे योग्य नाही. जर फ्लॅट डिझाइनचे बरेच फायदे असतील, जसे की साधेपणा आणि मिनिमलिझम, वापरणे सोपे करते. काही अनुप्रयोगांसाठी, फ्लॅट डिझाइन खूप सोपे असू शकते. म्हणजेच, ते अधिक चांगले दिसण्यासाठी काही छाया किंवा ग्रेडियंट जोडणे योग्य आहे.

बरेच लोक असा युक्तिवाद करतात की फ्लॅट वेब डिझाइन हे प्रभावी डिझाइन आहे. ते म्हणतात की हा प्रकल्प शक्य तितका वापरकर्ता-अनुकूल बनवण्याचा एक मार्ग आहे. फ्लॅट डिझाइन प्रकल्पांची काही प्रेरणादायी उदाहरणे येथे आहेत. विविध पोर्टफोलिओमधील ही निवड प्रत्यक्षात काम करणाऱ्या फ्लॅट डिझाइन्स समजून घेण्यासाठी उत्तम आहे.

आयएसएलँड

जानेवारी क्रिएटिव्ह

किमान माकड

फ्लॅट डिझाइन म्हणजे काय?

• फ्लॅट डिझाइन वापरकर्त्यावर लक्ष केंद्रित करते
• फ्लॅट डिझाइन सोपे आहे
• सपाट डिझाइन - कमी ग्रेडियंट
• सपाट डिझाइनमध्ये सरळ रेषा आणि चौरस कोपरे समाविष्ट आहेत
• सामान्यतः मजबूत रंग कॉन्ट्रास्ट वापरा
• सपाट डिझाइनमध्ये छाया, बेव्हल्स, पोत किंवा 3D दिसणारे काहीही नाही
• फ्लॅट डिझाइन फक्त 2 आयामांमध्ये अस्तित्वात आहे
• सपाट डिझाइन - साधेपणा आणि मिनिमलिझमकडे कल
• फ्लॅट डिझाइन - अतिरिक्त प्रभाव वापरू नका
• कोणतेही अतिरिक्त नाहीत
• फ्लॅट डिझाइन - कमी बटणे आणि बॉडी किट
• फ्लॅट डिझाइन म्हणजे फॉन्टवर लक्ष केंद्रित करणे
• रंग संयोजन, विरोधाभासी रंग आणि मनोरंजक रंग भिन्नता हे सपाट डिझाइनचे महत्त्वाचे घटक आहेत.
• फ्लॅट डिझाइन हे अनेक डिझाइनपैकी एक आहे. हे काही प्रकल्पांसाठी योग्य आहे, परंतु इतरांसाठी नाही.

फ्लॅट डिझाइन काय नाही?

• सपाट डिझाइन हे स्क्युओमॉर्फिझम किंवा डिझाइन नाही जे "वास्तविकतेचे" आकार आणि रूपरेषा यांचे अनुकरण करते.
• फ्लॅट डिझाइनमध्ये चमकदार बटणे समाविष्ट नाहीत
• फ्लॅट डिझाइनमध्ये सजावट समाविष्ट नाही
• फ्लॅट डिझाइनमध्ये तुम्हाला "खोली" बद्दल पारंपारिक कल्पना सापडणार नाहीत
• सपाट डिझाइन सर्व प्रकल्पांना अनुरूप नाही

फ्लॅट डिझाइन फक्त एक कार्यक्षम डिझाइन आहे का?

काही लोक फ्लॅट डिझाइनला स्वतःमध्ये एक कार्यक्षम डिझाइन मानतात. म्हणजेच, ते साइट्स आणि ऍप्लिकेशन्सचा वापर सुलभ करते, ज्यामुळे तुम्हाला विचलित न होता आवश्यक माहिती शोधता येते. अर्थात, केवळ फ्लॅट डिझाइन ही माहिती शोधणे सोपे करते असे नाही. जर सर्वकाही व्यवस्थित केले असेल तर वापरकर्त्यांना कोणतीही समस्या येणार नाही. ज्यांना त्याचा वापर करता येतो त्यांच्यासाठी हा प्रकल्प सोपा आणि सोपा असावा. काही लोक फ्लॅट डिझाइन वापरण्यास प्राधान्य देतात, तर काही लोक भिन्न डिझाइन शैली पसंत करतात.

फ्लॅट डिझाइनसाठी घटक

तुम्हाला फ्लॅट डिझाइन आवडते का? येथे काही घटक आहेत जे "फ्लॅट" डिझाइनसाठी वापरले जाऊ शकतात

फ्लॅट आयकॉन पॅक