फ़्लैट डिज़ाइन हाल ही में ऐप्स और वेबसाइटों के लिए लोकप्रिय हो गया है। इसका मतलब यह नहीं है कि हर कोई इस शैली को बिल्कुल पसंद करता है, लेकिन यह निश्चित रूप से सभी एप्लिकेशन और साइटों के लिए उपयुक्त नहीं है। यदि फ्लैट डिज़ाइन के कई फायदे हैं, जैसे सादगी और न्यूनतावाद, तो इसका उपयोग करना आसान हो जाता है। कुछ अनुप्रयोगों के लिए, फ़्लैट डिज़ाइन बहुत सरल हो सकता है। यानी, इसे बेहतर दिखाने के लिए इसमें कुछ छायाएं या ग्रेडिएंट जोड़ने लायक है।

कई लोग तर्क देते हैं कि फ्लैट वेब डिज़ाइन प्रभावी डिज़ाइन है। वे कहते हैं कि यह परियोजना को यथासंभव उपयोगकर्ता-अनुकूल बनाने का एक तरीका है। यहां फ्लैट डिज़ाइन परियोजनाओं के कुछ प्रेरक उदाहरण दिए गए हैं। विभिन्न पोर्टफ़ोलियो से यह चयन उन फ्लैट डिज़ाइनों को समझने के लिए बहुत अच्छा है जो वास्तव में काम करते हैं।

आईएसलैंड

जनवरी क्रिएटिव

न्यूनतम बंदर

फ्लैट डिज़ाइन क्या है?

• फ्लैट डिज़ाइन उपयोगकर्ता पर केंद्रित है
• फ्लैट डिज़ाइन सरल है
• समतल डिज़ाइन - कम ग्रेडिएंट
• सपाट डिज़ाइन में सीधी रेखाएँ और चौकोर कोने शामिल हैं
• आमतौर पर मजबूत रंग कंट्रास्ट का उपयोग करें
• फ़्लैट डिज़ाइन में कोई छाया, बेवेल, बनावट या ऐसी कोई चीज़ नहीं है जो 3D दिखती हो
• फ़्लैट डिज़ाइन केवल 2 आयामों में मौजूद है
• फ्लैट डिजाइन - सादगी और अतिसूक्ष्मवाद की ओर एक प्रवृत्ति
• फ़्लैट डिज़ाइन - अतिरिक्त प्रभावों का उपयोग न करें
• कोई अतिरिक्त चीजें नहीं हैं
• फ्लैट डिज़ाइन - कम बटन और बॉडी किट
• फ़्लैट डिज़ाइन का अर्थ है फ़ॉन्ट पर ध्यान केंद्रित करना
• रंग संयोजन, विपरीत रंग और दिलचस्प रंग विविधताएं फ्लैट डिज़ाइन के महत्वपूर्ण घटक हैं।
• फ़्लैट डिज़ाइन कई डिज़ाइनों में से एक है। यह कुछ परियोजनाओं के लिए उपयुक्त है, लेकिन अन्य के लिए नहीं।

फ्लैट डिज़ाइन क्या नहीं है?

• फ़्लैट डिज़ाइन स्क्यूओमोर्फिज़्म या डिज़ाइन नहीं है जो "वास्तविकता" के आकार और रूपरेखा का अनुकरण करता है।
• फ्लैट डिज़ाइन में चमकदार बटन शामिल नहीं हैं
• फ्लैट डिज़ाइन में सजावट शामिल नहीं है
• फ्लैट डिज़ाइन में आपको "गहराई" के बारे में पारंपरिक विचार नहीं मिलेंगे
• फ़्लैट डिज़ाइन सभी परियोजनाओं के लिए उपयुक्त नहीं है

क्या फ्लैट डिज़ाइन सिर्फ एक कुशल डिज़ाइन है?

कुछ लोग फ्लैट डिज़ाइन को अपने आप में एक कुशल डिज़ाइन मानते हैं। यानी, यह साइटों और एप्लिकेशन के उपयोग को सरल बनाता है, जिससे आप बिना ध्यान भटकाए आवश्यक जानकारी पा सकते हैं। बेशक, फ़्लैट डिज़ाइन ही एकमात्र ऐसा डिज़ाइन नहीं है जो जानकारी ढूंढना आसान बनाता है। अगर सब कुछ ठीक रहा तो यूजर्स को कोई दिक्कत नहीं होगी. यह परियोजना उन लोगों के लिए सरल और आसान होनी चाहिए जो इसका उपयोग करने में सक्षम हैं। कुछ लोग फ़्लैट डिज़ाइन का उपयोग करना पसंद करते हैं, जबकि अन्य लोग भिन्न डिज़ाइन शैली पसंद करते हैं।

