फ्लैट डिजाइन: Difference between revisions

From Vigyanwiki
(Created page with "{{Short description|Minimalist design style for user interface and objects}} {{Use mdy dates|date=June 2020}} {| class=wikitable align=right |+ Volkswagen logo evolution |...")
 
No edit summary
Line 1: Line 1:
{{Short description|Minimalist design style for user interface and objects}}
{{Short description|Minimalist design style for user interface and objects}}
{{Use mdy dates|date=June 2020}}
 
{| class=wikitable align=right
{| class=wikitable align=right
|+ [[Volkswagen]] logo evolution
|+ [[Volkswagen]] logo evolution
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>{{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>
फ्लैट डिजाइन मुख्य रूप से [[ अंतर्राष्ट्रीय टाइपोग्राफिक शैली ]] (स्विस स्टाइल के रूप में भी जाना जाता है), [[टेक्स्ट यूजर इंटरफेस]], [[आधुनिकता]]वाद और [[बॉहॉस]] से उभरने वाली शैलियों से प्रभावित है।<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 प्लेयर, दोनों में फ्लैट डिजाइन के तत्व शामिल थे। बड़े [[निचला मामला]] टाइपोग्राफी, सिल्हूट-शैली के लोगो और मोनोक्रोमैटिक फ़ॉन्ट रंगों पर ध्यान देने के साथ ज़्यून का डिज़ाइन साफ ​​और सरल था।<ref name=TA/>माइक्रोसॉफ्ट ने [[विंडोज फोन 7]] की 2010 रिलीज के साथ डिजाइन की इस शैली को जारी रखा, जो कि [[मेट्रो (डिजाइन भाषा)]] के रूप में औपचारिक रूप से ज़्यून के साथ पेश किए गए फ्लैट डिजाइन तत्वों पर बनाया गया था। डिजाइन में बड़े और चमकीले आकृतियों का प्रभुत्व था, जिसमें [[सेगो]] से सेन्स-सेरिफ़ टाइपोग्राफी, सपाट चित्र और ग्रिड-जैसे पैटर्न वाला एक मेनू था। बाद में [[विंडोज 8]] [[निजी कंप्यूटर]] [[ऑपरेटिंग सिस्टम]] सहित सभी माइक्रोसॉफ्ट सॉफ्टवेयर लाइनों द्वारा मेट्रो को अपनाया गया।<ref name=TNW/>
2002 में, [[माइक्रोसॉफ्ट]] ने [[ विंडोज़ मीडिया सेंटर ]] जारी किया, और 2006 में, [[ज़ून]] एमपी3 प्लेयर, दोनों में फ्लैट डिजाइन के तत्व शामिल थे। बड़े [[निचला मामला]] टाइपोग्राफी, सिल्हूट-शैली के लोगो और मोनोक्रोमैटिक फ़ॉन्ट रंगों पर ध्यान देने के साथ ज़्यून का डिज़ाइन साफ ​​और सरल था।<ref name=TA/>माइक्रोसॉफ्ट ने [[विंडोज फोन 7]] की 2010 रिलीज के साथ डिजाइन की इस शैली को जारी रखा, जो कि [[मेट्रो (डिजाइन भाषा)]] के रूप में औपचारिक रूप से ज़्यून के साथ पेश किए गए फ्लैट डिजाइन तत्वों पर बनाया गया था। डिजाइन में बड़े और चमकीले आकृतियों का प्रभुत्व था, जिसमें [[सेगो]] से सेन्स-सेरिफ़ टाइपोग्राफी, सपाट चित्र और ग्रिड-जैसे पैटर्न वाला मेनू था। बाद में [[विंडोज 8]] [[निजी कंप्यूटर]] [[ऑपरेटिंग सिस्टम]] सहित सभी माइक्रोसॉफ्ट सॉफ्टवेयर लाइनों द्वारा मेट्रो को अपनाया गया।<ref name=TNW/>


[[File:Flat widgets.png|thumb|upright|[[जीयूआई विजेट]]्स को गूगल के [[सामग्री डिजाइन]] स्टाइल में डिजाइन किया गया है]][[Android (ऑपरेटिंग सिस्टम)]] ने 2011 में Android Ice Cream Sandwich|4.0 Ice Cream Sandwich के साथ फ्लैट डिज़ाइन ट्रेंड को अपनाना शुरू किया; [[Google]] के डिजाइन के उपाध्यक्ष [[मटियास डुआर्टे]] ने महसूस किया कि Apple Inc. का [[iOS]] बहुत अधिक [[skeuomorph]] था, [[विंडोज फोन]] एयरपोर्ट लैवेटरी साइनेज की तरह दिखता था, और यह कि दोनों इंटरफेस डिजाइनरों के लिए सीमित लचीलेपन के साथ बहुत कठोर मानकीकृत थे। प्लेटफ़ॉर्म के नए होलो इंटरफ़ेस को पिछले Android संस्करणों की तुलना में अधिक सरल दिखने के लिए डिज़ाइन किया गया था, जिसमें नीयन-नीले लहजे, कठोर किनारे और गहराई के लिए [[ परछाई डालना ]] था।<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>
[[File:Flat widgets.png|thumb|upright|[[जीयूआई विजेट]]्स को गूगल के [[सामग्री डिजाइन]] स्टाइल में डिजाइन किया गया है]][[Android (ऑपरेटिंग सिस्टम)]] ने 2011 में Android Ice Cream Sandwich|4.0 Ice Cream Sandwich के साथ फ्लैट डिज़ाइन ट्रेंड को अपनाना शुरू किया; [[Google]] के डिजाइन के उपाध्यक्ष [[मटियास डुआर्टे]] ने महसूस किया कि Apple Inc. का [[iOS]] बहुत अधिक [[skeuomorph]] था, [[विंडोज फोन]] एयरपोर्ट लैवेटरी साइनेज की तरह दिखता था, और यह कि दोनों इंटरफेस डिजाइनरों के लिए सीमित लचीलेपन के साथ बहुत कठोर मानकीकृत थे। प्लेटफ़ॉर्म के नए होलो इंटरफ़ेस को पिछले Android संस्करणों की तुलना में अधिक सरल दिखने के लिए डिज़ाइन किया गया था, जिसमें नीयन-नीले लहजे, कठोर किनारे और गहराई के लिए [[ परछाई डालना ]] था।<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 में, Apple ने [[iOS 7]] का अनावरण किया, जो चमकीले रंगों, टाइपोग्राफी, साथ ही धुंधले, पारभासी ओवरले के उपयोग के साथ एक फ्लैट UI डिज़ाइन में स्थानांतरित हो गया।<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]] ने Apple के [[Mac OS X]] ऑपरेटिंग सिस्टम के लिए iOS 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> Google ने Android के लिए मटेरियल डिज़ाइन ([[एंड्रॉइड लॉलीपॉप]] पर शुरू) और इसके अन्य प्लेटफ़ॉर्म के रूप में जानी जाने वाली अपनी स्वयं की सपाट डिज़ाइन भाषा को पेश करना शुरू किया, जो [[ सूचक कार्ड ]] जैसी शीट्स पर आधारित है और गहराई और पदानुक्रम को बढ़ावा देने के लिए छाया के उपयोग के साथ-साथ चिकनी भी है। [[एनिमेशन]] और संक्रमण।<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>
2013 में, Apple ने [[iOS 7]] का अनावरण किया, जो चमकीले रंगों, टाइपोग्राफी, साथ ही धुंधले, पारभासी ओवरले के उपयोग के साथ फ्लैट UI डिज़ाइन में स्थानांतरित हो गया।<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]] ने Apple के [[Mac OS X]] ऑपरेटिंग सिस्टम के लिए iOS 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> Google ने Android के लिए मटेरियल डिज़ाइन ([[एंड्रॉइड लॉलीपॉप]] पर शुरू) और इसके अन्य प्लेटफ़ॉर्म के रूप में जानी जाने वाली अपनी स्वयं की सपाट डिज़ाइन भाषा को पेश करना शुरू किया, जो [[ सूचक कार्ड ]] जैसी शीट्स पर आधारित है और गहराई और पदानुक्रम को बढ़ावा देने के लिए छाया के उपयोग के साथ-साथ चिकनी भी है। [[एनिमेशन]] और संक्रमण।<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>
यूजर इंटरफेस को सहज और कम उपयोगी बनाने के लिए फ्लैट डिजाइन की आलोचना की गई है। सभी डिज़ाइन तत्वों (मेनू, बटन, लिंक, आदि) को सपाट बनाकर, यह भेद करना कि कोई तत्व किस कार्य को करता है, यह अधिक कठिन हो सकता है, उदाहरण के लिए, यह निर्धारित करना कि कोई तत्व बटन है या संकेतक है।<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>




