मैं उत्पाद को सोशल मीडिया पोस्ट पर बेहतर तरीके से कैसे रख सकता हूं?


10

(गोपनीयता के कारणों के लिए कोने और उत्पाद लेबल में लोगो छिपा हुआ है)

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

इसलिए मेरा मानना ​​है कि कुछ गड़बड़ है और मुझे नहीं पता कि मैं इसे कैसे ठीक कर सकता हूं। यह एक वायु शोधक है। इसे बाईं ओर रखा जाना चाहिए और इन विकल्पों से बेहतर दिखना चाहिए। क्या किया जा सकता है?

इसके अलावा, आप अन्य संभावित तरीके भी सुझा सकते हैं, यदि आप इसे केवल बाईं ओर रखना नहीं चाहते हैं। लेकिन प्राथमिकता बाईं ओर है, क्योंकि उस तरफ उत्पाद नाम का उल्लेख किया गया है।

यहाँ छवि विवरण दर्ज करें

पुनश्च: इसके अलावा, आम तौर पर पूछते हुए, आप और क्या गलत देखते हैं और इसे अधिक सौंदर्य बनाने के लिए सुधार किया जा सकता है?


2
क्या इसमें अप्रिय "जैसे, शेयर, टिप्पणी, पसंदीदा, सब कुछ या अन्य" सामान शामिल करना है?
फैबियन रोलिंग

पहली बात जो मुझे चौंकाती है वह यह है कि आपके पास एक छोटा सा आइकन है जो "पसंद, टिप्पणी और साझा करें" शब्दों के बगल में एक iPhone की तरह दिखता है, और मुझे लगता है कि यह मुझसे अपने फोन का उपयोग करने के लिए बातचीत करने के लिए कह रहा है। हो सकता है कि लोगो के साथ भी ऐसा न हो, लेकिन मुझे संदेह है कि यह अभी भी होगा।
OGHaza

जवाबों:


18

मुझे लग रहा है कि आप अपने प्रश्न का उत्तर दे रहे हैं, शायद अनजाने में।

पढ़ने के क्रम को देखने की कोशिश करें:

पढ़ने का क्रम

पश्चिमी पढ़ने के आदेश को जानने के बाद ऊपर से नीचे तक, बाएं से दाएं, पाठक की नजर उस पथ का अनुसरण करने की कोशिश करेगी।

एक वस्तु है जो सबसे पहले आंख को बुलाती है: लड़की की तस्वीर। ऊपर से नीचे शुरू करने की प्रवृत्ति के साथ, हमारी आंख तुरंत शीर्षक की शुरुआत में जाती है, विशेष रूप से आकार से, साथ में पढ़ने की भावना और रंग।

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


यदि हम मूल आकृतियों के साथ व्यायाम करते हैं तो यह अधिक स्पष्ट है:

यहाँ छवि विवरण दर्ज करें

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


दूसरी तरफ नुकसान यह है कि उत्पाद हल्के भूरे रंग का है, रंग जो पूरी रचना में कम विपरीत है।

रंग अभ्यास से पता चलता है कि कैसे विपरीत उत्पाद के खिलाफ खेलता है। एक मिनट के लिए ऐड देखने के बाद रंगों को याद करने की कोशिश करने वाले किसी व्यक्ति की कल्पना करें: उत्पाद मौजूद नहीं है।

रंग की

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

यहाँ छवि विवरण दर्ज करें

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

यहाँ छवि विवरण दर्ज करें

दूसरे उदाहरण के विपरीत, जहां उत्पाद उत्तोलन कर रहा है, हवा में तैर रहा है , यहां इसे दीवार में लटका दिया जाएगा।

इस दृश्य में आप घड़ी कहां लगाएंगे?

घड़ी

टिप्पणी के बाद डालें

मैं घड़ी उदाहरण के साथ पालन करता हूं।

मान लीजिए कि उपयोगकर्ताओं ने वह उत्पाद नहीं देखा है। वे "POCKET AIR PURIFIER" पाठ पढ़ेंगे और यह नहीं जान सकते कि उत्पाद चित्र में है। वे सोच सकते हैं कि यह पृष्ठभूमि की छवि का हिस्सा है।

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

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