फ्लैट डिज़ाइन के लिए तत्व

क्या आपको फ्लैट डिज़ाइन पसंद है? यहां कुछ तत्व दिए गए हैं जिनका उपयोग "फ्लैट" डिज़ाइन के लिए किया जा सकता है

फ्लैट चिह्न पैक

अंग्रेजी से अनुवादित "फ्लैट" शब्द का अर्थ "फ्लैट" है। अपनी स्थापना के बाद से, तथाकथित फ़्लैट डिज़ाइन ने कई वर्षों तक बाज़ार में अग्रणी स्थान बनाए रखा है।

जहाँ ये सब शुरू हुआ

अपनी स्थापना के बाद से वेब डिज़ाइन में बड़ी संख्या में बदलाव हुए हैं। यह सरल और उबाऊ तत्वों से त्रि-आयामी, उत्तल और लगभग भौतिक तक एक लंबा सफर तय कर चुका है। इसे विंडोज़ ऑपरेटिंग सिस्टम का स्वरूप बदलने के उदाहरण में आसानी से देखा जा सकता है। दृश्य घटक प्रौद्योगिकी के विकास के समानांतर विकसित हो रहा है। लेकिन इसके नए रुझान, बल्कि, अतिसूक्ष्मवाद और सरलता की ओर लौटने की ओर इशारा करते हैं।

स्क्यूओमोर्फिज्म से लेकर फ्लैट डिजाइन तक

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

शैलियों में अंतर का एक उत्कृष्ट दृश्य उदाहरण नीचे दी गई तस्वीर है। बाईं ओर की छवि एक सपाट डिज़ाइन है, जबकि दाईं ओर की छवि स्क्यूओमोर्फिज्म है।

समतल शैली की विशेषताएँ

फ़्लैट एक द्वि-आयामी शैली है। इसमें बिल्कुल कोई दृश्य प्रभाव नहीं है, जैसे कि सहज रंग परिवर्तन, छाया या त्रि-आयामी बनावट। एक शब्द में, वह सब कुछ जो छवि को त्रि-आयामी बनाता है।

मुख्य सूचना सामग्री आइकन (फ्लैट डिज़ाइन आइकन) में निहित है। जब स्मार्टफोन अनुप्रयोगों की बात आती है तो उन्हें उपयोगकर्ता के लिए यथासंभव स्पष्ट होना चाहिए। वेबसाइटों के लिए, आइकन मुख्य तत्व हैं जो इसकी विशिष्टता और सूचना संदेश को दर्शाते हैं। एक नियम के रूप में, उन्हें एक विशिष्ट पारंपरिक छवि के साथ सरल ज्यामितीय आकृतियों, एक वृत्त या एक वर्ग के रूप में प्रस्तुत किया जाता है।

फ़्लैट डिज़ाइन विकसित करते समय रंग योजना पर भी ध्यान दिया जाता है। यह नीरस होना चाहिए, घुसपैठिया नहीं होना चाहिए और उपयोगकर्ता का ध्यान भटकाने वाला नहीं होना चाहिए। अक्सर, एक शुद्ध रंग और कई विपरीत रंगों का उपयोग किया जाता है। वैसे, फ़्लैट डिज़ाइन रंगों के सेट वाली कई इंटरनेट सेवाएँ हैं जिनका उपयोग आप अपने पसंदीदा रंगों के हेक्स कोड को कॉपी करके कर सकते हैं।

टाइपोग्राफी (पाठ) जैसी चीज़ भी कम महत्वपूर्ण नहीं है। समग्र सरलता के कारण, पाठ्य घटक विशेष रूप से अलग दिखता है। इसका मतलब यह है कि यह पठनीय होना चाहिए और सामान्य शैली के विपरीत नहीं होना चाहिए। यह फ़ॉन्ट और उसके रंग के सफल चयन पर निर्भर करेगा।

फ्लैट डिज़ाइन उदाहरण

आइए इस तथ्य से शुरू करें कि कई प्रसिद्ध इंटरनेट संसाधनों और सामाजिक नेटवर्क के प्रतीक एक सपाट तरीके से बदल गए हैं। अभी कुछ समय पहले ही दिग्गज Google और YouTube ने भी अपने डिजाइन को बदलकर फ्लैट कर दिया था। विंडोज़ ऑपरेटिंग सिस्टम ने, आठ से शुरू करके, आइकनों में वॉल्यूम के सभी संकेतों को पूरी तरह से त्याग दिया, जिससे पिछले संस्करणों में कुछ उपयोगकर्ताओं की नज़रें खुश हो गईं, और फ़्लैट डिज़ाइन का पालन करना शुरू कर दिया। आईओएस और एंड्रॉइड के लिए मोबाइल एप्लिकेशन के डेवलपर्स ने भी इसका अनुसरण किया।