Revision as of 05:50, 28 February 2023

Volkswagen logo evolution
Volkswagen Logo till 1995.svg
<1995
 VW logo 2000.png
2000
 Volkswagen logo 2019.svg
2019

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

परिभाषा और उद्देश्य

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


इतिहास

फ्लैट डिजाइन मुख्य रूप से अंतर्राष्ट्रीय टाइपोग्राफिक शैली (स्विस स्टाइल के रूप में भी जाना जाता है), टेक्स्ट यूजर इंटरफेस, आधुनिकतावाद और बॉहॉस से उभरने वाली शैलियों से प्रभावित है।[2][5][6][7] अंतर्राष्ट्रीय टाइपोग्राफिक शैली को अक्सर फ्लैट डिजाइन पर सबसे महत्वपूर्ण प्रभाव माना जाता है, और 1950 और 1960 के दशक के दौरान इसके उद्भव और लोकप्रियता को फ्लैट डिजाइन का शुरुआती बिंदु माना जाता है, हालांकि इसके बाद कुछ समय के लिए यह डिजिटल दुनिया में दिखाई नहीं देगा। .[8] 2002 में, माइक्रोसॉफ्ट ने विंडोज़ मीडिया सेंटर जारी किया, और 2006 में, ज़ून एमपी3 प्लेयर, दोनों में फ्लैट डिजाइन के तत्व शामिल थे। बड़े निचला मामला टाइपोग्राफी, सिल्हूट-शैली के लोगो और मोनोक्रोमैटिक फ़ॉन्ट रंगों पर ध्यान देने के साथ ज़्यून का डिज़ाइन साफ ​​और सरल था।[8]माइक्रोसॉफ्ट ने विंडोज फोन 7 की 2010 रिलीज के साथ डिजाइन की इस शैली को जारी रखा, जो कि मेट्रो (डिजाइन भाषा) के रूप में औपचारिक रूप से ज़्यून के साथ पेश किए गए फ्लैट डिजाइन तत्वों पर बनाया गया था। डिजाइन में बड़े और चमकीले आकृतियों का प्रभुत्व था, जिसमें सेगो से सेन्स-सेरिफ़ टाइपोग्राफी, सपाट चित्र और ग्रिड-जैसे पैटर्न वाला मेनू था। बाद में विंडोज 8 निजी कंप्यूटर ऑपरेटिंग सिस्टम सहित सभी माइक्रोसॉफ्ट सॉफ्टवेयर लाइनों द्वारा मेट्रो को अपनाया गया।[2]

