फ्लॅट डिझाइन: भूतकाळ, वर्तमान आणि भविष्य. फ्लॅट डिझाइनची मूलभूत तत्त्वे

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

लेखकाकडून:नमस्कार मित्रांनो! आज आपण फ्लॅट डिझाईन म्हणजे काय किंवा फ्लॅट वेबसाईट डिझाईन याबद्दल बोलू. या शब्दाने वेब डिझायनर्सची मने फार पूर्वीपासून जिंकली आहेत आणि आजही आत्मविश्वासाने ट्रेंडमध्ये आहेत. सर्वात मोठ्या कंपन्या (Google, YouTube, Microsoft, Apple Inc., इ.) त्यांच्या वेबसाइट आणि अनुप्रयोग डिझाइन करण्यासाठी त्याचा वापर करतात. आपण अद्याप फ्लॅट वेबसाइट डिझाइन समर्थकांच्या पंथात नाही का? मग आम्ही तुमच्याकडे येत आहोत!

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

हे सर्व skeuomorphism सह सुरू झाले

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

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

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

"सर्वोत्तम डिझाइन शक्य तितके कमी डिझाइन आहे"

डायटर रॅम्सने पाण्यात कसे पाहिले - एक प्रसिद्ध औद्योगिक डिझायनर जो अनाहूत डिझाइन, ॲनिमेशन इफेक्ट इत्यादींना विरोध करतो. जून 2013 मध्ये Apple Inc. क्रांतिकारक iOS 7 सादर केले, ज्याला सपाट वेब डिझाइन शैलीचे सर्व गुणधर्म प्राप्त झाले. तथापि, विमानाने ताबडतोब वास्तववाद आणि व्हॉल्यूमचा "पराभव" केला नाही.

बर्याच काळापासून, वापरकर्ते स्टीव्ह जॉब्सची जादू आणि "तुम्हाला चाटायचे आहेत" चिन्हे विसरू शकत नाहीत. बऱ्याच जणांनी “गरीब सात” चा निरोप घेतला आणि “रेडियंट अँड्रॉइड” वर स्विच केले. आयओएस 7 मध्ये मोठ्या प्रमाणात बग्स उपस्थित होते आणि ॲप्लिकेशन्स उघडताना पॅरॅलॅक्स आणि "स्नॉट" ॲनिमेशनसह पांढरेशुभ्र, अर्धपारदर्शक डिझाइन आगीत इंधन जोडत होते.

ज्यांनी स्वतःला अपरिहार्य वास्तवाचा राजीनामा दिला आणि Apple ऑपरेटिंग सिस्टममध्ये राहिले त्यांना अखेरीस हे समजले की सपाट वेब डिझाइन केवळ मनोरंजक दिसत नाही तर सर्व अनुप्रयोगांसाठी ऑर्डर आणि एकसंध व्हिज्युअल शैली देखील आणते.

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

ही शैली वापरण्याच्या फायद्यांमध्ये हे समाविष्ट आहे:

रचनेची स्पष्टता आणि व्हिज्युअल एड्सची संक्षिप्तता. "अनावश्यक काहीही नाही" शैलीतील प्रतिसादात्मक इंटरफेस, ज्यामुळे वापरकर्त्यांना त्यांना काय सांगायचे आहे ते त्वरीत समजते;

चांगल्या टायपोग्राफीवर भर. सामग्री प्रथम येते, जी आजच्या माहितीच्या विपुलतेमध्ये अत्यंत महत्त्वाची आहे;

कमीत कमी व्हिज्युअल इफेक्ट्समुळे वेब पेजेसचा लहान आकार आणि जलद साइट कार्यप्रदर्शन. अनुकूली आवृत्त्या तयार करताना हे विशेषतः उपयुक्त आहे, कारण फॉर्म जितके सोपे तितके ते मोबाइल डिव्हाइसच्या छोट्या स्क्रीनवर प्रदर्शित करणे सोपे आहे.

फ्लॅट वेब डिझाइनचे त्याचे तोटे देखील आहेत:

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

त्रिमितीयता आणि सावल्यांचा अभाव कधीकधी घटक क्लिक करण्यायोग्य आहे की नाही हे समजणे कठीण करते;

विशिष्ट निश्चित नियमांचा अभाव.

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

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

वेब डेव्हलपमेंटमधील आधुनिक ट्रेंड आणि दृष्टिकोन