एक-पेज वाली वेबसाइटें (लैंडिंग पेज) फ्लैट डिज़ाइन के फायदों का व्यापक रूप से उपयोग करती हैं, जिसके लिए निर्णायक भूमिका दिखावटी उपस्थिति नहीं, बल्कि कार्यक्षमता और पठनीयता निभाती है।

फ्लैट डिजाइन का विकास

सबसे पहले, फ़्लैट डिज़ाइन वास्तव में पूरी तरह से सपाट था, जिसने उत्तल बटनों के आदी उपयोगकर्ताओं के लिए कुछ कठिनाइयाँ पैदा कीं। यदि स्क्यूओमोर्फिज्म में बटनों की क्लिक करने की क्षमता तुरंत ध्यान देने योग्य थी, तो फ्लैट डिज़ाइन के पहले बदलावों में पहली बार तत्वों की अन्तरक्रियाशीलता निर्धारित करना हमेशा संभव नहीं होता था।

माइक्रोसॉफ्ट द्वारा फ्लैट शैली में डिजाइन किए गए विंडोज 8 को जारी करने के बाद, सभी उपयोगकर्ता तुरंत नए इंटरफ़ेस का पता लगाने में सक्षम नहीं थे और वे किस आइकन पर क्लिक कर सकते थे। तत्वों की उपस्थिति उनके साथ किसी भी तरह की संभावित बातचीत का संकेत नहीं देती है। यह डिज़ाइन मोबाइल एप्लिकेशन के लिए अधिक सुविधाजनक था, जिसने इस विचार को उठाया। और Apple iOS 7 के साथ ऐसा करने वाला पहला था।

हालाँकि, फ़्लैट डिज़ाइन स्थिर नहीं है और अधिक जटिलता की ओर विकसित हो रहा है। आज, यह तेजी से सेमी-फ्लैट डिज़ाइन जैसा दिखता है या, जैसा कि इसे फ़्लैट 2.0 भी कहा जाता है। इसमें गहराई प्रभाव, छायाएं और ग्रेडिएंट्स दिखाई देने लगे। समतल डिज़ाइन में गहराई तत्वों को विभिन्न स्तरों पर या कोणों पर व्यवस्थित करके प्राप्त की जाती है।

जो भी हो, शैली लोकप्रियता के चरम पर है और काफी मांग में है। इसलिए, यदि आप अपनी वेबसाइट डिज़ाइन करने की योजना बना रहे हैं, तो आप सुरक्षित रूप से फ़्लैट डिज़ाइन का विकल्प चुन सकते हैं। और यदि आपको अपनी वेबसाइट के लिए कुछ गायब तत्वों की आवश्यकता है, तो इंटरनेट पर आप बड़ी संख्या में निःशुल्क फ्लैट डिज़ाइन यूआई तत्व (डाउनलोड करने के लिए निःशुल्क) पा सकते हैं, जैसे आइकन, फ़ॉन्ट, टेम्पलेट और उपयोगकर्ता इंटरफ़ेस के अन्य आवश्यक घटक।

शैली के पक्ष और विपक्ष

निःसंदेह, आज की तेज़-तर्रार जिंदगी में, ऐसी विवेकशील, जानकारीपूर्ण शैली अपने पूर्ववर्ती की तुलना में अधिक सुविधाजनक है। फ्लैट डिज़ाइन के कई निर्विवाद फायदे हैं।

सबसे महत्वपूर्ण बात, शायद, वेब पेजों का तेजी से लोड होना है। जो वेबसाइटें फ़्लैट डिज़ाइन का उपयोग करती हैं, वे उन वेबसाइटों की तुलना में बहुत तेज़ी से खुलती हैं जो एनीमेशन और अन्य भारी वस्तुओं से भरी होती हैं। लोडिंग समय एसईओ अनुकूलन और वेबसाइट को शीर्ष पर प्रचारित करने के लिए विशेष रूप से महत्वपूर्ण है।

एक सरलीकृत स्वरूप पाठ को पढ़ने में आसान बनाता है और आपको मुख्य सामग्री पर ध्यान केंद्रित करने की अनुमति देता है।

डिज़ाइन सामंजस्यपूर्ण और समग्र दिखता है, जो समग्र रूप से सुखद प्रभाव पैदा करता है।

