हर डेवलपर के काम आने वाले डिज़ाइन संसाधन

बहुत सारे प्रोजेक्ट्स में डिज़ाइनर नहीं होता। यह इस बात का बहाना नहीं कि इंटरफ़ेस किसी दुर्घटना जैसा दिखे।

ये टूल उन्हीं फ़ैसलों को ढँकते हैं जो आमतौर पर बिगड़ते हैं: रंग, कंट्रास्ट, स्पेसिंग, तस्वीरें और टाइप स्केल।

रंग

Realtime Colors

पैलेट को कुछ न बताने वाले पाँच चौकोरों की जगह असली लेआउट पर आज़माइए।

realtimecolors.com

रंग

Coolors

पैलेट तेज़ी से बनाइए और लॉक कीजिए, फिर उन्हें CSS वेरिएबल के रूप में निर्यात कीजिए।

coolors.co

सुगम्यता

WebAIM Contrast Checker

यहाँ के दो मिनट उस धूसर-पर-धूसर टेक्स्ट से बचा लेते हैं जो हर ऑडिट में फेल होता है।

webaim.org/resources/contrastchecker

टाइपोग्राफ़ी

Type Scale

शीर्षकों की एकरूप श्रेणी बनाता है ताकि फ़ॉन्ट आकार मनमाने न रहें।

typescale.com

इलस्ट्रेशन

unDraw

मुफ़्त इलस्ट्रेशन, जिन्हें डाउनलोड से पहले ही अपने ब्रांड रंग में बदला जा सकता है।

undraw.co

तस्वीरें

Squoosh

ब्राउज़र में ही इमेज दबाइए और गुणवत्ता का नुकसान मंज़ूर करने से पहले देख लीजिए।

squoosh.app

पृष्ठभूमि

Haikei

हीरो सेक्शन के लिए SVG आकृतियाँ, लहरें और ग्रेडिएंट कुछ क्लिक में बना देता है।

haikei.app

डिज़ाइन टूल

Figma

भले ही आप कभी उसमें कुछ न बनाएँ, असली डिज़ाइनरों की भेजी फ़ाइलें खोलने के लिए यह चाहिए ही।

figma.com

अगर सिर्फ़ दो इस्तेमाल करने हों तो कंट्रास्ट चेकर और टाइप स्केल लीजिए: ये वही समस्याएँ सुधारते हैं जो उपयोगकर्ता सचमुच देखते हैं।

सिर्फ़ चुनना नहीं, बनवाना है?

वेब ऐप्स, API, इन्फ्रास्ट्रक्चर और इंटरफ़ेस। बार्सिलोना से फ्रीलांस, क्लाइंट कहीं भी।

संपर्क करें


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *