2009-07-29 13 views
5

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

मैं क्या देख रहा हूँ अच्छा (या कम से कम सभ्य) दृश्य स्टूडियो में एक जीयूआई निर्माण (डिजाइनिंग नहीं!) के लिए गाइड कर रहे हैं।

विफल होने के कारण (मुझे सामान्य स्रोतों के माध्यम से बहुत कुछ नहीं मिला है), मुझे यह पूछना है: क्या वीएस 2 के 5 के 'डिजाइन' दृश्य के साथ जीयूआई बनाने के प्रयास के लिए यह संभव है? यही कारण है कि मैं काफी हद तक उपयोग कर रहा हूं, क्योंकि मैं एक दृश्य व्यक्ति हूं।

विशेष रूप से, मैं एक पूरा डिजाइन को लागू करने की 'पागल & बोल्ट' में मदद के लिए देख रहा हूँ

मैं अगर जरूरत अतिरिक्त उपकरण स्थापित करने के लिए प्रतिकूल नहीं हूँ, लेकिन मेरी प्राथमिकता चीजें आप मिल के साथ रहना है यदि संभव हो तो VS2k5 के वेनिला इंस्टॉलेशन के माध्यम से।

+0

आप किस ढांचे का उपयोग कर रहे हैं? विंडोज फॉर्म? MFC? WPF? –

+0

विंडोज़ फॉर्म अभी ठीक है, हालांकि मैं वीएस 2 के 5 के साथ आता है और सी # बैकएंड के साथ काम करता है और कुछ भी उपयोग करने के लिए बहुत खुले हैं। – Jeff

+0

क्या आपने एमवीसी मॉडल-व्यू-कंट्रोलर डिज़ाइन पैटर्न पर पढ़ा है? – kenny

उत्तर

2

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

OTOH, मेरी राय में WPF और WebForms (ASP.NET) के लिए वी.एस. डिजाइनर अनुभव WinForms के साथ के रूप में लगभग के रूप में अच्छा नहीं है। सौभाग्य से, डब्ल्यूपीएफ और वेबफॉर्म ऐप्स के लिए, यदि आपको डिज़ाइनर पसंद नहीं है तो आप कम से कम घोषणात्मक मार्कअप का उपयोग करने के लिए वापस आ सकते हैं, जो कि कोड में यूआई तत्वों को परिभाषित करने से बहुत बेहतर है (दुर्भाग्यवश WinForms में घोषणात्मक मार्कअप भाषा नहीं है)।

  • Anchor property उपयोग करना सीखें:

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

  • डिजाइनर में, हमेशा Document Outline, खुले दृश्य है जब जो दिखाता है आप एक ट्री व्यू में अपना प्रपत्र के नियंत्रण पदानुक्रम ... वास्तव में उपयोगी है, खासकर जब नियंत्रण का नाम बदलने।

+0

डब्ल्यूपीएफ लगभग उतना ही अच्छा नहीं है? क्या? – Pluc

0

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

इसके अलावा, "वीएस 2 के 5 के 'डिजाइन' दृश्य के साथ एक जीयूआई बनाने के प्रयास के लायक" के संबंध में? मैं कहूंगा कि यह एक हां & नंबर है। मैं केवल इस तथ्य से यह कहता हूं कि यदि आप किसी डिजाइनर पर बहुत अधिक भरोसा करते हैं, तो आईडीई से कोई फर्क नहीं पड़ता, आप नीचे & गंदे सामान पर अनुपलब्ध हैं - सामान जो वास्तव में आपको सिखाता है कि क्या हो रहा है। सबसे अच्छा परिणाम प्राप्त करने के लिए आपको डिज़ाइन समय या रनटाइम के दौरान कोड के माध्यम से कुछ चीजें करना चाहिए, इसलिए यह वास्तव में यह जानने में कोई दिक्कत नहीं होगी कि हुड के नीचे क्या चल रहा है!

हैप्पी GUI'ing!

-1

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

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

सवाल यह है कि जब तक आप एक अच्छे कलाकार नहीं होते हैं, तब तक बातचीत पूरी तरह से चूसती है या नहीं करती है, वास्तव में आप बाद के बारे में बहुत कुछ नहीं कर सकते हैं, लेकिन न्यूनतम से चिपकने के लिए। Minimalism के लिए एक विज्ञान है जिसे गैर कलाकार प्रकारों के लिए भी सीखा जा सकता है (उदाहरण के लिए नियमित ग्रिड पर सब कुछ डालें)। This टुकड़ा प्रिंट की ओर किसी भी तरह से तैयार किया गया है, लेकिन उल्लेख किए गए अधिकांश पहलुओं सार्वभौमिक हैं और स्क्रीन और यूआई डिज़ाइन पर लागू होते हैं।