File:Flat widgets.png
जीयूआई विजेट्स को गूगल के सामग्री डिजाइन स्टाइल में डिजाइन किया गया है

Android (ऑपरेटिंग सिस्टम) ने 2011 में Android Ice Cream Sandwich|4.0 Ice Cream Sandwich के साथ फ्लैट डिज़ाइन ट्रेंड को अपनाना शुरू किया; Google के डिजाइन के उपाध्यक्ष मटियास डुआर्टे ने महसूस किया कि Apple Inc. का iOS बहुत अधिक skeuomorph था, विंडोज फोन एयरपोर्ट लैवेटरी साइनेज की तरह दिखता था, और यह कि दोनों इंटरफेस डिजाइनरों के लिए सीमित लचीलेपन के साथ बहुत कठोर मानकीकृत थे। प्लेटफ़ॉर्म के नए होलो इंटरफ़ेस को पिछले Android संस्करणों की तुलना में अधिक सरल दिखने के लिए डिज़ाइन किया गया था, जिसमें नीयन-नीले लहजे, कठोर किनारे और गहराई के लिए परछाई डालना था।[9][10][11][12]

2013 में, Apple ने iOS 7 का अनावरण किया, जो चमकीले रंगों, टाइपोग्राफी, साथ ही धुंधले, पारभासी ओवरले के उपयोग के साथ फ्लैट UI डिज़ाइन में स्थानांतरित हो गया।[13][14][15] अगले वर्ष, OS X Yosemite ने Apple के Mac OS X ऑपरेटिंग सिस्टम के लिए iOS 7-स्टाइल यूजर इंटरफेस पेश किया।[16] Google ने Android के लिए मटेरियल डिज़ाइन (एंड्रॉइड लॉलीपॉप पर शुरू) और इसके अन्य प्लेटफ़ॉर्म के रूप में जानी जाने वाली अपनी स्वयं की सपाट डिज़ाइन भाषा को पेश करना शुरू किया, जो सूचक कार्ड जैसी शीट्स पर आधारित है और गहराई और पदानुक्रम को बढ़ावा देने के लिए छाया के उपयोग के साथ-साथ चिकनी भी है। एनिमेशन और संक्रमण।[17][18][19][20] 2017 में, Microsoft ने Fluent Design System, नया फ्लैट यूजर इंटरफेस का अनावरण किया। गहराई के उपयोग के माध्यम से यह नया इंटरफ़ेस अपने पूर्ववर्ती मेट्रो से अलग है,[21] इंटरफ़ेस प्रतिक्रिया, और नया पारभासी प्रभाव जिसे ऐक्रेलिक कहा जाता है।[by whom?]

