2009-11-10 20 views
7

मैं एप्लिकेशन को कैसे अच्छा लग सकता हूं और शौकिया की तरह इसे एक साथ खींच नहीं सकता?आप आम तौर पर प्रोग्राम को सुंदर कैसे दिखते हैं?

मेरा मतलब ग्राफिक-वार है।

क्या सुंदर प्रोग्राम लेआउट आदि के बारे में आप कुछ प्रकार की पुस्तक पढ़ सकते हैं?

मैंने इसे सामुदायिक विकी में रखा है, इसलिए कृपया अपनी राय छोड़ने के लिए स्वतंत्र महसूस करें जिससे हम सभी सीख सकें। : डी

संपादित करें: हे भगवान! मैं पूरी तरह से उल्लेख करना भूल गया कि प्रोग्राम के। मेरा मतलब डेस्कटॉप अनुप्रयोग है। वेब अनुप्रयोग नहीं। : डी

+4

किस प्रकार का कार्यक्रम? वेब आधारित? ग्राहक आधारित? वीडियो गेम? सचमुच हजारों पुस्तकें आप इस पर पढ़ सकते हैं, लाखों Google परिणामों के अलावा ... – Jason

+7

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

+4

मुझे लगता है कि उसका मतलब अंगूठे का नियम है। ऐसे मौलिक नियम हैं जो सभी अनुप्रयोगों पर लागू होते हैं जैसे कि इसे सरल रखें, व्यवसाय की आवश्यकता को पूरा करें आदि। – Phil

उत्तर

29

एक ग्राफिक डिजाइनर खोजें।

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

अच्छे ग्राफिक डिज़ाइन के लिए कौशल (और उपकरण) मूल रूप से डेवलपर के कौशल से अलग हैं।

+6

आप सही हैं। हालांकि, उत्पाद इंजीनियरों को उत्पाद को अच्छे बनाने में योगदान करने में सक्षम होने के लिए स्वयं को डिज़ाइन के बारे में कुछ पता होना चाहिए। कह रहे हैं, "बस एक डिज़ाइन किराए पर लें" जैसे कि कोई आपको यह सोचने के बिना घर बना देता है कि आपको लगता है कि यह अच्छा दिखता है या नहीं। मैंने इसे बहुत कठिनाई से सीखा है। – Phil

+1

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

+1

+1: एक ग्राफिकल डिजाइनर ढूंढें। प्रोग्रामर कोड डिजाइनर हैं, न कि ग्राफिकल डिजाइनर। जोएल ने इसके बारे में कुछ भी अच्छा कहा है: http://www.joelonsoftware.com/items/2009/03/09.html – BalusC

9

तीन बातें:

  1. किराया एक डिजाइनर है कि व्यापार मॉडल और ग्राहकों जानता है; जब तक आप इसे में अच्छे हैं अपने आप को

  2. मदद करने के लिए आप डिजाइनर के लिए सार्थक प्रतिक्रिया प्रदान करते हैं

  3. अध्ययन स्टीव Krug द्वारा की तरह एक किताब मैं Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition तरह पढ़ा कई अच्छे ऐप्स जिन्होंने सफलता मिली है आप के लिए ब्याज का व्यवसाय। प्रेरित (उर्फ कॉपी) उनसे अच्छे विचार बनें और अपने विचारों में मिलाएं। एक प्रमुख उदाहरण यह है कि Google search "प्रेरित" माइक्रोसॉफ्ट के बिंग
+3

+1 मुझे मत सोचो - एक उत्कृष्ट पुस्तक – ChrisF

-1

एक विशेषज्ञ को किराए पर लें। डिज़ाइन ऐसा कुछ है जो आपके पास है या आप नहीं करते हैं। ऐसा लगता है कि आप (सिर्फ मेरे जैसे) "ऐसा नहीं" श्रेणी :)

+0

एक ग्राफिक डिजाइनर के रूप में मैं आपको बता सकता हूं कि "यह" जिसका आप उल्लेख कर रहे हैं हजारों घंटे अध्ययन और अभ्यास है। यह जादू नहीं है। उस ने कहा, यदि आप समर्थक स्तर पर कम से कम 1000-2000 घंटे सीखने के डिजाइन में नहीं डालना चाहते हैं, तो पहले से ही किसी को किराए पर लें। – willc2