वेबसाइट बिल्डिंगमध्ये सुरवातीपासून जलद वाढीसाठी अल्गोरिदम जाणून घ्या

कोणतेही ग्रेडियंट, 3D चिन्ह, ॲनिमेटेड संक्रमणे किंवा इतर विशेष प्रभाव नाहीत. हे सर्व तुमची साइट जड करेल आणि गडबड करेल - तुम्हाला याची गरज आहे का?

सुविधा आणि कार्यक्षमता जोडण्यासाठी स्पष्ट बाह्यरेखा असलेले सपाट चिन्ह वापरा.

चमकदार, समृद्ध रंग पॅलेट वापरा. आता कल सौर स्पेक्ट्रमच्या टोनचा आहे: हलका पिवळा, गुलाबी आणि हिरव्या भाज्या. मुख्य गोष्ट म्हणजे ते जास्त करणे नाही - पृष्ठावर 3 पेक्षा जास्त रंग नसावेत.

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

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

नेव्हिगेशन मेनू आणि इतर साइट घटक शक्य तितके सोपे करा. बटणांसाठी, सावल्या किंवा हायलाइटिंगशिवाय नियमित आयत वापरा.

अशा प्रकारे, गेल्या काही वर्षांत, फ्लॅट डिझाइन वेबसाइट्स सर्वांनी स्वीकारलेले मानक बनले आहेत. बऱ्याच आधुनिक वेबसाइट्स पहा - त्या मुळाशी सपाट आहेत.

शेवटी, मी यशस्वी फ्लॅट डिझाइनची वचन दिलेली उदाहरणे देईन, जी तुम्हाला तुमची स्वतःची उत्कृष्ट कृती तयार करण्यासाठी प्रेरणा देऊ शकतात.

1. वेबसाइट http://dunked.com.

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

2. मायक्रोसॉफ्ट इंटरफेस.

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

हा इंटरफेस, ज्याला मेट्रो म्हटले गेले, नंतर वैयक्तिक संगणकांवर (विंडोज 8 ओएस), Xbox 360 इंटरफेस आणि इतर मिरकोसॉफ्ट सॉफ्टवेअर उत्पादनांमध्ये स्थलांतरित झाले.

3. वेबसाइट http://www.vox.com.

बरं, तुम्ही प्रेरित आहात का? छद्म-वास्तववादी 3D सौंदर्यशास्त्रासह खाली!

इतकंच. सदस्यता घ्या आणि सामाजिक नेटवर्कवर मित्रांसह आमचे लेख सामायिक करा. तुमच्यासाठी उच्च रूपांतरणे!

वेब डेव्हलपमेंटमधील आधुनिक ट्रेंड आणि दृष्टिकोन

वेबसाइट बिल्डिंगमध्ये सुरवातीपासून जलद वाढीसाठी अल्गोरिदम जाणून घ्या

तुलनेने अलीकडे, फ्लॅट डिझाइन किंवा फ्लॅट डिझाइन सारख्या डिझाइनची दिशा लोकप्रिय झाली आहे.

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

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

फ्लॅट - डिझाइनमध्ये खालील वैशिष्ट्ये आहेत:

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

टायपोग्राफी, भूमिती समोर येतात. विशेषत: जेव्हा वेब डिझाइनचा विचार केला जातो.

सुसंवाद आणि. डिझाइनमध्ये मर्यादित रंगांचा वापर केला जातो. येथे लोकप्रिय FLAT डिझाइन पॅलेटचे उदाहरण आहे.

सर्जनशील माहितीपूर्ण चिन्हांचा वापर.

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

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

बरं, आपणही बदलत्या जगाशी जुळवून घेऊ. पुढील लेखात, मी तुम्हाला फोटोशॉपमध्ये साध्या आकारांचा वापर करून FLAT शैलीचे चिन्ह कसे तयार करू शकता ते दाखवेन.

माझी प्रकाशने तुम्हाला स्वारस्य असल्यास, मी तुम्हाला साइटवरील नवीनतम अद्यतनांची माहिती ठेवण्यास सुचवितो.

(आज 2,159 वेळा भेट दिली, 1 भेटी)

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

जिथे हे सर्व सुरू झाले