आलोचना

यूजर इंटरफेस को सहज और कम उपयोगी बनाने के लिए फ्लैट डिजाइन की आलोचना की गई है। सभी डिज़ाइन तत्वों (मेनू, बटन, लिंक, आदि) को सपाट बनाकर, यह भेद करना कि कोई तत्व किस कार्य को करता है, यह अधिक कठिन हो सकता है, उदाहरण के लिए, यह निर्धारित करना कि कोई तत्व बटन है या संकेतक है।[22][23] शोध से पता चला है कि वृद्ध वयस्कों की तुलना में युवा वयस्कों के साथ फ्लैट डिजाइन अधिक लोकप्रिय है। शोध से यह भी पता चला है कि, जबकि युवा लोग फ्लैट डिजाइनों को नेविगेट करने में तेज लगते हैं, उन्हें यूजर इंटरफेस को समझने में भी परेशानी होती है।[24] 2013 में जैकब नीलसन (उपयोगिता सलाहकार), यूजर इंटरफेस डिजाइन और उपयोगिता में विशेषज्ञ, टैबलेट उपयोगिता के लिए खतरे के रूप में फ्लैट डिजाइन करार दिया। नीलसन ने विकल्प भी प्रस्तावित किया, अर्थात् स्क्यूओमोर्फिज्म और फ्लैट डिजाइन के बीच मध्य-भूमि।[25] नीलसन समूह ने 2017 में शोध किया जिसमें पता चला कि फ्लैट डिजाइन का उपयोग करने वाले इंटरफेस का उपयोग औसतन 22% धीमा था।[26]


यह भी देखें