पृष्ठभूमि धुंधला

दूसरा संपादन:

उत्पाद हवा में क्यों उड़ रहा है?

यहाँ छवि विवरण दर्ज करें

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

(1) - इस स्थिति से जुड़ी एक अप्रत्यक्ष धारणा है: स्वस्थ उत्पाद हृदय के अनुरूप है।


आप इसका क्या जवाब देंगे: आपने एक लड़की को हाथी के बजाय क्यों रखा?

ठीक है, आप इस जवाब के लिए वही करेंगे जो आपको उत्पाद की स्थिति के बारे में जवाब देने के लिए करना चाहिए।


1
आपके सुझाव बेहतरीन हैं। मुझे प्रवाह और प्रमुख रंगों के बारे में आपका विचार पसंद आया। जरूर करेंगे। अब, मुख्य समस्या उत्पाद थी। मान लीजिए कि उपयोगकर्ताओं ने वह उत्पाद नहीं देखा है। वे "POCKET AIR PURIFIER" पाठ पढ़ेंगे और यह नहीं जान सकते कि उत्पाद चित्र में है। वे सोच सकते हैं कि यह पृष्ठभूमि की छवि का हिस्सा है। उत्पाद को पास के पाठ में रखने की बात केवल यही थी। (मैं एक घड़ी की तरह उत्पाद के अपने स्थान को पसंद करता हूं)। आप क्या कहते हैं?
विकास

1
उत्तर अपडेट किया गया।

1
उत्तर अद्यतन II (अंतिम एक :-))

1
मुझे व्यक्तिगत रूप से लगता है कि एक छाया गंदगी, शोर को जोड़ती है। मैं आपको विश्वास दिलाता हूं कि आपके उत्पाद को इसकी कोई आवश्यकता नहीं है।

3
Lol, वर्षों का अनुभव मुझे लगता है। दृश्य धारणा ग्रंथ सूची के लिए देखें। रूडोल्फ अर्नहैम द्वारा क्लासिक्स में से एक कला और दृश्य धारणा है।

13

मैं, व्यक्तिगत रूप से, किसी भी चीज़ को व्यक्त करने के लिए विज्ञापन के निचले बाएँ कोने पर कभी भी निर्भर नहीं होगा । यह एक मृत क्षेत्र है, आसानी से भूल जाता है या दर्शक द्वारा अनदेखी की जाती है।

मैं, शायद गलती से, यह महसूस करता हूं कि आपके नमूनों के प्रदर्शन से अधिक कल्पना हो सकती है। यदि नहीं, तो यह केवल आपके नमूनों में उपयोग के कारण हो सकता है।

निचले बाएँ कोने को देखने और पढ़ने / याद करने के लिए मजबूर करने की कोशिश करना , मेरे लिए, अक्सर संतुलन से बाहर कुछ फेंकता है। यदि निचले बाएँ कोने में वास्तविक पाठ सामग्री है तो चीजें केवल "सही" महसूस नहीं करती हैं। मैं कोशिश करता हूं और किसी भी चीज के निचले बाएं हिस्से के दृश्यों को देखता हूं , कभी भी वस्तुओं को टाइप नहीं करता।

कॉल टू एक्शन (सीटीए) आइटम के ऊपर व्याख्यात्मक सामग्री रखकर, आप एक प्रत्यक्ष, यादगार कार्रवाई प्रस्तुत करते हैं ... इसे जीतें .. यहां क्लिक करें ...

इसके अतिरिक्त, नेत्रहीन ...

  • पढ़ते समय महिला की भुजाएँ दर्शक को एक दक्षिणावर्त घेरे में ले जाती हैं।
  • वे तुरंत आंख को हेडलाइन तक खींच लेते हैं
  • बाएं से दाएं पढ़ना, आपने व्याख्यात्मक सामग्री को हिट किया
  • पाठ के बॉक्स के ऊपर स्थित आइकन / छवि उस पाठ में आंख को खींचती है
  • बॉक्स के दाईं ओर छवि / आइकन रखने से आंख बाईं ओर जाने के लिए कहती है
  • फिर आंख CTA के लिए नीचे चला जाता है
  • फिर उसका बायाँ हाथ आँख को बाईं ओर फिर से ले जाता है।

