ప్రతి డెవలపర్ దాచుకోవాల్సిన డిజైన్ వనరులు

చాలా ప్రాజెక్టులకు డిజైనర్ ఉండరు. అయినా ఇంటర్‌ఫేస్ ప్రమాదంలా కనిపించడానికి అది సాకు కాదు.

ఈ సాధనాలు సాధారణంగా తప్పే నిర్ణయాలనే కప్పుతాయి: రంగు, కాంట్రాస్ట్, ఖాళీ, చిత్రాలు, అక్షర పరిమాణాల క్రమం.

రంగు

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 *