कुछ भी पूर्ण नहीं हो सकता और फ़्लैट डिज़ाइन कोई अपवाद नहीं है। अपनी सभी स्पष्ट सादगी के बावजूद, वास्तव में सफल फ्लैट वेब डिज़ाइन विकसित करना इतना आसान नहीं है। इसे उबाऊ और अनाकर्षक बनाने की संभावना है. या, इसके विपरीत, डिज़ाइन के साथ अति करें और कार्यक्षमता के बारे में भूल जाएं। फ़्लैट डिज़ाइन विकसित करते समय मुख्य कार्य सुंदरता और उपयोग में आसानी के बीच सही संतुलन बनाए रखना है।

अपेक्षाकृत हाल ही में, FLAT डिज़ाइन या फ़्लैट डिज़ाइन जैसी डिज़ाइन दिशा लोकप्रिय हो गई है।

विंडोज 8 और बाद के संस्करणों के उपयोगकर्ता पहले से ही FLAT डिज़ाइन से परिचित हैं, क्योंकि सिस्टम लोड करते समय सबसे पहली चीज़ जो उन्हें मिलती है वह यह स्क्रीन है।

FLAT डिज़ाइन की उपस्थिति मोबाइल एप्लिकेशन के प्रसार के कारण है। और मुझे लगता है कि यह इस तथ्य के कारण है कि FLAT डिज़ाइन ऑब्जेक्ट वेक्टर ऑब्जेक्ट का उपयोग करके बनाए जाते हैं, और तदनुसार उन्हें विभिन्न गैजेट प्लेटफ़ॉर्म पर अनुकूलित करना आसान होता है।

फ्लैट - डिज़ाइन में निम्नलिखित विशेषताएं हैं:

ग्रेडियेंट, जटिल बनावट और छाया की पूर्ण या आंशिक अस्वीकृति , जिससे मैं व्यक्तिगत रूप से बहुत खुश हूं। मुझे छायाओं के बारे में कोई शिकायत नहीं है और मैं स्वयं उनका उपयोग करना पसंद करता हूं, लेकिन ग्रेडिएंट डिस्प्ले के साथ शाश्वत समस्याओं को दूर होने दें।

टाइपोग्राफी, ज्यामिति सामने आती है। खासकर जब बात वेब डिज़ाइन की आती है।

सद्भाव और. डिज़ाइन सीमित संख्या में रंगों का उपयोग करता है। यहां लोकप्रिय FLAT डिज़ाइन पैलेट का एक उदाहरण दिया गया है।

रचनात्मक सूचनात्मक चिह्नों का उपयोग.

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

एक समय में वेब डिज़ाइन में सबसे लोकप्रिय चलन वेब 2.0 था। अब इसकी जगह FLAT डिज़ाइन ने ले ली है। फैशन में कुछ नया बनाने के लिए भूले हुए पुराने को वापस लौटाने की आदत होती है। कौन जानता है कि FLAT डिज़ाइन कब फैशन से बाहर हो जाएगा, लेकिन अभी मौजूदा चलन की सादगी, सामंजस्य और सूचना सामग्री का आनंद लें। वैसे, फ्लैट डिज़ाइन 80 के दशक में पहले से ही लोकप्रिय था, लेकिन तब यह तकनीकी विशेषताओं और छाया और ग्रेडिएंट प्रदर्शित करने में असमर्थता के कारण था। और अब अधिकांश प्रमुख आईटी कंपनियां फ्लैट डिजाइन पर स्विच कर चुकी हैं।

खैर, हम भी बदलती दुनिया के साथ तालमेल बिठा लेंगे। अगले लेख में, मैं आपको दिखाऊंगा कि आप फ़ोटोशॉप में सरल आकृतियों का उपयोग करके FLAT स्टाइल आइकन कैसे बना सकते हैं।

यदि मेरे प्रकाशनों में आपकी रुचि है, तो मेरा सुझाव है कि आप साइट पर नवीनतम अपडेट से अवगत रहें।

(2,333 बार देखा गया, आज 1 दौरा)

हमें नहीं पता कि आपने ध्यान दिया है या नहीं, लेकिन हाल ही में (विशेष रूप से पिछले वर्ष में) दुनिया भर में वेब डिज़ाइन में सरलीकरण, क्रूर अतिसूक्ष्मवाद और जो हम उपयोगकर्ता के रूप में प्रत्येक व्यक्ति के साथ बातचीत करते हैं उसे दृश्य रूप से हल्का करने की दिशा में एक स्पष्ट प्रवृत्ति देखी गई है। दिन। सीधे शब्दों में कहें तो, डिज़ाइन "सपाट" हो गया है: सामाजिक नेटवर्क और वेब 2.0 के तेजी से विकास के समय के उत्तल आइकन के विपरीत, अब हम तेजी से नई सेवाओं के सरल आइकन के साथ स्वागत कर रहे हैं। इन सबको इसका नाम मिला - फ्लैट डिजाइन। अपार्टमेंट नहीं, बल्कि फ्लैट.

