क्रिटिक: ट्रिटियम वेबसाइट डिज़ाइन

Question

इस सवाल का अनुसरण करने में: क्रिटिक: ट्रिटियम सॉफ्टवेयर लोगो डिज़ाइन । वेबसाइट कोड (प्रदर्शन, बग, संबंधित उपयोगकर्ता अनुभव) की समीक्षा के लिए, कृपया कोड समीक्षा पर बहन प्रश्न पर जाएं ।

---

मैं अपने ट्रिटियम वेबसाइट ( स्रोत कोड ) के लिए डिज़ाइन की समीक्षा की तलाश कर रहा हूं ।

विशेष रूप से:

• वेबसाइट का एक लक्ष्य इसे सरल रखना था। क्या मैंने उसे पूरा किया है?

• क्या मेरे पैलेट में रंग एक दूसरे के पूरक हैं?

  • पृष्ठभूमि: #171d25
  • एनिमेटेड परमाणु: #333
  • प्रतीक चिन्ह: #f8bd24
  • लिंक पाठ: #6e6e6e
  • ब्रांड हेडर, होवर लिंक टेक्स्ट, बटन: #78C40F
  • नेवबार: #000
  • मुख्य भाग: #fff

• क्या सभी पिछले समालोचना सही ढंग से डिजाइन-वार लागू किए गए हैं? क्या मैं ओवरबोर्ड गया था?

  • कार्यान्वित @ DA01 के लोगो डिजाइन ( अनुमति के साथ )।
  • @ Yisela के सुझाव , एनीमेशन @ @ququishossifrage के सौजन्य से प्रति पृष्ठभूमि में परमाणु को जोड़ा गया ।
  • कई अन्य सुझावों के आधार पर इसे सरल रखने की कोशिश की।

• क्या वेबसाइट के बाकी हिस्सों के साथ मेरी फॉन्ट पसंद अच्छी है?

• क्या कोई डिज़ाइन अवधारणा है जिसे मैंने अनदेखा किया है और लागू नहीं किया है?

मैं वेबसाइट डिजाइन के लिए अभी भी कुछ नया हूं, इसलिए कृपया इसके साथ जितना कठोर हो उतना ही कठोर रहें।

Comments

मुझे लगता है कि रंग ठीक लगते हैं। जाहिर है मुझे डिज़ाइन की पृष्ठभूमि या परामर्श पर बहुत अधिक जानकारी नहीं है, लेकिन मैं व्यक्तिगत रूप से Paletton.com के साथ क्रोम के लिए आई ड्रॉपर प्लगइन का उपयोग करता हूं। यह आपको सही रंगों को चुनने में काफी हद तक लचीलापन देता है। आई ड्रॉपर टूल आपको सीएसएस / HTML में उस रंग को घोषित करने के लिए बहुत सारे विकल्प देता है।

— अर्जेंटीना ब्रांडिंग

"विजिट डाउनलोड पेज" पर क्लिक करने पर एक नया टैब खुल जाता है, लेकिन मैंने उस पर ध्यान नहीं दिया, क्योंकि एक पॉपअप दिखाई दिया और मुझे लगा कि यह सब होने वाला था ... यदि नया टैब खोला गया और ध्यान में रखा गया। उपयोगकर्ता इसे याद नहीं करेगा। टारगेट का उपयोग करते हुए = "_ blank" ट्रिक ( w3schools.com/html/html_links.asp देखें ) करें। यदि आपने इसे एक साधारण लिंक (नीली, रेखांकित या समान) की तरह भी बनाया है, तो मुझे लगता है कि लोग मान लेंगे कि यह एक नया टैब खोलता है।

— हेनरिक एक्बलोम

मैं पॉप-अप पर समालोचना से सहमत हूं। मैं पॉप-अप में एक बटन जोड़ दूंगा जो एक बार में दो चीजों को खोलने के बजाय गीथब पृष्ठ पर जारी रहेगा। रास्ते में साइट पर वास्तव में बहुत अच्छा काम।

— हन्ना

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

— जानूस बह्स जेकेट

Answer 1

शानदार डिजाइन! मैं विशेष रूप से दाईं ओर परमाणु एनीमेशन पसंद करता हूं।

मुझे आपके रंग पसंद हैं। एक विकल्प के रूप में आप पृष्ठभूमि के लिए एक गहरे नीले रंग का उपयोग कर सकते हैं। यह पृष्ठ को रात के नीले आकाश की तरह गहराई देता है:

मैंने आपके रंग पैलेट के साथ खेलने के लिए Colorizr.js का उपयोग किया । यदि आप अपने रंगों को ठीक करना चाहते हैं, तो निम्न सेटिंग्स का उपयोग करें जो आपके पृष्ठ को फिट करते हैं:

रंग ऊपर से नीचे तक हैं: आरजीबी (25, 33, 44), आरजीबी (14, 191, 14), आरजीबी (212, 212, 212), आरजीबी (26, 40, 60), आरजीबी (26, 40,) 60)

Answer 2

मुझे लगता है कि वेबसाइट का डिजाइन काम करता है। मुझे हेडर लिंक के लिए आपके बदलाव पसंद हैं। स्पष्ट और संक्षिप्त संचार।

रंग पैलेट मुझे एक पोषण कंपनी या इसी तरह की याद दिलाता है।

मुझे लगता है कि तकनीक से संबंधित वेबसाइट के लिए फॉन्ट च्वाइस अच्छा काम करती है। मैं शायद मानार्थ sans-serif चेहरे के लिए सेरिफ़ चेहरे को स्क्रैप कर दूंगा, लेकिन यह विशुद्ध रूप से व्यक्तिगत स्वाद है।

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

Answer 3

वास्तव में एक डिजाइन मुद्दा नहीं है, लेकिन प्रयोज्य पर -
साइट का कहना है कि यह मुफ़्त है, लेकिन जब आप 'दृश्य डाउनलोड पृष्ठ' पर क्लिक करते हैं तो पॉप-अप दान मांगता है। क्या होगा अगर मैं सॉफ्टवेयर की कोशिश करने से पहले दान नहीं करना चाहता हूं? एक और विकल्प होना चाहिए जैसे 'CONTINUE' या 'CANCEL' ताकि उपयोगकर्ता वास्तव में डाउनलोड पेज पर जा सके और सॉफ्टवेयर डाउनलोड कर सके, यदि वह दान नहीं करता है।

तो मैं सुझाव देता हूं कि पॉप-अप के लेआउट को फिर से डिज़ाइन करें और सुझाव के अनुसार एक और बटन भी शामिल करें।

Answer 4

आप उस वर्ष के डिजाइनर को नहीं जीत पाएंगे। लेकिन जितना कम है, उतना ही कम मुझे नापसंद है।

आइकन के आपके पीले संस्करण में विस्तृत की तुलना में दीर्घवृत्त हैं:

यह ब्राउजर टैब आइकन में डालने पर अजीब से दिखने वाला और यहां तक ​​कि सरसों के रूप में भूरा होता है। अगर आप ब्राउजर टैब आइकन बनाने जा रहे हैं तो बस इसे डार्क ग्रे या ब्लैक कर दें।

ऐसा लगता है कि क्लिक करने के लिए बस एक चीज है जिस पर "विज़िट डाउनलोड पृष्ठ" है। यदि आपके पास यह सब है, तो यह पृष्ठ क्यों नहीं है?

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