Home-theater-designers
Mikä ohjelmisto sinulla web -suunnittelijana on ehdottomasti oltava tietokoneellasi? Mahdollisuudet ovat Photoshop ja Illustrator. Ja vaikka nämä ovat suunnittelutyönkulun olennaisia osia, on olemassa pienempiä työkaluja, joita et todennäköisesti tiedä tarvitsevasi.
Parasta on, että sinun ei tarvitse edes ladata niitä-asenna vain nämä Chrome-laajennukset ja lähdet. Nämä verkkosivujen Chrome -laajennukset helpottavat elämääsi sivujen kirjasimien tunnistamisesta verkkoelementtien välisten etäisyyksien mittaamiseen.
1. Dropbox Gmailille
Dropbox aloitti tiedostojen isännöintipalveluna, mutta pian se huomasi, että sen suurin yleisö on suunnittelijoita, jotka käyttävät palvelua jakamaan työnsä kollegoilleen. Koska suunnittelutiedostot ovat usein liian suuria sähköpostin liitetiedostoille, Dropbox -linkin lähettäminen tiedostoon on helpompaa.
Dropbox for Gmail tekee prosessista entistä helpompaa. Kun linkität tiedostoosi Dropbox -painikkeella uuden sähköpostiikkunan alareunassa, vastaanottaja saa kurkistuksen lähettämääsi viestiin. Linkit kuvatiedostoihin lataavat kuvat suoraan sähköpostiin, ja linkit muuntyyppisiin tiedostoihin luovat kätevän esikatselun.
Asentaa: Dropbox Gmailille
2. FontFace Ninja
Tuhansien fonttien ansiosta typografiamahdollisuutesi ovat rajattomat. Varsinkin jos voit tunnistaa jonkun kauniin fontin ja lainata sen omaan projektiin.
FontFace Ninja on Chrome -laajennus, joka auttaa sinua tekemään sen. Paljon kuin työkaluja, jotka etsivät fontteja kuvista se auttaa tunnistamaan verkossa näkyvät fontit. Ainoa ero on se, että FontFace Ninja lukee sivun CSS: ään koodatut fontit, kuten otsikoiden ja tekstin kirjasintyypin.
Kun käynnistät FontFace Ninjan, se näyttää sinulle tiedot fontista, johon ohjaat sen --- eikä vain kirjasintyypin, vaan myös painon, koon, korkeuden, leveyden ja värin. Jos haluat lisätä fontin kirjanmerkkeihin, tarvitset tilin sisarpalvelussa, FontFace Dojo .
Asentaa: FontFace Ninja
3. ColorPick -pipetti
Riippumatta siitä, kuinka hyvä silmäsi on värillesi, on vaikea luoda tiettyä sävyä, jonka näit verkossa, ellet tiedä sen RGB- tai HTML -arvoja. Onneksi sinun ei tarvitse arvata, onko sinulla ColorPick -pipetti.
Kuten Macin parhaat värinvalintasovellukset , ColorPick -pipetti näyttää minkä tahansa osoittamasi värin arvot. Ero on siinä, että se on aina selaimessasi eikä sinun tarvitse ladata mitään-napsauta vain kuvaketta ja siirrä kohde oikeaan kohtaan.
Laajennus lukee värejä tekstistä, kuvista ja melkein kaikesta, mitä saatat nähdä verkkosivulla (jopa mainokset). Kun siepat värin, se näyttää sen HTML-, RGB- ja HSL -arvot.
Asentaa: ColorPick -pipetti
4. Mitat
Tämä avoimen lähdekoodin laajennus on löytö web-suunnittelijoille, varsinkin jos teet kertaluonteisia keikkoja pienyrityksille. Kun asiakas luovuttaa sinulle verkkosivuston ilman aiempia tiedostoja tai dokumentaatiota ja pyytää sinua suunnittelemaan 'tällaisen sivun, mutta erilaisella tekstillä ja kuvilla', asettelun selvittäminen on tuskaa.
kuinka laittaa iphone 6s plus palautustilaan
Mittojen avulla voit helposti mitata minkä tahansa sivun elementin korkeuden ja leveyden sekä niiden väliset marginaalit. Sen avulla on helppo luoda uudelleen olemassa olevat sivut ja tarkistaa omat mallisi uudelleen, kun ne on tuotettu.
Asentaa: Mitat
5. Visuaalinen tarkastaja
Visual Inspector on tehokas palaute- ja yhteistyöväline suunnittelutiimeille, joka yhdistää kolmen edellisen laajennuksen ominaisuudet ja lisää vielä enemmän.
Kohteessa Tarkastaa välilehdellä, voit valita minkä tahansa sivun elementin saadaksesi siitä täydelliset tiedot ulottuvuuksista tiedostonimeen. The Värit ja Typografia alivälilehdillä voit nähdä väripaletin ja kaikki fontit yhdellä silmäyksellä Omaisuus kokoaa kaikki sivun kuvat yhteen paikkaan.
The Tee yhteistyötä välilehdellä voit antaa palautetta ja keskustella tiimisi kanssa, ja on helppo jättää kommentti napsauttamalla mitä tahansa elementtiä sivulla.
palvelimen asentaminen kotona
Kuten useimmat edistyneet työkalut, Visual Inspectorissa on hintalappu: sinun on maksettava 9 dollaria/käyttäjä/kuukausi kommenttien lisäämiseksi ja muutosten synkronoimiseksi. Sen perusominaisuudet, kuten värien, fonttien ja kuvien tarkastus, ovat kuitenkin vapaasti käytettävissä.
Asentaa: Visuaalinen tarkastaja
6. Helppo näytön sieppaus
Näytönkaappauslaajennus voi tuntua tarpeettomalta, koska kuvakaappauksen ottaminen Macissa on helppoa, ja kaapata näyttösi Windowsissa on vain vähän vaivaa. Mutta Easy Screen Capturella on melko vähän myyntivaltteja.
Mikä tärkeintä, sen avulla voit kaapata koko verkkosivun, ei vain näytöllä näkyvää aluetta. Se on korvaamatonta, kun sinun on ilmoitettava useista ongelmista pitkällä sivulla, ja kaikkien kaappaaminen kestää kolmesta neljään kuvakaappausta.
Toinen näppärä temppu on se, että voit kopioida kuvakaappauksen leikepöydälle ja liittää sen suoraan chattiin tai sähköpostiin sen sijaan, että keräisit tarpeettomia kuvatiedostoja tietokoneellesi.
Asentaa: Helppo näytön kaappaus
7. Icy 2
Lopuksi on yksi tärkeä tehtävä, joka sinun on käsiteltävä joka aamu: unen jäännösten ravistaminen ja uraan pääseminen. InVisionin Muzli 2 toimii aamulehtenäsi, jossa on kuratoituja artikkeleita taiteesta, suunnittelusta, UX: stä ja tekniikasta.
Muzli korvaa oletusarvoisen Chrome -välilehden ja antaa sinun muokata siellä näkyvää sisältöä. Kiinnostuksistasi riippuen Muzli valitsee sinulle syötteitä, joiden sivustot vaihtelevat Dribblestä ja Behancesta 99designsiin ja Creative Bloqiin. Paljon inspiraatiota selaamiseen, kun siemailet ensimmäistä kahvia!
Jos mielestäsi koko selaimen välilehti, joka on täynnä design -sisältöä, on liian voimakas, Muzlilla on myös Lite -versio. Se ei ohita oletusvälilehteäsi, ja voit käyttää syötettä milloin haluat vain napsauttamalla laajennuskuvaketta.
Asentaa: Icy 2
Hanki Chrome -laajennukset kaikkiin suunnittelutehtäviin
Tämän luettelon Chrome-laajennukset eivät vastaa suunnitteluohjelmistoasi, mutta ne kattavat kaikki pienet asiat, jotka tulevat suunnittelijaksi-olipa kyse sitten typografiasta tai yhteistyöstä kollegoidesi kanssa.
Kun huomaat, että Chrome Web Store on täynnä työkaluja, voi olla vaikeaa lopettaa uusien lisääminen. Joten opi miten voit hallita Chrome -laajennuksiasi ennen kuin ne karkaavat käsistä.
Jaa Jaa Tweet Sähköposti Kannattaako päivittää Windows 11: een?Windows on suunniteltu uudelleen. Mutta riittääkö se vakuuttamaan sinut siirtymään Windows 10: stä Windows 11: een?
Lue seuraava Liittyvät aiheet- Internet
- Luova
- Google Chrome
- Web-suunnittelu
- Selainlaajennukset
Alice on teknologiakirjoittaja, jolla on pehmeä kohta Applen tekniikalle. Hän on kirjoittanut Macista ja iPhonesta jonkin aikaa, ja on kiinnostunut tavoista, joilla tekniikka muokkaa luovuutta, kulttuuria ja matkustamista.
Lisää Alice Kotlyarenkoltatilaa uutiskirjeemme
Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia e -kirjoja ja ainutlaatuisia tarjouksia!
Klikkaa tästä tilataksesi