नए मोबाइल ओएस, आईओएस 7 की कल की प्रस्तुति के साथ, ऐप्पल ने अंततः इस प्रवृत्ति की लोकप्रियता में तेजी से वृद्धि की पुष्टि की, पारंपरिक रूप से अपने कुछ प्रशंसकों को प्रसन्न किया, लेकिन अनुभवी उपयोगकर्ताओं और डिजाइनरों के बीच महत्वपूर्ण असंतोष का भी सामना किया। क्या बात क्या बात? इस फ्लैट डिज़ाइन का क्या उपयोग है और क्या दुनिया को वास्तव में इसकी आवश्यकता है? हमने यूक्रेन और विदेशों से विशेषज्ञों की ओर रुख करने का फैसला किया।

हमने उनसे तीन मुख्य प्रश्नों के उत्तर देने को कहा:

• दुनिया वेब और मोबाइल पर फ़्लैट डिज़ाइन की ओर क्यों बढ़ने लगी और यह क्या है;
• यह Apple और iOS 7 को क्या देगा;
• यह एक ओर डिजाइनरों और दूसरी ओर उपयोगकर्ताओं को कैसे प्रभावित करेगा।

डेनिस सुदिलकोव्स्की, कीव
इंटरेक्शन डिज़ाइन विशेषज्ञ, निर्माता Prodesign.in.ua

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

इससे एप्पल को क्या मिलेगा? यह ट्रेंड में अपनी जगह बनाए रखेगा और सैकड़ों-हजारों टिप्पणियाँ मिलेंगी कि उनका iOS एंड्रॉइड के समान होता जा रहा है।

डिजाइनरों को विकसित होना होगा (और इस बारे में मजाक मत करो कि मैकेनिकल इंजीनियरिंग में फ्लैट डिजाइन कब आएगा और हमें फ्लैट कारें मिलेंगी :)। जब कोई सजावट नहीं होती है, तो सारा काम उपयोगकर्ता के साथ एक विशिष्ट परिदृश्य के लिए सामग्री के साथ मूड बनाना होता है। इस पेशे में कलाकार की तुलना में निर्देशक के साथ अधिक से अधिक समानता होगी। इसके विपरीत, उपयोगकर्ताओं को नए अनुभव और नए इंप्रेशन प्राप्त होते हैं। व्यक्तिगत रूप से, मैं 4 वर्षों से iPhone का अनुयायी था, लेकिन इस वसंत में मैंने अपने फ़ोन को Android में बदल दिया, केवल एक ही कारण से - मैं Apple इंटरफ़ेस की नीरस आदर्शता से थक गया था।

डैनियल ब्रूस, स्टॉकहोम
वरिष्ठ डिजिटल क्रिएटिव, danielbruce.se

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

वेब और मोबाइल फ़्लैट डिज़ाइन की ओर बढ़ने में धीमे क्यों हैं? जिस तरह से मैं इसे देखता हूं वह यह है कि यह सिर्फ एक प्रवृत्ति है। मैंने यूजर इंटरफेस में फ्लैट डिज़ाइन के लाभों के बारे में कभी लेख नहीं देखा है और मैं अभी भी इसके बारे में आश्वस्त नहीं हूं। सरल और स्पष्ट डिज़ाइन - हाँ, लेकिन यह "फ्लैट" के समान नहीं है। उदाहरण के लिए Google को देखें। वे पूरी तरह से सपाट डिज़ाइन नहीं बनाते हैं, वे - और मैं इस बात से सहमत हूं - फिर भी कुछ गहराई और बदलाव की आवश्यकता देखते हैं।

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

कल रात मैंने ऐप्पल से जो देखा वह कई दिलचस्प डिज़ाइनों की एक घटिया नकल थी जो पिछले साल से ड्रिबल और बेहांस जैसी साइटों पर सामने आ रहे थे। मैंने कुछ भी नया नहीं देखा - सिवाय इसके कि यह स्टीव जॉब्स के उसी "पुराने एप्पल" से बहुत दूर है। कंपनी ने दिखाया है कि वह मोबाइल इंटरफ़ेस डिज़ाइन में सबसे आगे नहीं है। बेशक, हम अगले कुछ महीनों में प्रशंसकों को इन सभी सफेद डिज़ाइनों और रचनात्मक ग्रेडिएंट्स को अपनाते हुए देखेंगे, लेकिन मुझे नहीं लगता कि यह पहलू Google के हालिया शटडाउन जितना प्रभावशाली होगा। लेकिन दूसरी ओर, चाहे जो भी हो, Apple हमेशा मेरे सहित कई लोगों के लिए एक ट्रेंडसेटर और प्रेरणा रहा है।

जहां तक ​​आम उपयोगकर्ताओं की बात है तो उन्हें चमकीले रंग पसंद हैं।

इवान क्लिमेंको, कीव
मोबाइल इंटरफ़ेस डिज़ाइनर, 5tak.com

काफी हद तक, मैं इस फ्लैट स्टाइलिंग आकर्षण स्थिति के बारे में थोड़ा दार्शनिक हूं। यह पहली बार नहीं है कि डिजाइनरों की रुचि अतिसूक्ष्मवाद और कृत्रिम सामग्रियों में बढ़ी है। सब कुछ बीत जाता है।

20-30 के दशक के बॉहॉस युग ने डिजाइन में बहुत बड़ा योगदान दिया, लेकिन फिर भी, टोन की जकड़न और कृत्रिमता लोगों की अधिक प्राकृतिक चीजों से घिरे रहने की इच्छा और आंतरिक आग्रह का सामना नहीं कर सकी।

फिर 60 के दशक में हर कोई प्लास्टिक की प्रशंसा करने लगा।

फर्नीचर, बर्तन और यहां तक ​​कि कपड़े भी प्लास्टिक से बने होते हैं। ऐसा लगता था कि यह मानवता के लिए एक नई आशा थी, लेकिन फिर नहीं - लोग बहुत जल्दी प्राकृतिक रूपों या प्राकृतिक सामग्रियों की प्रतियों में लौट आए।

रूपों और न्यूनतम ग्राफिक्स के कठोर विरोधाभास ने हमेशा समाज के भीतर आंतरिक संघर्षों के संचय को व्यक्त किया है। डिज़ाइन सिर्फ एक दर्पण है जो हमारी आंतरिक दुनिया को दर्शाता है। बहुत कुछ हो रहा है. जीवन बहुत तेज़ गति से चलता है, और हमारे पास कुछ भी सोचने या विचार करने का समय नहीं होता है। हमारे पास अक्सर जीने के लिए समय नहीं होता।

अतिसूक्ष्मवाद और ये सभी इलेक्ट्रॉनिक हार्डवेयर कुछ अधिक प्राकृतिक और मानवीय होने की दिशा में एक कदम मात्र हैं। किसी अन्य कंप्यूटर से भी अधिक. मुझे इस बात का भी दुख है कि Apple, जो गहराई से देखना जानता था, अब अस्तित्व में नहीं है।

ओलेसा ग्रिचिना, कीव
कंपोनेंटिक्स, ट्विटर पर यूआई डिजाइनर: एलेंडिएल

मुझे लगता है कि डिज़ाइनर विभिन्न स्क्रीन आकार और रिज़ॉल्यूशन वाले बड़ी संख्या में गैजेट्स से बहुत प्रभावित हुए हैं - इस सभी विविधता के लिए बनावट, जटिल छाया के बिना एक डिज़ाइन बनाना आसान है जो सही ढंग से प्रकाश व्यवस्था को ध्यान में रखता है, आदि। वे "कैसे खूबसूरती से चित्र बनाएं" के बजाय "उपयोगकर्ता के लिए इसे और अधिक सुविधाजनक कैसे बनाया जाए" की दिशा में अधिक सोचने लगे। सामग्री मुख्य चीज़ है, और हमारे काम में इसे सर्वोत्तम संभव तरीके से प्रस्तुत करना महत्वपूर्ण है।

मुझे ऐसा लगता है कि बाहरी परिवर्तनों (फ्लैट यूआई, आइकन) के पीछे, उन्होंने विशेष रूप से उपयोग में आसानी में गंभीर बदलावों पर ध्यान नहीं दिया, और वे इस विषय के बारे में कैसे शपथ लेते हैं। जब वे जाँचेंगे कि यह काम कर रहा है, तो वे कहना शुरू कर देंगे, "ओह, कितना सुविधाजनक है, और उन्होंने पहले ऐसा क्यों नहीं किया?" मुझे उम्मीद है कि यह डिजाइनरों को इस तरह प्रभावित करेगा कि वे बनावट और छाया के बजाय इंटरफ़ेस की उपयोगिता पर अधिक ध्यान देंगे। अंत में, ग्राहकों को यह समझाना संभव होगा कि यह एक प्रवृत्ति है :)

मुझे लगता है कि फ्लैट डिज़ाइन विशेष रूप से उपयोगकर्ताओं को प्रभावित नहीं करेगा - यदि उनके लिए सामग्री बनाना और उपभोग करना सुविधाजनक है, तो बहुत सारे संतुष्ट लोग होंगे। लेकिन होम स्क्रीन पर आइकन अभी भी अम्लीय हैं :)