वेब डिझाइन त्याच्या स्थापनेपासून मोठ्या संख्येने बदलले आहे. साध्या आणि कंटाळवाण्या घटकांपासून ते त्रि-आयामी, बहिर्वक्र आणि जवळजवळ साहित्यापर्यंत खूप लांब पल्ला गाठला आहे. विंडोज ऑपरेटिंग सिस्टमचे स्वरूप बदलण्याच्या उदाहरणामध्ये हे सहजपणे पाहिले जाऊ शकते. व्हिज्युअल घटक तंत्रज्ञानाच्या विकासाच्या समांतर विकसित होत आहे. परंतु त्याचे नवीन ट्रेंड, त्याऐवजी, मिनिमलिझम आणि साधेपणाकडे परत येण्याकडे निर्देश करतात.

स्क्युओमॉर्फिझमपासून फ्लॅट डिझाइनपर्यंत

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

शैलीतील फरकाचे उत्कृष्ट दृश्य उदाहरण खालील फोटो आहे. डावीकडील प्रतिमा सपाट रचना आहे, तर उजवीकडील प्रतिमा स्क्युओमॉर्फिझम आहे.

सपाट शैलीची वैशिष्ट्ये

फ्लॅट ही द्विमितीय शैली आहे. यात पूर्णपणे कोणतेही दृश्य प्रभाव नाहीत, जसे की गुळगुळीत रंग संक्रमणे, सावल्या किंवा त्रिमितीय पोत. एका शब्दात, प्रत्येक गोष्ट जी प्रतिमा त्रिमितीय बनवते.

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

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

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

फ्लॅट डिझाइन उदाहरणे

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

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

फ्लॅट डिझाइनची उत्क्रांती

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

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

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

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

शैलीचे फायदे आणि तोटे

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

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

एक सरलीकृत देखावा मजकूर वाचणे सोपे करते आणि आपल्याला मुख्य सामग्रीवर लक्ष केंद्रित करण्यास अनुमती देते.

डिझाइन सुसंवादी आणि समग्र दिसते, जे एकूणच आनंददायी छाप निर्माण करते.

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

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

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

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

आमच्या कंपनीला फ्लॅट शैलीमध्ये वेबसाइट तयार करण्याचा अनुभव आधीच आहे आणि आम्हाला फ्लॅट वेबसाइट तयार करण्यात मदत करण्यात आनंद होईल!

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

खाली आम्ही सपाट शैली वापरणाऱ्या काही साइट्सचे विश्लेषण करू आणि उदाहरणे देऊ.

1. सर्व प्रभाव काढून टाका

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

फ्लॅट डिझाइनमध्ये तुम्हाला वास्तववादी दिसण्याचा प्रयत्न करणारे घटक सापडणार नाहीत (स्क्युओमॉर्फिझम), 3D ॲनिमेशन, वास्तववादी चिन्ह इ. तथापि, डिझाइन स्वतःच पारंपारिक सारखेच राहण्याचा प्रयत्न करते, परंतु आता लेबले, बटणे आणि नेव्हिगेशन समोर येतात.

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

2. साधे घटक वापरा

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

3. टायपोग्राफीवर लक्ष केंद्रित करूया

मागील तत्त्वानुसार, सपाट डिझाइनमधील ग्राफिक्स सोपे असल्याने, एक अत्यंत महत्त्वाचा घटक म्हणजे टायपोग्राफी - शिलालेखांची रचना. फ्लॅट डिझाईनमध्ये बटनांसह टायपोग्राफीही समोर येते.

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

तुम्ही एक साधा sans-serif फॉन्ट काही नवीन फॉन्टसह एकत्र करण्याचा विचार करू शकता ज्याला कला घटक म्हणून समजले जाईल. फॉन्टने डिझाईन सोपी आणि स्पष्ट होण्यास मदत केली पाहिजे, तर बटणे आणि इतर घटक केवळ परस्पर क्रियाशीलता वाढवण्यासाठी काम करतात.

4. रंगाने लक्ष वेधून घेऊया

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

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

5. मिनिमलिझम

सपाट डिझाइन निसर्गाने सोपे आहे आणि किमान दृष्टीकोनसह चांगले बसते.

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

हे लक्षात घ्यावे की काही छायाचित्रांमध्ये नैसर्गिक खोली असते, परंतु सर्वसाधारणपणे ते संपूर्ण डिझाइन प्लेनमध्ये बसते.