6

निम्नलिखित नियम वास्तव में महत्वपूर्ण हैं में हैं, जब यह देखो और एक आवेदन

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

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

आपके पास अच्छे यूआई के बिना अच्छा यूएक्स नहीं हो सकता है, लेकिन एक अच्छा यूएक्स के बिना एक अच्छा यूआई होना निश्चित रूप से संभव है।

+0

यह आपको Google के लिए लिंक देने से लगभग बदतर है। – Garrett

+0

यह एक बहुत ज़ेन जवाब है। –

+0

@ गेटेट मुझे नहीं लगता कि राज बिल्कुल व्यंग्यात्मक था। वे दो शब्द हैं जो जानना निश्चित रूप से अच्छे हैं और इस प्रश्न से पूछने वाले व्यक्ति को कुछ पता नहीं हो सकता है। –

1

मैं कमांड लाइन इंटरफेस की सुंदरता के अपने उपयोगकर्ताओं को मनाने के लिए बहुत मेहनत करता हूं।

इसके अलावा, मुझे लगता है कि "हॉलवे परीक्षण" से बेहतर कुछ भी नहीं है। हालांकि आप हमेशा जीयूआई डिजाइन के लिए एक विशेषज्ञ को किराए पर ले सकते हैं।

+0

हाहा +1। मेरा काम खत्म हो जाएगा अगर वे मेरे द्वारा उपयोग किए जाने वाले सुंदर कमांड लाइन संस्करण को गले लगाएंगे। – chimpsarehungry

0

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

GUI डिज़ाइन पर पुस्तकों की एक अच्छी सूची के लिए here देखें।

2

मैं पढ़ने की सलाह AskTog site:

ब्रूस टोगनटज़िनी ... ... एप्पल ह्यूमन इंटरफ़ेस समूह की स्थापना की और के रूप में एप्पल के मानव में काम किया इंटरफेस प्रचारक।

वहाँ कैसे बटन बड़ा बनाने सीधे आदि क्लिक किया जा रहा की उनकी संभावना, कैसे माउस आंदोलन पर असर पड़ा डिजाइन,

के अनुपात में है की तरह है, अतीत में कुछ महान सामान हो गया है लेकिन तुम सीखने में नहीं कर रहे हैं, तो - द्वारा सभी साधन, एक पेशेवर डिजाइनर खोजें।

5

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

मुझे लगता है कि लोगों का सबसे बड़ा मुद्दा सिर्फ एक घटक को फेंकना सीख रहा है जो आपके लिए काम नहीं कर रहा है।

+0

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

1

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

1

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

1

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

सामान्य नियम:

  • ग्रिड के मामले में लगता है
  • सफेद स्थान का डर नहीं
  • रखने इसे सरल
  • पदानुक्रम को समझने
  • मूल रंग सिद्धांत को समझने
  • एक किराया यूजर इंटरफेस डिजाइनर
+0

सफेद स्थान - बहुत महत्वपूर्ण! –

5

मुझे पता चला है कि विभिन्न डेस्कटॉप डिज़ाइन मार्गदर्शिकाओं के माध्यम से जाकर बहुत उपयोगी हो सकता है।

  1. Windows User Experience Interaction Guidelines
  2. Apple Human Interface Guidelines
  3. Gnome Human Interface Guides

मैं उनमें से किसी को किया जा रहा है "सही" के रूप में माना जा सकता है नहीं लगता है, लेकिन वे आप के रूप में एक अच्छा आधारभूत विचार दे देंगे क्या सामान्य रूप से मूलभूत सिद्धांत जैसे कि संरेखण, रिक्ति और विजेट लेआउट चला जाता है।

+0

मैंने विंडोज दिशानिर्देशों का उपयोग किया है, और विंडोज यूआई बनाने के दौरान यह एक महान संसाधन है। केवल समस्या ही बड़ी मात्रा में जानकारी है – jonsb

2

दिखने के लिए: प्लेटफ़ॉर्म के मानव इंटरफ़ेस दिशानिर्देशों का पालन करें। आंखों को खुश करने के लिए Golden Mean का उपयोग करें। Simplify, Simplify, Simplify

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

1