पूर्व को उपयोगकर्ताओं के जूते में रखने की कोशिश करके तय किया जा सकता है। उस कार्य को देखें जो उपयोगकर्ता कर रहे हैं और वे आपके सॉफ़्टवेयर का उपयोग करके इसे कैसे पूरा करते हैं। क्या यह उपयोगकर्ताओं के लिए अपना काम करना आसान बनाता है या यह उस पथ में सड़क के किनारे फेंक देता है जो कार्य प्रवाह को घेरता है।

+1

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

+0

क्षमा करें जेफ, मुझे भी गलत समझा गया! – ccalboni

3

यदि आपके पास पहले से ही अपना डिज़ाइन तैयार है और योजनाबद्ध है, तो इसे कार्यान्वित करना आसान हिस्सा होना चाहिए।WinForms के साथ, यह वास्तव में खींचें और ड्रॉप (और कुछ गुणों को सेट करना, जैसे डॉकिंग और एंकरिंग के लिए)।

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

यदि आपके पास जीयूआई बनाने के दौरान काम करने के लिए पूरी तरह से एहसास हुआ डिज़ाइन नहीं है, तो आपके पास अभी भी एक कठिन समय होगा क्योंकि आप अभी भी डिज़ाइन निर्णय ले रहे हैं जो निर्माण के रास्ते में होगा।

संपादित करें: यदि आप भुगतान करने के इच्छुक हैं, http://www.learnvisualstudio.net/ में मूल अनुप्रयोग के लिए सरल जीयूआई बनाने के विषय पर कई वीडियो हैं, आमतौर पर किसी विशेष नियंत्रण (डेटाग्रिड व्यू, लिस्ट व्यू इत्यादि) की ओर उन्मुख होते हैं।

-1

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

अपने उपयोगकर्ताओं को अजीब लगता है और इसे नकल करने का प्रयास करें। मुझे लगता है कि उदाहरण के लिए एमएस आउटलुक यूआई का पता लगाकर बहुत से आवेदन किए जा सकते हैं। या यदि आप कुछ नया करना चाहते हैं, तो देखें कि बड़े क्या करते हैं: उदाहरण के लिए, Google द्वारा Picasa (डेस्कटॉप) आज़माएं। या रिबन बार के साथ कोई कार्यक्रम। यदि आपके पास समय है, तो एमएस 'Vista User Experience Interaction Guidelines (पीडीएफ डाउनलोड के लिए उपलब्ध) पर एक नज़र डालें। बहुत सारे छोटे समाधान हैं, जैसे कि "सेव-रद्द करें" बटन कहां रखें और किस क्रम में .. यह एक बेवकूफ चीज है लेकिन यह एक बड़ा अंतर बनाती है।

यदि आपके पास कोई कार्य करने का कार्य है और इसे पेश करने के बारे में एक प्रारंभिक बिंदु चाहते हैं तो एक अच्छा संसाधन Quince from Infragistic है। इसमें बहुत कुछ "इस तरह की करें" टिप्स और नमूना स्क्रीनशॉट हैं।

हेराल्ड द्वारा वर्णित एक और अच्छा संसाधन, SmashingMagazine है: आप उनकी फ़ीड की सदस्यता ले सकते हैं, और यह सच है कि डेस्कटॉप डिज़ाइन हर दिन वेब समकक्ष के करीब है।

और अंत में, आइकन। स्मैशिंग मैगज़ीन अक्सर आइकन के बारे में सुझाव देता है, और आप IconFactory पर कई संग्रह पा सकते हैं।

HTH!

+0

एक पूर्ण डिजाइन को कार्यान्वित करने के तरीके से पूछ रहा है, ui डिजाइन – RCIX

2

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

मुझे यकीन नहीं है कि क्या आप WinForms ट्यूटोरियल के बारे में पूछ रहे हैं या विशेष रूप से कोड को व्यवस्थित और व्यवस्थित करने के तरीके को कैसे व्यवस्थित करते हैं, लेकिन किसी भी तरह से Jeremy Miller has a good collection of tips on how to design the GUI code structure। (नोट: यह जीयूआई कोड संरचना के बारे में है, WinForms या प्रयोज्यता डिजाइन नहीं)।

जीयूआई कोड पर मेरे ले आमतौर पर किया गया है इस प्रक्रिया:

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

जब मेरी कोड संरचना समाप्त हो जाती है तो मैं चरम विस्तार मोड में जाता हूं, जहां मैं जीयूआई के विपरीत पिक्सेल-परिपूर्ण पाने के लिए मूल्यों को हैंडोड करता हूं।

वैसे भी, मुझे पूरा यकीन नहीं था कि आपका प्रश्न क्या था लेकिन मुझे आशा है कि इससे मदद मिलेगी। अगर मैं आपको गलत समझा तो मुझे बताएं।

+0

महान लिंक नहीं, धन्यवाद! –

संबंधित मुद्दे