प्रत्येक डेव्हलपरने जपून ठेवावी अशी डिझाइन संसाधने

द्वारे

मध्ये

अनेक प्रकल्पांत डिझायनर नसतो. पण म्हणून इंटरफेस अपघातासारखा दिसावा, हे समर्थन होऊ शकत नाही.

ही साधने नेमके तेच निर्णय व्यापतात जे सहसा फसतात: रंग, कॉन्ट्रास्ट, मोकळी जागा, प्रतिमा आणि अक्षरांच्या आकारांची उतरंड.

रंग

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, इन्फ्रास्ट्रक्चर आणि इंटरफेस. बार्सिलोनातून फ्रीलान्स, ग्राहक कुठेही.

संपर्क करा


टिप्पण्या

Leave a Reply

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