संदर्भ

  1. ↑ Carrie Cousins (May 28, 2013). "फ्लैट डिजाइन सिद्धांत". designmodo.com.
  2. ↑ 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.
  3. ↑ Clum, Luke (May 13, 2013). "फ्लैट डिजाइन पर एक नजर और यह महत्वपूर्ण क्यों है". UX Magazine. Retrieved April 11, 2014.
  4. ↑ Yair Grinberg (September 11, 2013). "iOS 7, Windows 8, and flat design: In defense of skeuomorphism". VentureBeat. Retrieved April 13, 2014.
  5. ↑ Diogo Terror (July 17, 2009). "स्विस स्टाइल ग्राफिक डिजाइन से सबक". Smashing. Retrieved March 28, 2014.
  6. ↑ "फ्लैट डिजाइन का एक संक्षिप्त इतिहास". Tech Samurais. July 31, 2013.
  7. ↑ Xavier Bertels (March 5, 2014). "फ्लैट डिजाइन का इतिहास". Xavier Bertels. Retrieved December 23, 2014.
  8. ↑ 8.0 8.1 Taimur Asghar (July 9, 2014). "फ्लैट डिजाइन का सच्चा इतिहास". Web Design Ai.
  9. ↑ "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.
  10. ↑ 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.
  11. ↑ "Google requiring default 'Holo' theme in Android 4.0 devices for Android Market access". The Verge. Retrieved 25 July 2014.
  12. ↑ "Android 4.0 Ice Cream Sandwich SDK released with new features for developers". The Verge. Retrieved 25 July 2014.
  13. ↑ 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.
  14. ↑ Pavlus, John (2013-06-10). "Why Jony Ive Is Flattening iOS 7". Fast Company (in English). Retrieved 2020-04-06.
  15. ↑ 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.
  16. ↑ "WWDC में OS X Yosemite का अनावरण किया गया, जिसमें बड़े UI ओवरहाल हैं". Ars Technica. June 2, 2014. Archived from the original on June 3, 2014. Retrieved June 3, 2014.
  17. ↑ "Google का नया 'मटेरियल डिज़ाइन' UI Android, Chrome OS और वेब पर आ रहा है". Engadget. Retrieved June 26, 2014.
  18. ↑ "Google ने Google IO पर Android L के बारे में विवरण प्रकट किया". Anandtech. Retrieved June 26, 2014.
  19. ↑ "Google का नया, बेहतर Android एक एकीकृत डिज़ाइन भाषा प्रदान करेगा". Co.Design. June 25, 2014. Retrieved June 26, 2014.
  20. ↑ "Google का अगला बड़ा Android रीडिज़ाइन गिरावट में आ रहा है". The Verge. Vox Media. June 25, 2014. Retrieved June 26, 2014.
  21. ↑ "Microsoft shows off 'Z-depth layering' 3D feature in its Fluent Design System". Windows Central. Retrieved 2017-12-22.
  22. ↑ "How UI Design in 2022 will Highlight Neumorphism". Better experience design - Blog (in English). 2022-01-20. Retrieved 2022-07-19.
  23. ↑ "फ़्लैट डिज़ाइन का चलन प्रयोज्यता को क्यों प्रभावित कर रहा है". Vandelay Design (in English). 2015-04-07. Retrieved 2017-07-06.
  24. ↑ "एक यूएक्स विशेषज्ञ के अनुसार फ्लैट डिजाइन की समस्या". Co.Design (in English). 2016-03-23. Retrieved 2017-07-06.
  25. ↑ "Tablet Usability: Findings from User Research". www.nngroup.com. Retrieved 2017-07-06.
  26. ↑ "फ्लैट यूआई तत्व कम ध्यान आकर्षित करते हैं और अनिश्चितता पैदा करते हैं". www.nngroup.com. Retrieved 2018-05-08.


बाहरी संबंध

Retrieved from ‘https://www.vigyanwiki.in/index.php?title=फ्लैट_डिजाइन&oldid=110135’