फ्लैट डिजाइन: Difference between revisions
No edit summary |
No edit summary |
||
(5 intermediate revisions by 3 users not shown) | |||
Line 7: | Line 7: | ||
|[[File:Volkswagen logo 2019.svg|frameless|64px]]<br>{{center|2019}} | |[[File:Volkswagen logo 2019.svg|frameless|64px]]<br>{{center|2019}} | ||
|} | |} | ||
'''फ्लैट डिज़ाइन''' एक अतिसूक्ष्मवाद (कंप्यूटिंग) डिज़ाइन भाषा या डिज़ाइन शैली है जिसका उपयोग | '''फ्लैट डिज़ाइन''' एक अतिसूक्ष्मवाद (कंप्यूटिंग) डिज़ाइन भाषा या डिज़ाइन शैली है जिसका उपयोग सामान्यतः [[ग्राफिकल यूजर इंटरफेस]] (जीयूआई) (जैसे [[ वेब अनुप्रयोग ]] और [[मोबाइल एप्लिकेशन]]), और ग्राफिकल सामग्री जैसे [[पोस्टर]], कला, गाइड दस्तावेज़ और प्रकाशन उत्पादों में भी किया जाता है। | ||
== परिभाषा और उद्देश्य == | == परिभाषा और उद्देश्य == | ||
फ्लैट डिज़ाइन इंटरफ़ेस डिज़ाइन की शैली है जो सरल तत्वों, [[टाइपोग्राफी]] और | फ्लैट डिज़ाइन इंटरफ़ेस डिज़ाइन की शैली है जो सरल तत्वों, [[टाइपोग्राफी]] और फ्लैट रंगों के न्यूनतम उपयोग पर जोर देती है।<ref>{{cite web|url=http://designmodo.com/flat-design-principles/|title=फ्लैट डिजाइन सिद्धांत|website=designmodo.com|author=Carrie Cousins|date=May 28, 2013}}</ref> डिजाइनर फ्लैट डिज़ाइन पसंद कर सकते हैं क्योंकि यह इंटरफ़ेस डिज़ाइन को अधिक सुव्यवस्थित और कुशल बनाने की अनुमति देता है। दृष्टिगत रूप से आकर्षक और सुगम दिखने के अतिरिक्त सूचनाओं को जल्दी से संप्रेषित करना आसान है।<ref name=TNW>{{cite web|last=Turner|first=Amber Leigh|title=The history of flat design: How efficiency and minimalism turned the digital world flat|url=https://thenextweb.com/dd/2014/03/19/history-flat-design-efficiency-minimalism-made-digital-world-flat/|website=The Next Web|access-date=April 11, 2014|date=March 19, 2014}}</ref><ref>{{cite web|last=Clum|first=Luke|title=फ्लैट डिजाइन पर एक नजर और यह महत्वपूर्ण क्यों है|url=http://uxmag.com/articles/a-look-at-flat-design-and-why-its-significant|website=UX Magazine|access-date=April 11, 2014|date=May 13, 2013}}</ref> इसके अतिरिक्त, यह इंटरफ़ेस डिज़ाइन करना आसान बनाता है जो विभिन्न उपकरणों में ब्राउज़र आकार में परिवर्तन के लिए उत्तरदायी डिज़ाइन है। न्यूनतम डिजाइन तत्वों के साथ, वेबसाइटें तेजी से लोड करने और आसानी से आकार बदलने में सक्षम होती हैं, और फिर भी उच्च स्पष्टता स्क्रीन पर स्पष्ट दिखती हैं।<ref name=TNW/> डिजाइन दृष्टिकोण के रूप में, यह अधिकांश [[skeuomorphism|स्केयोआकृतिवाद]] और समृद्ध डिजाइन के विपरीत होता है।<ref>{{cite web|url=https://venturebeat.com/2013/09/11/ios-7-windows-8-and-flat-design-in-defense-of-skeuomorphism/ |title=iOS 7, Windows 8, and flat design: In defense of skeuomorphism |author=Yair Grinberg |website=VentureBeat |date=September 11, 2013 |access-date=April 13, 2014}}</ref><ref name="TNW"/> | ||
== इतिहास == | == इतिहास == | ||
फ्लैट डिजाइन मुख्य रूप से [[ अंतर्राष्ट्रीय टाइपोग्राफिक शैली ]] (स्विस स्टाइल के रूप में भी जाना जाता है), [[टेक्स्ट यूजर इंटरफेस]], [[आधुनिकता]] | फ्लैट डिजाइन मुख्य रूप से [[ अंतर्राष्ट्रीय टाइपोग्राफिक शैली ]] (स्विस स्टाइल के रूप में भी जाना जाता है), [[टेक्स्ट यूजर इंटरफेस]], [[आधुनिकता|आधुनिकतावाद]] और [[बॉहॉस]] से उभरने वाली शैलियों से प्रभावित है।<ref name=TNW/><ref>{{cite web | url=http://www.smashingmagazine.com/2009/07/17/lessons-from-swiss-style-graphic-design/ | title=स्विस स्टाइल ग्राफिक डिजाइन से सबक| work=Smashing | date=July 17, 2009 | access-date=March 28, 2014 | author=Diogo Terror}}</ref><ref>{{ cite web | url=http://techsamurais.com/?p=1232 | title=फ्लैट डिजाइन का एक संक्षिप्त इतिहास| work=Tech Samurais | date=July 31, 2013}}</ref><ref>{{cite web | url=https://xavierbertels.com/blog/the-history-of-flat-design | title=फ्लैट डिजाइन का इतिहास| work=Xavier Bertels | date=March 5, 2014 | access-date=December 23, 2014 | author=Xavier Bertels}}</ref> अंतर्राष्ट्रीय टाइपोग्राफिक शैली को अधिकांश फ्लैट डिजाइन पर सबसे महत्वपूर्ण प्रभाव माना जाता है, और 1950 और 1960 के दशक के समय इसके उद्भव और लोकप्रियता को फ्लैट डिजाइन का प्रारंभिक बिंदु माना जाता है, हालांकि इसके बाद कुछ समय के लिए यह डिजिटल दुनिया में दिखाई नहीं देगा।<ref name=TA>{{cite web | url=http://www.webdesignai.com/flat-design-history/ | title= फ्लैट डिजाइन का सच्चा इतिहास| work=Web Design Ai | date=July 9, 2014 | author=Taimur Asghar}}</ref> | ||
2002 में, [[माइक्रोसॉफ्ट]] ने [[ विंडोज़ मीडिया सेंटर | विंडोज़ मीडिया सेंटर]] जारी किया, और 2006 में, [[ज़ून]] एमपी3 प्लेयर, दोनों में फ्लैट डिजाइन के तत्व | 2002 में, [[माइक्रोसॉफ्ट]] ने [[ विंडोज़ मीडिया सेंटर | विंडोज़ मीडिया सेंटर]] जारी किया, और 2006 में, [[ज़ून]] एमपी3 प्लेयर, दोनों में फ्लैट डिजाइन के तत्व सम्मिलित थे। बड़े [[निचला मामला|निचला स्थिति]] टाइपोग्राफी, सिल्हूट-शैली के लोगो और मोनोक्रोमैटिक फ़ॉन्ट रंगों पर ध्यान देने के साथ ज़्यून का डिज़ाइन साफ और सरल था।<ref name="TA" /> माइक्रोसॉफ्ट ने [[विंडोज फोन 7]] की 2010 रिलीज के साथ डिजाइन की इस शैली को जारी रखा, जो कि [[मेट्रो (डिजाइन भाषा)]] के रूप में औपचारिक रूप से ज़्यून के साथ प्रस्तुत किए गए फ्लैट डिजाइन तत्वों पर बनाया गया था। डिजाइन में बड़े और चमकीले आकृतियों का प्रभुत्व था, जिसमें [[सेगो]] से सेन्स-सेरिफ़ टाइपोग्राफी, फ्लैट चित्र और ग्रिड-जैसे पैटर्न वाला मेनू था। बाद में [[विंडोज 8]] [[निजी कंप्यूटर]] [[ऑपरेटिंग सिस्टम]] सहित सभी माइक्रोसॉफ्ट सॉफ्टवेयर लाइनों द्वारा मेट्रो को अपनाया गया था।<ref name="TNW" /> | ||
[[File:Flat widgets.png|thumb|upright|[[जीयूआई विजेट]]्स को गूगल के [[सामग्री डिजाइन]] स्टाइल में डिजाइन किया गया है]][[Android (ऑपरेटिंग सिस्टम)|एंड्रॉयड (ऑपरेटिंग सिस्टम)]] ने 2011 में 4.0 आइसक्रीम सैंडविच के साथ फ्लैट डिज़ाइन ट्रेंड को अपनाना | [[File:Flat widgets.png|thumb|upright|[[जीयूआई विजेट]]्स को गूगल के [[सामग्री डिजाइन]] स्टाइल में डिजाइन किया गया है]][[Android (ऑपरेटिंग सिस्टम)|एंड्रॉयड (ऑपरेटिंग सिस्टम)]] ने 2011 में 4.0 आइसक्रीम सैंडविच के साथ फ्लैट डिज़ाइन ट्रेंड को अपनाना प्रारंभ किया; [[Google|गूगल]] के डिजाइन के उपाध्यक्ष [[मटियास डुआर्टे]] ने अनुभूत किया कि एप्पल इंक. का [[iOS|आईओएस]] बहुत अधिक [[skeuomorph|स्केओमोर्फ]] था, [[विंडोज फोन]] एयरपोर्ट लैवेटरी साइनेज की तरह दिखता था, और यह कि दोनों इंटरफेस डिजाइनरों के लिए सीमित लचीलेपन के साथ बहुत कठोर मानकीकृत थे। प्लेटफ़ॉर्म के नए होलो इंटरफ़ेस को पिछले एंड्रॉयड संस्करणों की तुलना में अधिक सरल दिखने के लिए डिज़ाइन किया गया था, जिसमें नीयन-नीले लहजे, हार्ड किनारे और गहराई के लिए [[ परछाई डालना | छाया छोड़ते]] हैं।<ref name="verge-duarte">{{cite web|url=https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus/|title=Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich|work=The Verge|publisher=[[Vox Media]]|url-status=dead|archive-url=https://web.archive.org/web/20120212191122/https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus/|archive-date=2012-02-12|access-date=November 28, 2011}}</ref><ref name="ars-androidhistory">{{cite web|url=https://arstechnica.com/gadgets/2014/06/building-android-a-40000-word-history-of-googles-mobile-os/|title=The history of Android: The endless iterations of Google's mobile OS|last=Amadeo|first=Ron|date=16 June 2014|work=[[Ars Technica]]|publisher=[[Condé Nast]]|access-date=6 July 2014}}</ref><ref name="verge-holomandate">{{cite news|url=https://www.theverge.com/2012/1/3/2680410/google-holo-theme-android-4-0-required|title=Google requiring default 'Holo' theme in Android 4.0 devices for Android Market access|work=The Verge|access-date=25 July 2014}}</ref><ref name="verge-4sdk">{{cite news|url=https://www.theverge.com/2011/10/18/android-4-0-ice-cream-sandwich-sdk-released-features-developers|title=Android 4.0 Ice Cream Sandwich SDK released with new features for developers|work=The Verge|access-date=25 July 2014}}</ref> | ||
2013 में, एप्पल ने [[iOS 7|आईओएस 7]] का अनावरण किया, जो चमकीले रंगों, टाइपोग्राफी, साथ ही धुंधले, पारभासी ओवरले के उपयोग के साथ फ्लैट यूआई डिज़ाइन में स्थानांतरित हो गया।<ref>{{Cite web|url=https://www.theverge.com/2013/6/10/4407630/apple-announces-ios-7|title=Apple announces iOS 7, 'biggest change' since the introduction of the iPhone, coming this fall|last=Seifert|first=Dan|date=2013-06-10|website=The Verge|language=en|access-date=2020-04-06}}</ref><ref>{{Cite web|url=https://www.fastcompany.com/1672780/why-jony-ive-is-flattening-ios-7|title=Why Jony Ive Is Flattening iOS 7|last=Pavlus|first=John|date=2013-06-10|website=Fast Company|language=en-US|access-date=2020-04-06}}</ref><ref>{{Cite web|url=https://www.theverge.com/2013/6/11/4418188/apple-ios-7-design-influences|title=Tracing iOS 7's influences: Apple remixes almost everyone in the industry|last=Souppouris|first=Aaron|date=2013-06-11|website=The Verge|language=en|access-date=2020-04-06}}</ref> अगले वर्ष, [[OS X Yosemite|ओएस एक्स योसेमाइट]] ने एप्पल के [[Mac OS X|मैक ओएस एक्स]] ऑपरेटिंग सिस्टम के लिए आईओएस 7-स्टाइल यूजर इंटरफेस | 2013 में, एप्पल ने [[iOS 7|आईओएस 7]] का अनावरण किया, जो चमकीले रंगों, टाइपोग्राफी, साथ ही धुंधले, पारभासी ओवरले के उपयोग के साथ फ्लैट यूआई डिज़ाइन में स्थानांतरित हो गया।<ref>{{Cite web|url=https://www.theverge.com/2013/6/10/4407630/apple-announces-ios-7|title=Apple announces iOS 7, 'biggest change' since the introduction of the iPhone, coming this fall|last=Seifert|first=Dan|date=2013-06-10|website=The Verge|language=en|access-date=2020-04-06}}</ref><ref>{{Cite web|url=https://www.fastcompany.com/1672780/why-jony-ive-is-flattening-ios-7|title=Why Jony Ive Is Flattening iOS 7|last=Pavlus|first=John|date=2013-06-10|website=Fast Company|language=en-US|access-date=2020-04-06}}</ref><ref>{{Cite web|url=https://www.theverge.com/2013/6/11/4418188/apple-ios-7-design-influences|title=Tracing iOS 7's influences: Apple remixes almost everyone in the industry|last=Souppouris|first=Aaron|date=2013-06-11|website=The Verge|language=en|access-date=2020-04-06}}</ref> अगले वर्ष, [[OS X Yosemite|ओएस एक्स योसेमाइट]] ने एप्पल के [[Mac OS X|मैक ओएस एक्स]] ऑपरेटिंग सिस्टम के लिए आईओएस 7-स्टाइल यूजर इंटरफेस प्रस्तुत किया।<ref name="ars-yosemiteui">{{cite web|url=https://arstechnica.com/apple/2014/06/os-x-yosemite-is-coming-and-it-will-redesign-the-entire-mac-desktop/|title=WWDC में OS X Yosemite का अनावरण किया गया, जिसमें बड़े UI ओवरहाल हैं|website=Ars Technica|date=June 2, 2014|url-status=live|archive-url=https://web.archive.org/web/20140603214032/http://arstechnica.com/apple/2014/06/os-x-yosemite-is-coming-and-it-will-redesign-the-entire-mac-desktop/|archive-date=June 3, 2014|access-date=June 3, 2014|df=mdy-all}}</ref> गूगल ने एंड्रॉयड के लिए मटेरियल डिज़ाइन ([[एंड्रॉइड लॉलीपॉप]] पर प्रारंभ) और इसके अन्य प्लेटफ़ॉर्म के रूप में जानी जाने वाली अपनी स्वयं की फ्लैट डिज़ाइन भाषा को प्रस्तुत करना प्रारंभ किया, जो [[ सूचक कार्ड | सूचक कार्ड]] जैसी शीट्स पर आधारित है और गहराई और पदानुक्रम को बढ़ावा देने के लिए छाया के उपयोग के साथ-साथ चिकनी [[एनिमेशन]] और संक्रमण भी है।<ref name="engadget-materialdesign">{{cite web|url=https://www.engadget.com/2014/06/25/googles-new-design-language-is-called-material-design/|title=Google का नया 'मटेरियल डिज़ाइन' UI Android, Chrome OS और वेब पर आ रहा है|website=Engadget|access-date=June 26, 2014}}</ref><ref name="anandtech-lunveil">{{cite web|url=http://www.anandtech.com/show/8207/google-reveals-details-about-android-l-at-google-io|title=Google ने Google IO पर Android L के बारे में विवरण प्रकट किया|website=Anandtech|access-date=June 26, 2014}}</ref><ref name="codesign-cards">{{cite web|url=http://www.fastcodesign.com/3032378/googles-new-improved-android-will-deliver-a-unified-design-language|title=Google का नया, बेहतर Android एक एकीकृत डिज़ाइन भाषा प्रदान करेगा|website=Co.Design|date=June 25, 2014|access-date=June 26, 2014}}</ref><ref name="verge-androidl">{{cite web|title=Google का अगला बड़ा Android रीडिज़ाइन गिरावट में आ रहा है|url=https://www.theverge.com/2014/6/25/5841302/google-announces-the-next-android|website=The Verge|date=June 25, 2014|publisher=Vox Media|access-date=June 26, 2014}}</ref> | ||
2017 में, Microsoft ने [[Fluent Design System]], नया फ्लैट यूजर इंटरफेस का अनावरण किया। गहराई के उपयोग के माध्यम से यह नया इंटरफ़ेस अपने पूर्ववर्ती मेट्रो से अलग है,<ref>{{Cite news|url=https://www.windowscentral.com/microsoft-shows-plans-z-depth-layering-wave-2-fluent-design|title=Microsoft shows off 'Z-depth layering' 3D feature in its Fluent Design System|work=Windows Central|access-date=2017-12-22}}</ref> इंटरफ़ेस [[प्रतिक्रिया]], और नया पारभासी प्रभाव जिसे ऐक्रेलिक कहा जाता है।{{bywho|date=October 2020}} | 2017 में, Microsoft ने [[Fluent Design System|धाराप्रवाह डिजाइन तंत्र]], नया फ्लैट यूजर इंटरफेस का अनावरण किया। गहराई के उपयोग के माध्यम से यह नया इंटरफ़ेस अपने पूर्ववर्ती मेट्रो से अलग है,<ref>{{Cite news|url=https://www.windowscentral.com/microsoft-shows-plans-z-depth-layering-wave-2-fluent-design|title=Microsoft shows off 'Z-depth layering' 3D feature in its Fluent Design System|work=Windows Central|access-date=2017-12-22}}</ref> इंटरफ़ेस [[प्रतिक्रिया]], और नया पारभासी प्रभाव जिसे ऐक्रेलिक कहा जाता है।{{bywho|date=October 2020}} | ||
== आलोचना == | == आलोचना == | ||
यूजर इंटरफेस को सहज और कम उपयोगी बनाने के लिए फ्लैट डिजाइन की आलोचना की गई है। सभी डिज़ाइन तत्वों (मेनू, बटन, लिंक, आदि) को | यूजर इंटरफेस को सहज और कम उपयोगी बनाने के लिए फ्लैट डिजाइन की आलोचना की गई है। सभी डिज़ाइन तत्वों (मेनू, बटन, लिंक, आदि) को फ्लैट बनाकर, यह भेद करना कि कोई तत्व किस कार्य को करता है, यह अधिक कठिन हो सकता है, उदाहरण के लिए, यह निर्धारित करना कि कोई तत्व बटन है या संकेतक है।<ref>{{Cite web |date=2022-01-20 |title=How UI Design in 2022 will Highlight Neumorphism |url=http://www.yellowslice.in/bed/neumorphism-ui-design-trend/ |access-date=2022-07-19 |website=Better experience design - Blog |language=en-US}}</ref><ref>{{Cite news|url=http://www.vandelaydesign.com/why-the-flat-design-trend-is-hurting-usability/|title=फ़्लैट डिज़ाइन का चलन प्रयोज्यता को क्यों प्रभावित कर रहा है|date=2015-04-07|work=Vandelay Design|access-date=2017-07-06|language=en-US}}</ref> शोध से पता चला है कि वृद्ध वयस्कों की तुलना में युवा वयस्कों के साथ फ्लैट डिजाइन अधिक लोकप्रिय है। शोध से यह भी पता चला है कि, जबकि युवा लोग फ्लैट डिजाइनों को नेविगेट करने में तेज लगते हैं, उन्हें यूजर इंटरफेस को समझने में भी परेशानी होती है।<ref>{{Cite news|url=https://www.fastcodesign.com/3058094/the-problem-with-flat-design-according-to-a-ux-expert|title=एक यूएक्स विशेषज्ञ के अनुसार फ्लैट डिजाइन की समस्या|date=2016-03-23|work=Co.Design|access-date=2017-07-06|language=en-US}}</ref> 2013 में [[जैकब नीलसन (उपयोगिता सलाहकार)]], यूजर इंटरफेस डिजाइन और उपयोगिता में विशेषज्ञ, टैबलेट उपयोगिता के लिए खतरे के रूप में फ्लैट डिजाइन करार दिया। नीलसन ने स्क्यूओमोर्फिज्म और फ्लैट डिजाइन के बीच एक मध्य-जमीन अर्थात् एक विकल्प भी प्रस्तावित किया।<ref>{{Cite web|url=https://www.nngroup.com/articles/tablet-usability/|title=Tablet Usability: Findings from User Research|website=www.nngroup.com|access-date=2017-07-06}}</ref> नीलसन समूह ने 2017 में शोध किया जिसमें पता चला कि फ्लैट डिजाइन का उपयोग करने वाले इंटरफेस का उपयोग औसतन 22% धीमा था।<ref>{{Cite web|url=https://www.nngroup.com/articles/flat-ui-less-attention-cause-uncertainty/|title=फ्लैट यूआई तत्व कम ध्यान आकर्षित करते हैं और अनिश्चितता पैदा करते हैं|website=www.nngroup.com|access-date=2018-05-08}}</ref> | ||
Line 40: | Line 40: | ||
== बाहरी संबंध == | == बाहरी संबंध == | ||
* {{Cite video |title=Why 3D Logos Fell Out of Favor Overnight - Cheddar Explains |url=https://www.youtube.com/watch?v=TfzEPtLPnP4 |publisher=Cheddar |date=2019-03-05 |via=YouTube}} | * {{Cite video |title=Why 3D Logos Fell Out of Favor Overnight - Cheddar Explains |url=https://www.youtube.com/watch?v=TfzEPtLPnP4 |publisher=Cheddar |date=2019-03-05 |via=YouTube}} | ||
[[Category:Articles with invalid date parameter in template]] | |||
[[Category:Articles with specifically marked weasel-worded phrases from October 2020]] | |||
[[Category: | [[Category:CS1 English-language sources (en)]] | ||
[[Category:Created On 25/02/2023]] | [[Category:Created On 25/02/2023]] | ||
[[Category:Lua-based templates]] | |||
[[Category:Machine Translated Page]] | |||
[[Category:Pages with broken file links]] | |||
[[Category:Pages with script errors]] | |||
[[Category:Short description with empty Wikidata description]] | |||
[[Category:Templates Vigyan Ready]] | |||
[[Category:Templates that add a tracking category]] | |||
[[Category:Templates that generate short descriptions]] | |||
[[Category:Templates using TemplateData]] | |||
[[Category:ग्राफिकल यूजर इंटरफेस]] | |||
[[Category:डिजाइन भाषा]] |
Latest revision as of 15:32, 16 March 2023
![]() <1995
|
![]() 2000
|
![]() 2019
|
फ्लैट डिज़ाइन एक अतिसूक्ष्मवाद (कंप्यूटिंग) डिज़ाइन भाषा या डिज़ाइन शैली है जिसका उपयोग सामान्यतः ग्राफिकल यूजर इंटरफेस (जीयूआई) (जैसे वेब अनुप्रयोग और मोबाइल एप्लिकेशन), और ग्राफिकल सामग्री जैसे पोस्टर, कला, गाइड दस्तावेज़ और प्रकाशन उत्पादों में भी किया जाता है।
परिभाषा और उद्देश्य
फ्लैट डिज़ाइन इंटरफ़ेस डिज़ाइन की शैली है जो सरल तत्वों, टाइपोग्राफी और फ्लैट रंगों के न्यूनतम उपयोग पर जोर देती है।[1] डिजाइनर फ्लैट डिज़ाइन पसंद कर सकते हैं क्योंकि यह इंटरफ़ेस डिज़ाइन को अधिक सुव्यवस्थित और कुशल बनाने की अनुमति देता है। दृष्टिगत रूप से आकर्षक और सुगम दिखने के अतिरिक्त सूचनाओं को जल्दी से संप्रेषित करना आसान है।[2][3] इसके अतिरिक्त, यह इंटरफ़ेस डिज़ाइन करना आसान बनाता है जो विभिन्न उपकरणों में ब्राउज़र आकार में परिवर्तन के लिए उत्तरदायी डिज़ाइन है। न्यूनतम डिजाइन तत्वों के साथ, वेबसाइटें तेजी से लोड करने और आसानी से आकार बदलने में सक्षम होती हैं, और फिर भी उच्च स्पष्टता स्क्रीन पर स्पष्ट दिखती हैं।[2] डिजाइन दृष्टिकोण के रूप में, यह अधिकांश स्केयोआकृतिवाद और समृद्ध डिजाइन के विपरीत होता है।[4][2]
इतिहास
फ्लैट डिजाइन मुख्य रूप से अंतर्राष्ट्रीय टाइपोग्राफिक शैली (स्विस स्टाइल के रूप में भी जाना जाता है), टेक्स्ट यूजर इंटरफेस, आधुनिकतावाद और बॉहॉस से उभरने वाली शैलियों से प्रभावित है।[2][5][6][7] अंतर्राष्ट्रीय टाइपोग्राफिक शैली को अधिकांश फ्लैट डिजाइन पर सबसे महत्वपूर्ण प्रभाव माना जाता है, और 1950 और 1960 के दशक के समय इसके उद्भव और लोकप्रियता को फ्लैट डिजाइन का प्रारंभिक बिंदु माना जाता है, हालांकि इसके बाद कुछ समय के लिए यह डिजिटल दुनिया में दिखाई नहीं देगा।[8]
2002 में, माइक्रोसॉफ्ट ने विंडोज़ मीडिया सेंटर जारी किया, और 2006 में, ज़ून एमपी3 प्लेयर, दोनों में फ्लैट डिजाइन के तत्व सम्मिलित थे। बड़े निचला स्थिति टाइपोग्राफी, सिल्हूट-शैली के लोगो और मोनोक्रोमैटिक फ़ॉन्ट रंगों पर ध्यान देने के साथ ज़्यून का डिज़ाइन साफ और सरल था।[8] माइक्रोसॉफ्ट ने विंडोज फोन 7 की 2010 रिलीज के साथ डिजाइन की इस शैली को जारी रखा, जो कि मेट्रो (डिजाइन भाषा) के रूप में औपचारिक रूप से ज़्यून के साथ प्रस्तुत किए गए फ्लैट डिजाइन तत्वों पर बनाया गया था। डिजाइन में बड़े और चमकीले आकृतियों का प्रभुत्व था, जिसमें सेगो से सेन्स-सेरिफ़ टाइपोग्राफी, फ्लैट चित्र और ग्रिड-जैसे पैटर्न वाला मेनू था। बाद में विंडोज 8 निजी कंप्यूटर ऑपरेटिंग सिस्टम सहित सभी माइक्रोसॉफ्ट सॉफ्टवेयर लाइनों द्वारा मेट्रो को अपनाया गया था।[2]
एंड्रॉयड (ऑपरेटिंग सिस्टम) ने 2011 में 4.0 आइसक्रीम सैंडविच के साथ फ्लैट डिज़ाइन ट्रेंड को अपनाना प्रारंभ किया; गूगल के डिजाइन के उपाध्यक्ष मटियास डुआर्टे ने अनुभूत किया कि एप्पल इंक. का आईओएस बहुत अधिक स्केओमोर्फ था, विंडोज फोन एयरपोर्ट लैवेटरी साइनेज की तरह दिखता था, और यह कि दोनों इंटरफेस डिजाइनरों के लिए सीमित लचीलेपन के साथ बहुत कठोर मानकीकृत थे। प्लेटफ़ॉर्म के नए होलो इंटरफ़ेस को पिछले एंड्रॉयड संस्करणों की तुलना में अधिक सरल दिखने के लिए डिज़ाइन किया गया था, जिसमें नीयन-नीले लहजे, हार्ड किनारे और गहराई के लिए छाया छोड़ते हैं।[9][10][11][12]
2013 में, एप्पल ने आईओएस 7 का अनावरण किया, जो चमकीले रंगों, टाइपोग्राफी, साथ ही धुंधले, पारभासी ओवरले के उपयोग के साथ फ्लैट यूआई डिज़ाइन में स्थानांतरित हो गया।[13][14][15] अगले वर्ष, ओएस एक्स योसेमाइट ने एप्पल के मैक ओएस एक्स ऑपरेटिंग सिस्टम के लिए आईओएस 7-स्टाइल यूजर इंटरफेस प्रस्तुत किया।[16] गूगल ने एंड्रॉयड के लिए मटेरियल डिज़ाइन (एंड्रॉइड लॉलीपॉप पर प्रारंभ) और इसके अन्य प्लेटफ़ॉर्म के रूप में जानी जाने वाली अपनी स्वयं की फ्लैट डिज़ाइन भाषा को प्रस्तुत करना प्रारंभ किया, जो सूचक कार्ड जैसी शीट्स पर आधारित है और गहराई और पदानुक्रम को बढ़ावा देने के लिए छाया के उपयोग के साथ-साथ चिकनी एनिमेशन और संक्रमण भी है।[17][18][19][20]
2017 में, Microsoft ने धाराप्रवाह डिजाइन तंत्र, नया फ्लैट यूजर इंटरफेस का अनावरण किया। गहराई के उपयोग के माध्यम से यह नया इंटरफ़ेस अपने पूर्ववर्ती मेट्रो से अलग है,[21] इंटरफ़ेस प्रतिक्रिया, और नया पारभासी प्रभाव जिसे ऐक्रेलिक कहा जाता है।[by whom?]
आलोचना
यूजर इंटरफेस को सहज और कम उपयोगी बनाने के लिए फ्लैट डिजाइन की आलोचना की गई है। सभी डिज़ाइन तत्वों (मेनू, बटन, लिंक, आदि) को फ्लैट बनाकर, यह भेद करना कि कोई तत्व किस कार्य को करता है, यह अधिक कठिन हो सकता है, उदाहरण के लिए, यह निर्धारित करना कि कोई तत्व बटन है या संकेतक है।[22][23] शोध से पता चला है कि वृद्ध वयस्कों की तुलना में युवा वयस्कों के साथ फ्लैट डिजाइन अधिक लोकप्रिय है। शोध से यह भी पता चला है कि, जबकि युवा लोग फ्लैट डिजाइनों को नेविगेट करने में तेज लगते हैं, उन्हें यूजर इंटरफेस को समझने में भी परेशानी होती है।[24] 2013 में जैकब नीलसन (उपयोगिता सलाहकार), यूजर इंटरफेस डिजाइन और उपयोगिता में विशेषज्ञ, टैबलेट उपयोगिता के लिए खतरे के रूप में फ्लैट डिजाइन करार दिया। नीलसन ने स्क्यूओमोर्फिज्म और फ्लैट डिजाइन के बीच एक मध्य-जमीन अर्थात् एक विकल्प भी प्रस्तावित किया।[25] नीलसन समूह ने 2017 में शोध किया जिसमें पता चला कि फ्लैट डिजाइन का उपयोग करने वाले इंटरफेस का उपयोग औसतन 22% धीमा था।[26]
यह भी देखें
- कॉर्पोरेट मेम्फिस
- अतिसूक्ष्मवाद
- स्क्यूओमोर्फिज्म
- न्यूमोर्फिज्म
संदर्भ
- ↑ Carrie Cousins (May 28, 2013). "फ्लैट डिजाइन सिद्धांत". designmodo.com.
- ↑ Jump up to: 2.0 2.1 2.2 2.3 2.4 Turner, Amber Leigh (March 19, 2014). "The history of flat design: How efficiency and minimalism turned the digital world flat". The Next Web. Retrieved April 11, 2014.
- ↑ Clum, Luke (May 13, 2013). "फ्लैट डिजाइन पर एक नजर और यह महत्वपूर्ण क्यों है". UX Magazine. Retrieved April 11, 2014.
- ↑ Yair Grinberg (September 11, 2013). "iOS 7, Windows 8, and flat design: In defense of skeuomorphism". VentureBeat. Retrieved April 13, 2014.
- ↑ Diogo Terror (July 17, 2009). "स्विस स्टाइल ग्राफिक डिजाइन से सबक". Smashing. Retrieved March 28, 2014.
- ↑ "फ्लैट डिजाइन का एक संक्षिप्त इतिहास". Tech Samurais. July 31, 2013.
- ↑ Xavier Bertels (March 5, 2014). "फ्लैट डिजाइन का इतिहास". Xavier Bertels. Retrieved December 23, 2014.
- ↑ Jump up to: 8.0 8.1 Taimur Asghar (July 9, 2014). "फ्लैट डिजाइन का सच्चा इतिहास". Web Design Ai.
- ↑ "Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich". The Verge. Vox Media. Archived from the original on 2012-02-12. Retrieved November 28, 2011.
- ↑ Amadeo, Ron (16 June 2014). "The history of Android: The endless iterations of Google's mobile OS". Ars Technica. Condé Nast. Retrieved 6 July 2014.
- ↑ "Google requiring default 'Holo' theme in Android 4.0 devices for Android Market access". The Verge. Retrieved 25 July 2014.
- ↑ "Android 4.0 Ice Cream Sandwich SDK released with new features for developers". The Verge. Retrieved 25 July 2014.
- ↑ Seifert, Dan (2013-06-10). "Apple announces iOS 7, 'biggest change' since the introduction of the iPhone, coming this fall". The Verge (in English). Retrieved 2020-04-06.
- ↑ Pavlus, John (2013-06-10). "Why Jony Ive Is Flattening iOS 7". Fast Company (in English). Retrieved 2020-04-06.
- ↑ Souppouris, Aaron (2013-06-11). "Tracing iOS 7's influences: Apple remixes almost everyone in the industry". The Verge (in English). Retrieved 2020-04-06.
- ↑ "WWDC में OS X Yosemite का अनावरण किया गया, जिसमें बड़े UI ओवरहाल हैं". Ars Technica. June 2, 2014. Archived from the original on June 3, 2014. Retrieved June 3, 2014.
- ↑ "Google का नया 'मटेरियल डिज़ाइन' UI Android, Chrome OS और वेब पर आ रहा है". Engadget. Retrieved June 26, 2014.
- ↑ "Google ने Google IO पर Android L के बारे में विवरण प्रकट किया". Anandtech. Retrieved June 26, 2014.
- ↑ "Google का नया, बेहतर Android एक एकीकृत डिज़ाइन भाषा प्रदान करेगा". Co.Design. June 25, 2014. Retrieved June 26, 2014.
- ↑ "Google का अगला बड़ा Android रीडिज़ाइन गिरावट में आ रहा है". The Verge. Vox Media. June 25, 2014. Retrieved June 26, 2014.
- ↑ "Microsoft shows off 'Z-depth layering' 3D feature in its Fluent Design System". Windows Central. Retrieved 2017-12-22.
- ↑ "How UI Design in 2022 will Highlight Neumorphism". Better experience design - Blog (in English). 2022-01-20. Retrieved 2022-07-19.
- ↑ "फ़्लैट डिज़ाइन का चलन प्रयोज्यता को क्यों प्रभावित कर रहा है". Vandelay Design (in English). 2015-04-07. Retrieved 2017-07-06.
- ↑ "एक यूएक्स विशेषज्ञ के अनुसार फ्लैट डिजाइन की समस्या". Co.Design (in English). 2016-03-23. Retrieved 2017-07-06.
- ↑ "Tablet Usability: Findings from User Research". www.nngroup.com. Retrieved 2017-07-06.
- ↑ "फ्लैट यूआई तत्व कम ध्यान आकर्षित करते हैं और अनिश्चितता पैदा करते हैं". www.nngroup.com. Retrieved 2018-05-08.
बाहरी संबंध
- Why 3D Logos Fell Out of Favor Overnight - Cheddar Explains. Cheddar. 2019-03-05 – via YouTube.