8 työkalua, joita web-suunnittelija tarvitsee

2024 Kirjoittaja: Malcolm Clapton | [email protected]. Viimeksi muokattu: 2023-12-17 03:55

Screensiz.es

Screensiz.es on sivusto, jonka avulla voit helposti löytää yleisimpien älypuhelinten, tablettien ja näyttöjen näyttöjen fyysiset mitat, näytön resoluution, kuvasuhteen ja monet muut parametrit. Kaikki tiedot tulevat yksinkertaisessa ja ymmärrettävässä muodossa - taulukon muodossa. On olemassa kymmeniä erilaisia Android-laitteita, tabletteja, mukaan lukien BlackBerry Playbook, Microsoft Surface Pro ja Barnes & Noble Nook. Harvemmille laitteille tarvitsemasi tiedon löytäminen on myös melko helppoa. Screensiz.es tarjoaa myös Google-hakutilastoihin ja useisiin muihin kriteereihin perustuvan laitteen suosioarvion.

Hienovaraiset kuviot

Subtle Patterns tarjoaa laajan valikoiman taustakuvioita, joita voit käyttää verkkosivustojesi taustana. Yksinkertaiset mutta miellyttävät kuviot tyydyttävät minimalistisen muotoilun harrastajien maun, jotka haluavat jotain enemmän kuin pelkän valkoisen taustan. Yksi sivuston parhaista ominaisuuksista on esikatselu siitä, miltä jokin tietty kuvio näyttää sivustossasi. On huomattava, että kaikki mallit ovat käytettävissäsi ilmaiseksi.

Kadonnut tyyppi

Muistatko fontin, jonka näit suosikkisivustollasi? On hyvä mahdollisuus, että tämä fontti on otettu Lost Type -sivustolta, joka kokoaa yhteen monia suunnittelijoita, jotka laittavat työnsä sinne myyntiin maksamalla mitä haluat. Ehkä Lost Type voidaan katsoa niiden sivustojen luettelon ansioksi, joista jokaisen suunnittelijan (eikä vain) pitäisi tietää. Verkossa ei ole paljon paikkoja, joista voit saada laadukkaan ainutlaatuisen fontin ilman, että maksat siitä paljon.

Punainen kynä

Punaisen kynän avulla voit ratkaista erittäin tärkeän tehtävän helposti ja nopeasti, aivan kuten mikään muu sivusto. Vedät graafisen työsi tai taittosi sivuston erityiseen ikkunaan, ja palvelu antaa sinulle ainutlaatuisen linkin, jonka voit julkaista sosiaalisessa mediassa. Klikkaamalla tätä linkkiä kuka tahansa voi napsauttaa hiirtä mielivaltaisessa paikassa ja jättää sinne huomautuksensa ja kommenttinsa näkemäänsä. Korvaamaton työkalu nopean palautteen saamiseksi laajimmalta yleisöltä.

Kuvionapautus

Pattern Tap ei ole työkalu sanan perinteisessä merkityksessä, mutta se on varmasti hyödyllinen suunnittelijalle. Pattern Tapin tarkoituksena on innostaa sinua ideoilla verkkosivujen erilaisiin elementteihin. Sivusto sisältää esimerkiksi suuren luettelon esimerkiksi 404-sivuja, äänisoittimia, painikkeita, vaihemerkkejä ja muuta. Jos inspiraatio loppuu, idean eri inkarnaatioiden katseleminen voi ohjata sinut oikeaan suuntaan. Laaja valikoima yhdelle sivustolle kerättyjä ideoita on käden ulottuvilla, on paljon parempi kuin loputtomasti surffailla Webissä ja seuloa läpi tonnia visuaalista tietoa. Pattern Tap mahdollistaa myös haun kriteerien, kuten värien, tyylien ja elementtityyppien mukaan.

Blokk fontti

Blokk-nimi puhuu puolestaan. Usein asetteluja suunniteltaessa suunnittelijan on osoitettava sen täyteys tekstillä, mikä usein johtaa tarpeettomaan ylimääräiseen vaivannäköön. On selvää, että voit käyttää jonkinlaista Lorem Ipsum -tyylistä tekstigeneraattoria, mutta on myös tyylikkäämpi ratkaisu. Blokk-fontti muuttaa näppäimistöltä kirjoitetun hölynpölyn (fywalge) ohueksi ja kauniiksi. Merkittömien latinalaisten lauseiden sijaan saat ohuita rivejä, jotka jäljittelevät tekstirivejä.

Ikoni asetti Brankic1979

Upea joukko ilmaisia kuvakkeita, täydellinen sovellusten, verkkosivustojen ja muiden projektien suunnitteluun. Tämä setti sisältää yli 350 esinettä numeroista vaihteisiin ja mikrofoneihin, joista löydät varmasti jotain arvokasta. Tärkeintä on, että kuvakkeet ovat ilmaisia sekä henkilökohtaiseen että kaupalliseen käyttöön.

Väri Hailpixel

Värinvalitsijoista ei tietenkään ole pulaa. Tämä on yksi niistä työkaluista, jotka suunnittelijalla tulee aina olla käsillä, ja Color by Hailpixel on ehdottomasti huomion arvoinen. Sivusto avautuu ja näyttää tyhjän näytön, jossa on yksi musta linkki (# 000000). Kun liikutat osoitinta näytöllä, näet kuinka taustaväri muuttuu, ja keskellä oleva ikkuna näyttää vastaavan tämän värin heksadesimaalikoodin. Napsauttaminen hiirellä luo nykyisen värin nauhan, jossa on tämän värin numeerinen arvo. Siten hiiren liikkeillä voit kerätä haluttujen värien paletin myöhempää käyttöä varten. Napsauttamalla kussakin tallennetussa nauhassa olevaa "vaihteistoa" avautuu paneeli, jossa on kyseisen värin asetukset, jossa voit määrittää RGB- ja HSL-arvot tarkemmin. Upea työkalu.

Onko sinulla omia suosikki verkkotyökalujasi? Kerro meille kommenteissa.