सबसे पहले, प्रयोज्य हमेशा # 1 प्राथमिकता होनी चाहिए और अपने डिजाइन ड्राइव करना चाहिए:

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

1.) बुद्धिमानी से रंग का उपयोग करें:

कुछ मौलिक विवरण काम है कि मुझे मदद की है डिजाइन करने के लिए कर रहे हैं। सुस्त रंग खराब नहीं हैं लेकिन वे डिज़ाइन को उबाऊ लग सकते हैं और स्वयं से अप्रसन्न दिख सकते हैं। यदि आप रोमांचक, अधिक संतृप्त रंग जोड़ते हैं तो आप अधिक महत्वपूर्ण तत्वों पर जोर दे सकते हैं। इससे न केवल नज़र में सुधार होगा, बल्कि इसका उपयोग उन तत्वों पर ध्यान देकर उपयोगिता में सुधार के लिए भी किया जा सकता है, जिन्हें आप अपने उपयोगकर्ताओं को याद नहीं करना चाहते हैं। दोबारा, यदि आप इसे अधिक करते हैं तो यह आपकी भौतिकी पुस्तक में सब कुछ हाइलाइट करने जैसा है। यदि आप इसे हर जगह करते हैं, तो इसका अर्थ खो देता है। मैंने colors and contrast in my answer here के बारे में और अधिक लिखा।

2.) white space बुद्धिमानी से उपयोग करें। यह बहुत बड़ा है। इससे कोई फर्क नहीं पड़ता कि आप किसी वेबसाइट या विंडोज ऐप के बारे में बात कर रहे हैं - एक अव्यवस्थित एप्लिकेशन एक बदसूरत है। एक अच्छा article about this relating to web design है, लेकिन एक ही मूल नियम डेस्कटॉप ऐप पर लागू होंगे।

3.) big fonts से डरें। जोर देने के लिए एक और माध्यम - बड़ा फ़ॉन्ट। जब उचित सफेद जगह के साथ मिलकर, बड़े बड़े शब्दों में लिखे गए कॉल-टू-एक्शन दृश्यमान रूप से एक शक्तिशाली चीज हो सकती है।

इसके बारे में सोचने के लिए आओ, ये सभी सुझाव जोर देने से संबंधित हैं।

0

सामान्य दिशा-निर्देश हम का उपयोग करें:

  1. मेक आसान चारों ओर हो रही है: आवेदन के विभिन्न भागों तक पहुँचने के लिए एक उपकरण पट्टी या पक्ष मेनू का उपयोग करें।
  2. देखने की जानकारी जितनी आसान हो सके, और विभिन्न प्रारूपों में।
  3. बदलती जानकारी को यथासंभव सुसंगत बनाओ। यानी, एक ही स्थान पर नया, संपादित करें और सहेजें बटन डालें।
  4. सबसे आम कार्रवाई सबसे आसान बनाएं।

विशेष दिशा निर्देश हम का उपयोग करें:

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

यह आपको एक विचार देगा कि मेरा सिर कहां है "आप आम तौर पर प्रोग्राम को कैसे सुंदर बनाते हैं?"

  • लघु तरीकों
  • उपयुक्त खाली स्थान के
  • अनुरूप नामकरण सम्मेलनों
  • लगातार स्वरूपण सम्मेलनों

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

0

क्या किसी को प्रोग्रामर के लिए कोई सुझाव मिला है जिसके पास कोई बजट नहीं है, या मज़े के लिए घर पर एक परियोजना पर काम कर रहा है? हम एक डिजाइनर को किराए पर नहीं ले सकते हैं, लेकिन हम अपने अनुप्रयोगों को कम घर के निर्माण के लिए प्रयास करने के लिए कुछ प्रयास करना चाहते हैं।

मैं सुझाव देता हूं कि आपके सृजन का एक स्क्रीनशॉट परिवार और दोस्तों को दिखाए। आप उनके सुझावों से नफरत करेंगे क्योंकि वे निश्चित रूप से आपके से भिन्न होंगे। लेकिन यह मदद कर सकता है।

अनुसंधान ऐप्स जो समान हैं, और कुछ जो नहीं हैं, फिर प्रत्येक से एक छोटा सा विचार चुटकी लें!

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