मैं आकर्षित नहीं कर सकता। मैं पॉलिश किए गए एप्लिकेशन कैसे बना सकता हूं?

41

मैं ग्राफिक डिजाइनर नहीं हूं। मुझे कुछ भी खींचने में बहुत बुरा लगता है। मैं उन चीजों का निर्माण करने के लिए संघर्ष करता हूं जो विकास के साधनों के साथ बंडल किए गए "नमूना" अनुप्रयोगों के रूप में भी अच्छे लगते हैं; मुख्य रूप से क्योंकि मेरे पास कला संपत्ति के रास्ते में स्क्वाट नहीं है।

इसे कम करने के लिए मुझे क्या रणनीति अपनानी चाहिए?

graphics

— बिली ओनली
स्रोत

3

बस स्पष्ट होना चाहिए: आप GUI बनाना चाहते हैं जो डिफ़ॉल्ट प्लेटफ़ॉर्म के लुक और फील का उपयोग नहीं करते हैं? पहला सवाल तो यह होगा: अपने यूआई को खींचने के लिए ओएस पर निर्भर क्यों न हों?

— कोनराड रुडोल्फ

2

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

— बिली ओनेल

5

आइकन की संपत्ति: ओपन सोर्स आइकन सेट का उपयोग करें। ;-) वहाँ कुछ काफी उच्च गुणवत्ता वाले हैं, जैसे FamFamFam के सिल्क प्रतीक या ग्लिफ़िकॉन ... व्यक्तिगत रूप से मैं कई अन्य ग्राफिक्स से बचना पसंद करता हूं, लेकिन उन अनुबंध कार्य के लिए शायद सबसे अच्छा समाधान है ...

— कोनराड रूडोल्फ

method.ac उपयोगी हो सकता है, एक बार जब यह लॉन्च किया जाता है।

— मैक्सएमपी

24

मुझे व्यक्तिगत रूप से नहीं लगता कि आपको मनभावन उपयोगकर्ता इंटरफेस बनाने के लिए अच्छा कलाकार होना होगा ।

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

मैं निम्नलिखित करने का सुझाव दूंगा ...

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

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

बस कुछ चीजें जो मैंने पाया कि उपयोगकर्ता इंटरफेस को खुश करते हैं:

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

इसके अलावा ... डिजाइन के साथ शुरू मत करो। कार्यक्षमता के साथ शुरू करें और डिजाइन को विकसित होने दें। इसके अलावा, प्रयोग करें! 1-2 'पुनरावृत्तियों' के बाद अगर यह सही नहीं लगता है तो परेशान न हों। यह समय के साथ बेहतर होता जाता है। लेकिन सबसे महत्वपूर्ण बात, आपको प्रयास करना होगा ।

— c_maker
स्रोत

3

मैं पॉलिश की बात कर रहा हूं, यूएक्स की नहीं। यह जानकर कि "मनभावन" डिज़ाइन करने के लिए UI मदद नहीं करता है (उदाहरण के लिए) आपके आइकन बेहतर दिखते हैं।

— बिली ओनेल

5

@BillyONeal: क्षमा करें, लेकिन मेरे लिए आपका प्रश्न 'डिजाइनिंग आइकन्स' की तुलना में बहुत व्यापक था।

— c_maker

3

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

— बिली ओनेल

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

— स्टिविव

12

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

ध्यान दें कि मेरे दिमाग में ग्राफिक्स डिजाइन UI / UX डिजाइन नहीं है। मैं या तो UX का बहुमत करता हूं, या UX का नियंत्रण बनाए रखने के लिए एक UX विशेषज्ञ को नियुक्त करता हूं, जो तब सुंदर दिखने के लिए GD के साथ काम करता है। हालाँकि मुझे यकीन है कि अच्छे संयुक्त UX / GD पेशेवर हैं, मुझे GDs के साथ बहुत बुरे अनुभव हुए हैं, जो सामान की तरह दिखते हैं, बहुत बुरा था, UX था, और कुछ महीनों में पुराना हो गया था, और जब तक मैं यह जोखिम नहीं उठाऊंगा कुछ परियोजनाओं के लिए जीडी के साथ काम किया है।

— mattnz
स्रोत

1

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

— स्टोइव

2

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

— समझें

1

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

— स्टोइव

9

यदि आप चित्रमय संपत्ति की तलाश कर रहे हैं तो कुछ वेबसाइटें हैं जो मुफ्त उपयोग के लिए उच्च गुणवत्ता वाले ग्राफिक्स एकत्र करती हैं:

यूआई वेब फ्रेमवर्क के लिए बूटस्ट्रैप यकीनन सबसे अच्छा (लेकिन निश्चित रूप से सबसे गर्म अभी)
एक आइकन के लिए ग्लिफ़िकॉन जो ट्विटर के बूटस्ट्रैप यूआई ढांचे को पूरक करता है
सूक्ष्म पैटर्न , अच्छी तरह से, सूक्ष्म पृष्ठभूमि पैटर्न के लिए
FamFamFam के सिल्क आइकन जो बहुत सारे सॉफ़्टवेयर में उपयोग किए जाते हैं
विविध तत्वों के लिए क्रिएटिव मार्केट

और भी कई, जैसे कि गनोम कला परियोजना जिसमें बहुत सारी मुफ्त चित्रमय संपत्ति शामिल हैं।

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

पिकासो ने कहा कि "महान कलाकार चोरी करते हैं" लेकिन वास्तव में यह ज्यादातर प्रतिभाशाली हैक है, और देखो जहां यह माइक्रोसॉफ्ट और सैमसंग का नेतृत्व किया है: महान-बिक्री प्लेटफार्मों के लिए।

— कोनराड रुडोल्फ
स्रोत

8

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

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

— कार्ल बेवफेल्ड
स्रोत

3

आप जो देख रहे हैं वह "यूआई / यूएक्स डिजाइन फॉर डेवलपर्स" है। इस विषय से संबंधित एक पुस्तक प्रोग्रामर के लिए यूजर इंटरफेस डिजाइन है

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

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

— आतिफ
स्रोत

: अधिकांश (? सब) जोएल की पुस्तक के बारे में उनकी साइट पर पाया जा सकता है joelonsoftware.com/uibook/fog0000000249.html

— Fara

ऐसा लगता है कि पुस्तक का लगभग 2/3 भाग है। इसमें 13-18 अध्याय नहीं हैं।

— स्टीव बेनेट

1

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

मुझे लगता है कि अच्छा प्रयोज्य में c_maker से सहमत है , हालांकि यह लग रहा है कि आप 'आर्टि' designy छोर पर अधिक विशिष्ट किया जा रहा है, अच्छे डिजाइन।

यदि आप वेब डिज़ाइन और लेआउट का काम यहां कर रहे हैं, तो उन सीएसएस साइटों में से कुछ हैं:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/

— माइकल डुरंट
स्रोत

मुझे लगता है कि वेब देवों के लिए यह ठीक काम करता है। वास्तव में अधिक भाषा-वैचारिक यहाँ हालांकि। मोटे ग्राहकों को भी यूआई प्यार चाहिए।

— बिली ओनेल