8 գործիք, որը անհրաժեշտ կլինի վեբ դիզայներին

2024 Հեղինակ: Malcolm Clapton | [email protected]. Վերջին փոփոխված: 2023-12-17 04:00

Screensiz.es

Screensiz.es-ը կայք է, որը հեշտությամբ կարող է օգնել ձեզ գտնել սմարթֆոնների, պլանշետների և մոնիտորների ամենատարածված մոդելների էկրանների ֆիզիկական չափերը, էկրանի լուծաչափը, կողմի հարաբերակցությունը և շատ այլ պարամետրեր: Ամբողջ տեղեկատվությունը գալիս է պարզ և հասկանալի ձևով` աղյուսակի տեսքով: Կան տասնյակ տարբեր Android սարքեր, պլանշետներ, այդ թվում՝ BlackBerry Playbook, Microsoft Surface Pro և Barnes & Noble Nook: Ավելի քիչ տարածված սարքերի համար ձեզ անհրաժեշտ տեղեկատվությունը գտնելը նույնպես բավականին հեշտ է: Screensiz.es-ն առաջարկում է նաև սարքի ժողովրդականության վարկանիշ՝ հիմնված Google-ի որոնման վիճակագրության և մի շարք այլ չափանիշների վրա:

Նուրբ նախշեր

Subtle Patterns-ն առաջարկում է ֆոնային նախշերի լայն տեսականի, որոնք կարող եք օգտագործել որպես ֆոն ձեր կայքերի համար: Պարզ, բայց հաճելի նախշերը կբավարարեն մինիմալիստական դիզայնի սիրահարների ճաշակը, ովքեր ցանկանում են ավելին, քան պարզ սպիտակ ֆոն: Կայքի լավագույն հատկանիշներից մեկը նախադիտումն է այն մասին, թե ինչպես կանդրադառնա ցանկացած օրինակ ձեր կայքում: Հարկ է նշել, որ բոլոր նախշերը տրամադրվում են ձեր տրամադրության տակ անվճար։

Կորած տեսակ

Հիշու՞մ եք ձեր սիրելի կայքում տեսած տառատեսակը: Մեծ հավանականություն կա, որ այս տառատեսակը վերցված է Lost Type կայքից, որը միավորում է բազմաթիվ դիզայներների, ովքեր իրենց աշխատանքները այնտեղ վաճառքի են հանում վճարովի գնով: Թերևս, Lost Type-ը կարելի է վերագրել այն կայքերի ցանկին, որոնց մասին պետք է իմանա յուրաքանչյուր դիզայներ (և ոչ միայն): Համացանցում շատ տեղեր չկան, որտեղ կարելի է ձեռք բերել բարձրորակ յուրահատուկ տառատեսակ և մեծ գումար չվճարել դրա համար։

Կարմիր գրիչ

Կարմիր գրիչը թույլ է տալիս պարզ և արագ լուծել շատ կարևոր խնդիր, ինչպես ոչ մի այլ կայք: Դուք ձեր գրաֆիկական աշխատանքը կամ դասավորությունը քաշում եք կայքի հատուկ պատուհանի մեջ, և ծառայությունը ձեզ տալիս է յուրահատուկ հղում, որը կարող եք հրապարակել սոցիալական ցանցերում։ Սեղմելով այս հղման վրա՝ յուրաքանչյուրը կարող է սեղմել մկնիկը կամայական վայրում և այնտեղ թողնել իր դիտողություններն ու մեկնաբանությունները իր տեսածի վերաբերյալ: Ամենալայն լսարանից արագ արձագանք ստանալու անփոխարինելի գործիք:

Կաղապարի հպում

Pattern Tap-ը գործիք չէ բառի ավանդական իմաստով, բայց այն, անշուշտ, հարմար կլինի դիզայների համար: Pattern Tap-ի նպատակն է ոգեշնչել ձեզ վեբ էջերի տարբեր տարրերի գաղափարներով: Օրինակ, կայքը պարունակում է 404 էջերի, աուդիո նվագարկիչների, կոճակների, հացաթխման և այլնի մեծ ցուցակ: Եթե ձեր ոգեշնչումը սպառվում է, գաղափարի տարբեր մարմնավորումներին նայելը կարող է ձեզ մղել ճիշտ ուղղությամբ: Մեկ կայքում հավաքված գաղափարների լայն շրջանակ ունենալը շատ ավելի լավ է, քան համացանցում անվերջ ճամփորդելը, տոննաներով տեսողական տեղեկատվություն մաղելը: Pattern Tap-ը նաև թույլ է տալիս որոնել այնպիսի չափանիշներով, ինչպիսիք են գույները, ոճերը և տարրերի տեսակները:

Blokk տառատեսակ

Blokk անունը խոսում է իր համար: Հաճախ դասավորությունները նախագծելիս դիզայներին անհրաժեշտ է տեքստով ցույց տալ իր լիարժեքությունը, ինչը հաճախ հանգեցնում է ավելորդ ավելորդ ջանքերի: Հասկանալի է, որ դուք կարող եք օգտագործել Lorem Ipsum ոճի տեքստային գեներատոր, բայց կա նաև ավելի էլեգանտ լուծում։ Blokk տառատեսակը փոխակերպում է ստեղնաշարից (fywalge) մուտքագրված անհեթեթությունը բարակ և գեղեցիկ բանի: Լատինական անիմաստ արտահայտությունների փոխարեն դուք ստանում եք բարակ գծեր, որոնք ընդօրինակում են տեքստի տողերը:

Icon set by Brankic1979

Անվճար պատկերակների հիանալի հավաքածու, որը կատարյալ է հավելվածների, կայքերի և այլ նախագծերի նախագծման համար: Այս հավաքածուն պարունակում է ավելի քան 350 իր՝ թվերից մինչև շարժակներ և խոսափողներ, և դուք, անկասկած, դրանում կգտնեք ինչ-որ արժեքավոր բան: Հիմնական բանն այն է, որ պատկերակները անվճար են ինչպես անձնական, այնպես էլ կոմերցիոն օգտագործման համար:

Color By Hailpixel

Իհարկե, գույն ընտրողների պակաս չկա։ Սա այն գործիքներից է, որը դիզայները պետք է միշտ ձեռքի տակ ունենա, և Color by Hailpixel-ը միանշանակ արժե ուշադրություն դարձնել։ Կայքը կբացվի և ձեզ ցույց կտա դատարկ էկրան մեկ սև հղումով (# 000000):Երբ կուրսորը շարժեք էկրանի շուրջը, կտեսնեք, թե ինչպես է փոխվում ֆոնի գույնը, և կենտրոնում գտնվող պատուհանը ցույց կտա այս գույնի համապատասխան վեցանկյուն կոդը: Սեղմելով մկնիկի հետ, կստեղծվի ընթացիկ գույնի շերտ այս գույնի թվային արժեքով: Այսպիսով, մկնիկի շարժումներով դուք կարող եք հավաքել ցանկալի գույների գունապնակ հետագա օգտագործման համար: Յուրաքանչյուր պահպանված շերտի վրա գտնվող «փոխանակի» վրա սեղմելով՝ կհայտնվի այդ գույնի կարգավորումներով վահանակ, որտեղ կարող եք ավելի ճշգրիտ սահմանել RGB և HSL արժեքները: Հրաշալի գործիք։

Ունե՞ք ձեր սիրելի առցանց գործիքները: Տեղեկացրեք մեզ մեկնաբանություններում: