असामान्य साइट नेविगेशन

मुंहतोड़ पत्रिका रचनात्मक और अभिनव नेविगेशन डिजाइन

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

Toybox

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

ओलिवर बॉस

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

TSTO

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

डेरेक बोटेंग

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

दूसरी कहानी

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

ज्यादातर गंभीर

नेविगेशन रंगीन गुब्बारे के रूप में बनाया गया है, अनुकूल एनीमेशन आगंतुकों का ध्यान आकर्षित करता है। आंतरिक पृष्ठ अधिक व्यावहारिक हैं, सामग्री को पढ़ना आसान है।

न्यूनतम बंदर

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

LayerVault

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

पलायन की उड़ान

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

aSCIIaRENa

ASCII प्रशंसकों के लिए! डिजाइन 90 के दशक की भावना है।

सरतोरथ

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

SilkTricky

लेख की छवि आंदोलन के रूप में साइट का एक असामान्य और आकर्षक होवर प्रभाव है। इसके अलावा, साइट सिंगल-पेज है।

SumAll

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

potluck

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

Lowdi

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

बारकैम्प ओमाहा

घटनाओं के बारे में एक पृष्ठ की वेबसाइट, सभी आवश्यक जानकारी: क्या, कब और कहाँ आयोजित किया जाएगा, एक ही स्थान पर एकत्र किया गया। ट्विटर और फेसबुक आइकन के डिजाइन का एक सुंदर परिचय।

Combadi

टैब के लिए एक दिलचस्प समाधान, सामान्य तौर पर, डिजाइन अच्छी तरह से साइट की सामग्री को दर्शाता है, असामान्य यात्रा विचारों के बारे में जानकारी।

वालर क्रीक कंजर्वेंसी: द फाइनल फोर

होवर एनीमेशन न केवल सुंदर होना चाहिए, बल्कि जानकारीपूर्ण भी होना चाहिए। इस साइट पर छवियों के ऐसे होवर प्रभाव का एक उदाहरण देखा जा सकता है।

लिफ़्ट

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

एक प्रकार का पक्षी

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

खोदना

इस उत्तरदायी वेबसाइट पर, नेविगेशन बहुत जगह नहीं लेता है और ऊपरी बाएँ कोने में बटन पर क्लिक करके बंद किया जा सकता है।



इसके अलावा, दिलचस्प टेम्प्लेट के साथ कई टेम्पलेटमोनस्टर टेम्प्लेट:

38211 : मुख्य पृष्ठ पर एक नेविगेशन छवि हिंडोला के साथ टेम्पलेट।



38198 : मुख्य पृष्ठ के परिपत्र नेविगेशन के साथ टेम्पलेट।



38228 : पोर्टफोलियो साइट के लिए टेम्पलेट।



44467 : पहले से निर्मित मोटो सीएमएस व्यवस्थापक पैनल के साथ एक पोर्टफोलियो साइट के लिए एक टेम्पलेट, और आप इसे तुरंत नहीं खरीद सकते हैं, लेकिन 30 दिनों के लिए मुफ्त में अपने व्यक्तिगत संस्करण का परीक्षण करें: कोई भी परिवर्तन करें और उन्हें सहेजें।