२०१ 2016 वेबसाइट डिजाइन प्रवृत्तिले तपाईंको साइट सिर्जना गर्नु अघि विचार गर्न

dk new media साइट १

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

  1. एनिमेसन

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

रिच एनिमेसनको उदाहरणहरूमा लोडि anima एनिमेसन, नेभिगेसन र मेनूहरू, होभर एनिमेसनहरू, ग्यालरीहरू र स्लाइडशोहरू, गति एनिमेसन, स्क्रोलि,, र पृष्ठभूमि एनिमेसनहरू र भिडियोहरू समावेश छन्। यस साइटलाई बीगलबाट हेर्नुहोस्, प्रस्ताव प्रबन्धन प्लेटफर्म:

बीगल एनिमेटेड वेबसाइट

क्लिक गर्नुहोस् बीगलको अद्भुत जाभास्क्रिप्ट र CSS एनिमेसन हेर्नको लागि जब तपाईं तिनीहरूको साइट तल स्क्रोल गर्नुहुन्छ।

रिच एनिमेशन पनि माइक्रो अन्तरक्रियामा देख्न सकिन्छ। उदाहरणको लागि, लिंक्डइनमा, प्रयोगकर्ताले विकल्पहरूको सूक्ष्म पपअप मेनूको लागि कार्डमा होभर गर्न सक्दछ, र त्यसपछि कथा छोड्ने वा अन्य कार्यहरू लिने छनौट गर्दछ।

GIF एनिमेसनहरू (खुशीले?) पुन: भेटियो, र धेरै फरक उद्देश्यका लागि प्रयोग गर्न सकिन्छ, हास्य, प्रदर्शन, र यहाँ सम्म कि सजावटको लागि।

  1. भौतिक डिजाइन

भौतिक डिजाइन, Google द्वारा विकसित गरिएको डिजाइन भाषा, प्रिन्ट-आधारित डिजाइनको तत्त्वहरूमा निर्भर गर्दछ — टाइपोग्राफी, ग्रिडहरू, ठाउँ, स्केल, रंग, र इमेजरीको प्रयोग responsive साथ प्रतिक्रियावादी एनिमेसन र ट्रान्जिसन, प्याडि,, र प्रकाश र छाया जस्ता गहिराइ प्रभावहरू। एक अधिक यथार्थवादी, संलग्न, र अन्तर्क्रियात्मक प्रयोगकर्ता अनुभव प्रदान गर्नुहोस्।

मटेरियल डिजाइनले छाया, आन्दोलन र गहिराईको प्रयोग गर्दछ सफा, आधुनिक सौन्दर्य प्रस्ताव गर्दछ धेरै ध्यान दिनुहोस् धेरै घण्टी र सिटी बिना नै अनुकूलन UX मा फोकसको साथ।

सामग्री डिजाइनका अन्य उदाहरणहरूमा किनारा-देखि-किनारा इमेजरी, ठूला-मापन टाइपोग्राफी, र जानबूझि सेतो अन्तरिक्ष समावेश छ।

यूट्यूब एन्ड्रोइड सामग्री डिजाइन पुन: डिजाइन अवधारणा

  1. फ्लैट डिजाइन

जबकि मटेरियल डिजाइनले न्यूनतमताको अवधारणामा एक दृष्टिकोण प्रदान गर्दछ, फ्ल्याट डिजाइन सफा लाइनहरूको प्रेमीहरूको लागि क्लासिक विकल्प हो। त्यो हो, फ्ल्याट डिजाइन प्राय: अधिक यथार्थवादी, प्रामाणिक र आरामदायी डिजिटल रूपको रूपमा देखीन्छ।

स्पेस सुई

सेतो अन्तरिक्ष, परिभाषित किनारहरू, जीवन्त र colors्गहरू, र 2D — वा "समतल" —ilustration को सिद्धान्तको आधारमा, फ्लैट डिजाइनले बहुमुखी शैली प्रदान गर्दछ जुन लाइन आइकनोग्राफी र लामो छायाँ जस्ता प्रविधिहरूको बारम्बार प्रयोग गर्दछ।

ल्यान्डर

  1. स्प्लिट स्क्रीन

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

विभाजित स्क्रीन

प्रयोगकर्ताहरूलाई उनीहरूको सामग्री र अनुभव छनौट गर्न अनुमति दिएर, तपाईं पोर्टल-प्रकारको अनुभव सिर्जना गर्न सक्नुहुनेछ जुन आगन्तुकहरूलाई प्रविष्ट गर्न प्रलोभित गर्दछ।

विभाजित स्क्रीन-सागर

  1. क्रोम ड्रप गर्दै

क्लासिक कारहरूमा क्रोम बम्पर्स र एलिभ्लिशमेन्टलाई संकेत गर्दै, "क्रोम" ले वेबसाइटको कन्टेनरहरू - मेनूहरू, हेडरहरू, फुटरहरू, र बोर्डरहरू-लाई जनाउँछ जुन मुख्य सामग्री समेट्छ।

क्रोम-समय

यो ध्यान भंग गर्न सक्दछ, र धेरै कम्पनीहरूले कन्टेनरहरू भत्काउन छनौट गरिरहेका छन् र कुनै बोर्डर, हेडर, वा फुटरहरू बिना सफा, एज-टु-एज लेआउटहरू सिर्जना गर्दछन्।

क्रोम-अगाडि

 

  1. फोल्डर बिर्सनुहोस्

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

वेबसाइट डिजाइनले लामो समय सम्म स्क्रोलि bur बोझिलो थियो भन्ने सिद्धान्तमा पटको विचार प्रयोग गरेको छ। तर भरखरै, पूर्ण-स्क्रीन छवि र सामग्रीले प्रयोगकर्तालाई अभिवादन गर्दछ र स्क्रोलिlingलाई थप, अधिक गहिराइको सामग्री अनावरण गर्न प्रोत्साहित गर्दछ।

सिडस्पट

  1. पूर्ण-स्क्रीन भिडियो

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

Highbridge

हेर्नका लागि क्लिक गर्नुहोस् Highbridgeउनीहरूको गृह पृष्ठमा भिडियो

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

तिम्रो के बिचार छ?

यो साइट स्प्याम कम गर्न Akismet को उपयोग गर्दछ। जान्नुहोस् कि तपाईंको डेटा कसरी संसाधित छ.