पावेल ग्रोज़्यान, कीव
MacPaw, ग्रोज़ियान में उत्पाद डिजाइनर

"सेब! ए-हा-हा, इसे रोकें! - डिज़ाइनर चिल्ला रहे हैं। - हुर्रे, यह आसान हो गया। - उपयोगकर्ता नारे लगा रहे हैं।" मैं दोनों दृष्टिकोणों को समझता हूं। आज, WWDC2013 की प्रस्तुति के बाद, मेरे कई सहकर्मी खड़े हो गए और कहा, "इस पेशे को खराब कर दो! अब कोई भी ऐसी मूर्खता कर सकता है। और ये आइकन $30 के लिए?!" और पहली नज़र में, वे सही हैं। लेकिन यदि आप गहराई से खोजते हैं, तो आपको पता चलता है कि ऐसी हजारों वस्तुएं हैं जो लंबे समय तक केवल उपयोग के परिदृश्य में, फिर आकार में, फिर रंग में और केवल तब एक दूसरे से भिन्न थीं। कलात्मक विवरण में। मुझे वह समय याद है जब ये सभी लोग अपने लिंक्डइन प्रोफाइल पर आज यूएक्स, यूआई डिज़ाइनर कहते हैं, घबराहट से अक्षरों के सफेद छाया प्रभाव की नकल करते हैं। ऐप्पल की तरह। फिर हल्की और हल्की वेबसाइटें। ऐप्पल की तरह। फिर समृद्ध इंटरफेस बनावट और यथार्थवाद में। Apple की तरह। उनका सारा काम नकल था, क्योंकि सभी के लिए कोई मूल, एकीकृत और सुविधाजनक विकास अवधारणा नहीं थी। यह वह कार्य है जिसे फ्लैट डिज़ाइन आज हल करता है। हालाँकि इसे इस तरह से कॉल करना मेरे लिए गलत लगता है। यह अच्छा है कि Microsoft ने इसका आविष्कार नहीं किया, और इसका गठन डिजिटल युग से दस साल पहले, प्रकाशन के क्षेत्र में किया गया था।

फ़्लैट - यह क्लिक के लिए नहीं है, यह क्लिक, टैप, टैप के लिए है। आप इसे सपाट नहीं कह सकते - बटनों पर "मोटी" बनावट और छाया की अनुपस्थिति इसे काफी सरल बनाती है, और दृश्य आक्रामकता के बिना। और आप बटनों के लिए ग्रेडिएंट के बिना नहीं कर सकते। मैं इस प्रवृत्ति का समर्थन करता हूं. यदि यह उपयोगकर्ता अनुभव की गुणवत्ता में हस्तक्षेप नहीं करता है, तो सभी के लिए इसके साथ रहना आसान हो जाएगा। सबसे पहले उपयोगकर्ता के लिए. दूसरे, निर्माता के लिए: यह तकनीकी कार्यान्वयन में आसान होगा, क्लिक करने के लिए अधिक सुविधाजनक होगा (लिंक को रेखांकित करना - हैलो), और मल्टी-प्लेटफ़ॉर्म - वेब, मोबाइल और डेस्कटॉप को एक ही अनुभव में संयोजित करना। बिना किसी संदेह के, यह Apple के लिए एक साहसिक कदम है। और केवल वे ही इस पर निर्णय ले सकते हैं। उनकी कहानी में दर्जनों पुष्टियाँ हैं, इसलिए इसके विपरीत की तुलना में उनके सफल होने की अधिक संभावना है।

फ्लैट डिजाइन (फ्लैट डिजाइन) वेबसाइटों और इंटरफेस के साथ-साथ ऑपरेटिंग सिस्टम के डिजाइन में एक लोकप्रिय शैली है, जिसकी पहचान सरलता, परिष्कार और न्यूनतावाद है। स्क्यूओमोर्फिज्म के विपरीत फ्लैट डिजाइन ने 2010 में लोकप्रियता हासिल करना शुरू किया।

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

डिज़ाइन में फ़्लैट शैली की लोकप्रियता को माइक्रोसॉफ्ट के मेट्रो शैली में विंडोज 8 ऑपरेटिंग सिस्टम के साथ-साथ iOS 7 के रिलीज़ होने से मदद मिली, जिसमें Apple भी फ़्लैट शैली चुनता है। इसके बाद ही फ्लैट डिजाइन का असली युग शुरू होता है। जल्द ही, बड़ी खोज सेवाएँ और एप्लिकेशन - Google, Youtube - फ़्लैट-डिज़ाइन पर स्विच कर रहे हैं; कई साइटें दिखाई देती हैं जो अपने डिज़ाइन में फ़्लैट शैली के सिद्धांतों का उपयोग करती हैं। हाल के वर्षों में, फ्लैट डिज़ाइन वैश्विक वेबसाइट डिज़ाइन रुझानों में अग्रणी रहा है।