एक दक्षिणावर्त सर्कल हमेशा एक अच्छी चीज है।

यहाँ छवि विवरण दर्ज करें

बहुत मोटा मसौदा।

मैं एक अलग "योग / ध्यान-शैली" छवि के लिए खोज कर सकता हूं , हालांकि। एक के साथ एक पोस्ट जो आराम भी दिखता है, हालांकि इसमें ऊपर की तरफ एक पुल और बाएं भी है।

उदाहरण के लिए...

यहाँ छवि विवरण दर्ज करें

शायद यह तस्वीर विशेष रूप से नहीं (यह इसके लिए केवल 15 सेकंड की Google खोज थी) .... लेकिन एक समान कोण के साथ कुछ। 3/4 विचार हमेशा मेरे सामने लोगों की तस्वीरों की तुलना में अधिक दिलचस्प होते हैं - वे दर्शकों को सूक्ष्म रूप से छवि में खींच लेते हैं ।


बुलबुले के बीजी रंग को बदलने का कोई विशेष कारण? जैसा कि मैंने @danielillo उत्तर पर टिप्पणी की है, क्या आप कृपया इसका उत्तर देंगे (शायद यहाँ)?
विकास

1
प्राथमिक वस्तुओं के लिए एक ही रंग का उपयोग करने से यह कुछ हद तक आंख को नुकसान पहुँचाता है ... स्वस्थ .... टिप्पणी और जीत ... साझा करें .. मैं "KEEP", या यहां तक ​​कि "KEEP MYSELF HEALTHY" सभी चैती बदल सकता हूँ। मुझे कुछ निश्चित होने के लिए नेत्रहीन परीक्षण करना होगा।
स्कॉट

क्षमा करें, मुझे यह नहीं मिला। उसी के रंग?
विकास

1
आप रंग के माध्यम से आंख का नेतृत्व करते हैं .. चैती "स्वास्थ्य" ... चैती "विन" ... चैती "शेयर"
स्कॉट

1
खैर, मैंने यह सब कॉलेज में दशकों पहले सीखा था। फिर अनुभव के वर्षों के माध्यम से केवल अधिक ठोस मुकाम हासिल किया है। मुझे नहीं पता होगा कि आज किताबें या संसाधन कहां देखें।
स्कॉट

0

इसे एक कांच का फर्श दें! 1, उत्पाद को स्पष्ट स्थिति में ले जाएं। चरण 1 2, एक कांच का फर्श, आयताकार मार्की का उपयोग करें, इसे धाराप्रवाह बनाने के लिए एक पंख दें। चरण 2 3, उस चयन के साथ, वक्र परत बनाएं, इसे कांच की तरह सूक्ष्म बनाएं, इस पोस्ट के उद्देश्य से मैं इसे स्पष्ट करता हूं। चरण 3 4, ctrl + G को एक समूह में बनाने के लिए, इसे परिप्रेक्ष्य बनाने के लिए, एक लेयर मास्क, मास्क आउट व्यक्ति और उत्पाद को मिलाएं। चरण 4 5, ग्लास लेयर मास्क पर वापस जाएं, ctrl + T कुछ परिप्रेक्ष्य और पैमाने पर करें। step5 6, एक छाया: पृष्ठभूमि की परत में उत्पाद का चयन करें, एक वक्र शीर्ष परत बनाएं, इसे अंधेरा करें, और इसे उचित स्थिति में फिट करने के लिए ctrl + T (उस व्यक्ति से जिसे आप देख सकते हैं कि लाइटसोर्स बाएं से तरह है)। step6 7, ctrl + G को एक समूह में बनाने के लिए, एक मास्क जोड़ें, उत्पाद को स्वयं ही बाहर निकाल दें, हो सकता है कि धार थोड़ी कम हो जाए। यहाँ छवि विवरण दर्ज करें सब कुछ कर दिया! यह सब सूक्ष्मता के बारे में है - कांच और छाया चमक को समायोजित करने के लिए वापस जाएं।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.