2009-03-05 7 views
6

मैं इस बारे में जानकारी ढूंढ रहा हूं कि पिकासा कैसे बनाया गया था क्योंकि मैं अपने आवेदन के लिए एक समान इंटरफ़ेस बनाना चाहता हूं।कौन जानता है कि Picasa के साथ प्रोग्राम किया गया है?

सूचना प्रोग्रामिंग भाषा, यूआई डिजाइन, आदि शामिल कर सकते हैं

+0

मुझे अभी भी उस उत्तर की उम्मीद है जो यूआई ढांचे का उपयोग किया गया था। –

उत्तर

12

मैंने पाया इस The Beautiful Picasa UI is Made of Dynamic PSD Files:

मैं चारों ओर पिकासा का "क्रम" फ़ोल्डर में ताक-झांक रहा था और पाया एक गुच्छा के फ़ोटोशॉप .PSD फ़ाइलें । निश्चित रूप से, यूआई के बड़े हिस्से फ़ोटोशॉप में बनाए गए हैं। परतों का उपयोग बटन, स्टैंड-इन्स, और कर्सर को व्यवस्थित करने के लिए किया जाता है। रोल-ओवर छवि प्रतिस्थापन के साथ जावास्क्रिप्ट/डीएचटीएम के समान हासिल किए जाते हैं। उदाहरण के लिए, टाइमलाइन व्यू केवल 640x480 छवि है जो चयनित समूह के थंबनेल और कस्टम कर्सर को अपने स्वयं के परत सेट में परिभाषित करने के लिए टैग की गई परत के साथ है।

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

"क्रम" फ़ोल्डर भी कुछ सरल स्क्रिप्ट है कि उनके .PSD समकक्षों के यूआई बाँध तत्वों, और लेआउट प्लेसमेंट और दृश्यता निर्धारित होता है।

+0

वाह, यह एक अजीब डिजाइन निर्णय है। मुझे इस पर ब्लॉग लेखक से असहमत होना होगा। मुझे नहीं लगता कि यह एक अच्छा विचार है। – Gili

+4

पेज नहीं मिला। केवल लिंक के लिए उत्तर। आप इसे संक्षेप में कर सकते थे। –

+0

फिक्स्ड कि @DanAbramov – Josh

संबंधित मुद्दे