फ्लैट डिज़ाइन के लाभ

1. व्यावहारिकता- फ्लैट डिज़ाइन का उपयोग आपको शैलियों, स्क्रिप्ट और एनिमेशन की संख्या को कम करने की अनुमति देता है, जो साइट को तेजी से लोड करने की अनुमति देता है।
2. अनुकूलन करना आसान है- फ्लैट डिज़ाइन विभिन्न स्क्रीन रिज़ॉल्यूशन के अनुकूल होने के लिए काफी आसान है।
3. उपयोग में आसानी- सरलीकृत शैली के कारण, उपयोगकर्ताओं के लिए साइट पर जानकारी प्राप्त करना आसान हो गया है।
4. सुंदरता- बाहरी निष्पक्षता और सरल डिज़ाइन आपको ऐसे डिज़ाइन पर ध्यान केंद्रित करने की अनुमति देते हैं जो वास्तव में आपको आकर्षित करता है।

फ़्लैट वेबसाइट डिज़ाइन के 5 सिद्धांत

फ़्लैट डिज़ाइन बिल्कुल भी उबाऊ नहीं है, क्योंकि यह पहली नज़र में लग सकता है। उनकी शुद्धता और परिष्कार के लिए धन्यवाद, डिज़ाइन समाधान अनावश्यक शोर के बिना स्टाइलिश और सुंदर हो सकते हैं, जिससे आप अपने उत्पाद या सेवा पर ध्यान केंद्रित कर सकते हैं।

1 - 2डी वस्तुओं का उपयोग करना

फ़्लैट डिज़ाइन में उन तत्वों का उपयोग शामिल नहीं है जो किसी वस्तु को गहराई और आयतन देते हैं: छाया, ग्रेडिएंट, हाइलाइट्स, बनावट, प्रतिबिंब, एनीमेशन। जब किसी वस्तु की छवि बनाई जाती है, तो केवल उसकी रूपरेखा प्रदर्शित होती है।

2 - चिह्न और सरल वस्तुएं

स्पष्ट रूपरेखा और एक ही रंग के साथ फ्लैट आइकन और मोनोसिलेबिक आकृतियों का उपयोग करने से आप डिज़ाइन को यथासंभव सरल बना सकते हैं और इसे हल्का बना सकते हैं। नियंत्रण उपयोगकर्ता के लिए सहज हो जाते हैं और बातचीत को प्रोत्साहित करते हैं।

3 - डिज़ाइन शैली में सरल फ़ॉन्ट

फ़्लैट डिज़ाइन में टाइपोग्राफी और फ़ॉन्ट पर अधिक ध्यान दिया जाता है। यहां इटैलिक का उपयोग नहीं किया गया है; फ़ॉन्ट न केवल सामग्री में, बल्कि नेविगेशन में भी वेबसाइट डिज़ाइन में सामंजस्यपूर्ण रूप से फिट बैठता है। यहां तक ​​कि साइट के फ़ॉन्ट प्रकारों में भी, न्यूनतम शैली को प्रोत्साहित किया जाता है।

4 - रंगों का खेल

फ़्लैट डिज़ाइन में कई प्राथमिक रंग शामिल होते हैं, जो सहज संक्रमण और ग्रेडिएंट के उपयोग को बाहर करते हैं, लेकिन उज्ज्वल और एक दूसरे के विपरीत हो सकते हैं।

5 - अतिसूक्ष्मवाद

फ़्लैट डिज़ाइन में तत्वों के विज़ुअलाइज़ेशन का उपयोग, स्क्रीन की पूरी चौड़ाई का उपयोग करना और साथ ही जानकारी को न्यूनतम करना शामिल है।

लगभग सपाट डिज़ाइन जैसी कोई चीज़ होती है। यह फ्लैट डिज़ाइन अवधारणाओं में से एक है जिसमें सरल तत्वों और द्वि-आयामी स्थान का उपयोग शामिल है। इसका एक उदाहरण एक उच्च-गुणवत्ता वाली फ़ोटो होगी जो पृष्ठभूमि को धुंधला कर देती है या उसे काला कर देती है। यह आपको वस्तु की गहराई और परिप्रेक्ष्य बनाने की अनुमति देता है।

फ़्लैट डिज़ाइन उदाहरण

इंटरनेट पर, बेलारूसी खंड सहित, आप समाचार संसाधनों, पोर्टल और यहां तक ​​कि ऑनलाइन स्टोर सहित विभिन्न विषयों में फ्लैट डिजाइन वाली वेबसाइटों के विकास के कई उदाहरण पा सकते हैं।