8 orodij, ki jih potrebuje spletni oblikovalec

2024 Avtor: Malcolm Clapton | [email protected]. Nazadnje spremenjeno: 2023-12-17 04:10

Screensiz.es

Screensiz.es je spletno mesto, ki vam zlahka pomaga najti fizične dimenzije, ločljivost zaslona, razmerje stranic in številne druge parametre zaslonov najpogostejših modelov pametnih telefonov, tablic in monitorjev. Vse informacije so na voljo v preprosti in razumljivi obliki – v obliki tabele. Obstaja na desetine različnih naprav Android, tabličnih računalnikov, vključno z BlackBerry Playbook, Microsoft Surface Pro in Barnes & Noble Nook. Za manj običajne naprave je iskanje informacij, ki jih potrebujete, tudi precej enostavno. Screensiz.es ponuja tudi oceno priljubljenosti naprave, ki temelji na Googlovi statistiki iskanja in številnih drugih merilih.

Subtilni vzorci

Subtle Patterns ponuja široko paleto vzorcev ozadja, ki jih lahko uporabite kot ozadje za svoja spletna mesta. Preprosti, a prijetni vzorci bodo zadovoljili okuse ljubiteljev minimalističnega oblikovanja, ki želijo nekaj več kot preprosto belo ozadje. Ena najboljših lastnosti spletnega mesta je predogled, kako bo kateri koli vzorec izgledal na vašem spletnem mestu. Upoštevati je treba, da so vam vsi vzorci na voljo brezplačno.

Izgubljena vrsta

Se spomnite pisave, ki ste jo videli na svojem najljubšem spletnem mestu? Obstaja velika verjetnost, da je ta pisava vzeta s spletnega mesta Lost Type, ki združuje številne oblikovalce, ki tam dajo svoje delo na prodajo po ceni, plačate, kolikor želite. Morda je Lost Type mogoče pripisati seznamu spletnih mest, o katerih bi moral vedeti vsak oblikovalec (in ne samo). Na spletu ni veliko mest, kjer bi lahko dobili visokokakovostno edinstveno pisavo in zanjo ne bi plačali veliko denarja.

Rdeče pero

Red Pen vam omogoča enostavno in hitro reševanje zelo pomembne naloge, kot nobeno drugo spletno mesto. Svoje grafično delo ali postavitev povlečete v posebno okno na spletnem mestu in storitev vam da edinstveno povezavo, ki jo lahko objavite na družbenih omrežjih. S klikom na to povezavo lahko vsak klikne z miško na poljubnem mestu in tam pusti svoje pripombe in komentarje na to, kar vidi. Nepogrešljivo orodje za hitro pridobivanje povratnih informacij od najširšega občinstva.

Tap za vzorec

Pattern Tap ni orodje v tradicionalnem pomenu besede, a bo oblikovalcu zagotovo prišlo prav. Namen Pattern Tap je, da vas navduši z idejami za različne elemente spletnih strani. Spletno mesto na primer vsebuje velik seznam strani 404, zvočnih predvajalnikov, gumbov, drobtin in še več. Če vam zmanjka navdiha, vas lahko pogled na različne inkarnacije ideje spodbudi v pravo smer. imeti na dosegu roke široko paleto idej, zbranih na enem mestu, je veliko bolje kot neskončno brskanje po spletu in prebiranje ton vizualnih informacij. Pattern Tap vam omogoča tudi iskanje po kriterijih, kot so barve, slogi in vrste elementov.

Blokska pisava

Ime Blokk govori samo zase. Pogosto mora oblikovalec pri oblikovanju postavitev pokazati njeno polnost z besedilom, kar pogosto vodi do nepotrebnega dodatnega napora. Jasno je, da lahko uporabite nekakšen generator besedil v slogu Lorem Ipsum, vendar obstaja tudi bolj elegantna rešitev. Pisava Blokk spremeni neumnost, ki jo vtipkate s tipkovnice (fywalge), v nekaj vitkega in lepega. Namesto nesmiselnih latinskih fraz dobite vitke črte, ki posnemajo vrstice besedila.

Ikono je postavil Brankic1979

Čudovit nabor brezplačnih ikon, kot nalašč za oblikovanje aplikacij, spletnih strani in drugih projektov. Od številk do zobnikov do mikrofonov, ta komplet vsebuje več kot 350 predmetov in zagotovo boste v njem našli nekaj vrednega. Glavna stvar je, da so ikone brezplačne za osebno in komercialno uporabo.

Barva po toči

Seveda ne manjka izbirnikov barv. To je eno izmed orodij, ki bi ga oblikovalec moral imeti vedno pri roki in Color by Hailpixel je vsekakor vredna pozornosti. Spletno mesto se bo odprlo in vam pokazalo prazen zaslon z eno samo črno povezavo (# 000000). Ko premikate kazalec po zaslonu, boste videli, kako se barva ozadja spreminja, okno v sredini pa bo prikazalo ustrezno šestnajstiško kodo te barve. S klikom z miško se ustvari trak trenutne barve s številčno vrednostjo te barve. Tako lahko s premiki miške zberete paleto želenih barv za nadaljnjo uporabo. S klikom na "orodje", ki se nahaja na vsakem shranjenem traku, se prikaže plošča z nastavitvami za to barvo, kjer lahko natančneje nastavite vrednosti RGB in HSL. Čudovito orodje.

Ali imate svoja najljubša spletna orodja? Sporočite nam v komentarjih.