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

एक डिजाइनर को हेडर में इंडेंटेशन के बारे में क्या पता होना चाहिए

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

http://artgorbunov.ru/bb/soviet/20140224/

प्रीलोडर आइकन सेवा के प्रति हमारे दृष्टिकोण को कैसे प्रभावित करता है

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

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

http://mercury.io/blog/the-psychology-of-waiting-loading-animations-and-facebook

उत्तरदायी डिजाइन की मूल बातें

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

http://www.adamkaplan.me/grid/

प्रोटोटाइप के लिए फ़ोटोशॉप जेनरेटर का उपयोग करना

फ़ोटोशॉप के "फ़ोटोशॉप जेनरेटर" की एक अपेक्षाकृत नई विशेषता आपको वास्तविक समय में .jpg, .gif और .png स्वरूपों में चित्रों में व्यक्तिगत परतों या उनके समूहों को सहेजने की अनुमति देती है। विचार यह है कि अब एक वेब चित्र प्राप्त करने के लिए आपको एक बार फिर से कॉपी, फसल और निर्यात करने की आवश्यकता नहीं है। एक बार जब आप एक परत या परतों के समूह को कॉन्फ़िगर करते हैं, तो आप उनमें आवश्यक परिवर्तन कर सकते हैं, और चित्र स्वचालित रूप से बनाए जाएंगे।

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

http://savvyapps.com/blog/using-photoshop-generator-mockups/

येलप स्टाइल गाइड

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

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

http://www.yelp.com/styleguide

यादृच्छिक उपयोगकर्ता जनरेटर

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

http://randomuser.me/extension/

पीक सेवा। एक वास्तविक व्यक्ति से साइट की वीडियो समीक्षा

प्रयोज्य परीक्षण कंपनी usertesting.com से एक मजेदार सेवा। बस अपना वेबसाइट पता दर्ज करें। आपकी साइट का उपयोग करने वाले एक वास्तविक व्यक्ति से पांच मिनट की वीडियो समीक्षा शीघ्र और मुफ्त में देने का वादा किया गया है।

http://peek.usertesting.com/

Recordit.co। रिकॉर्डिंग के लिए सेवा

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

http://recordit.co/

Peekcalendar। पॉकेट कैलेंडर

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

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

http://www.peekcalendar.com

IconFinder। संस्करण 5.0

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

http://blog.iconfinder.com/introducing-version-5-prepare-to-be-inspired/

नई टेड। Com 2.0

Ted.com ने अपनी सेवा का एक नया डिज़ाइन पेश किया। नए अनुभाग और उत्तरदायी डिज़ाइन। उनसे प्रतिक्रिया देने को कहें।

वेब डिज़ाइन की दुनिया का सबसे दिलचस्प। डाइजेस्ट जीन नंबर 1, फरवरी 2014