8 nástrojov, ktoré bude webový dizajnér potrebovať

2024 Autor: Malcolm Clapton | [email protected]. Naposledy zmenené: 2023-12-17 04:09

Screensiz.es

Screensiz.es je stránka, ktorá vám jednoducho pomôže nájsť fyzické rozmery, rozlíšenie obrazovky, pomer strán a mnoho ďalších parametrov obrazoviek najbežnejších modelov smartfónov, tabletov a monitorov. Všetky informácie prichádzajú v jednoduchej a zrozumiteľnej forme – vo forme tabuľky. Existujú desiatky rôznych Android zariadení, tabletov, vrátane BlackBerry Playbook, Microsoft Surface Pro a Barnes & Noble Nook. Pre menej bežné zariadenia je nájdenie potrebných informácií tiež celkom jednoduché. Screensiz.es tiež ponúka hodnotenie obľúbenosti zariadenia na základe štatistík vyhľadávania Google a mnohých ďalších kritérií.

Jemné vzory

Subtle Patterns ponúka širokú škálu vzorov pozadia, ktoré môžete použiť ako pozadie pre svoje webové stránky. Jednoduché, ale príjemné vzory uspokoja vkus milovníkov minimalistického dizajnu, ktorí chcú niečo viac ako obyčajné biele pozadie. Jednou z najlepších funkcií stránky je ukážka toho, ako bude daný vzor vyzerať na vašej stránke. Je potrebné poznamenať, že všetky vzory sú vám k dispozícii bezplatne.

Stratený typ

Pamätáte si písmo, ktoré ste videli na svojej obľúbenej stránke? Je veľká šanca, že toto písmo je prevzaté zo stránky Lost Type, ktorá združuje mnoho dizajnérov, ktorí tam dávajú svoju prácu na predaj za cenu, za ktorú zaplatíte. Stratený typ možno možno pripísať zoznamu stránok, o ktorých by mal vedieť každý dizajnér (nielen). Na webe nie je veľa miest, kde môžete získať kvalitný jedinečný font a nezaplatiť zaň veľa peňazí.

Červené pero

Červené pero vám umožňuje vyriešiť veľmi dôležitú úlohu jednoducho a rýchlo, ako žiadna iná stránka. Svoje grafické dielo alebo rozloženie pretiahnete do špeciálneho okna na stránke a služba vám poskytne jedinečný odkaz, ktorý môžete zverejniť na sociálnych sieťach. Kliknutím na tento odkaz môže ktokoľvek kliknúť myšou na ľubovoľné miesto a zanechať tam svoje poznámky a komentáre k tomu, čo vidí. Nepostrádateľný nástroj na získanie rýchlej spätnej väzby od najširšieho publika.

Poklepanie na vzor

Pattern Tap nie je nástroj v tradičnom zmysle slova, no dizajnérovi určite príde vhod. Účelom Pattern Tap je inšpirovať vás nápadmi na rôzne prvky webových stránok. Stránka napríklad obsahuje veľký zoznam vzorových stránok 404, audio prehrávačov, tlačidiel, strúhanky a ďalších. Ak vám dôjde inšpirácia, pohľad na rôzne inkarnácie nápadu vás môže postrčiť správnym smerom. mať na dosah ruky širokú škálu nápadov zhromaždených na jednej stránke je oveľa lepšie ako nekonečné surfovanie po webe a preosievanie ton vizuálnych informácií. Pattern Tap vám tiež umožňuje vyhľadávať podľa kritérií, ako sú farby, štýly a typy prvkov.

Blokk font

Názov Blokk hovorí sám za seba. Pri navrhovaní rozložení často dizajnér potrebuje demonštrovať jeho plnosť textom, čo často vedie k zbytočnej námahe navyše. Je jasné, že môžete použiť nejaký ten generátor textu v štýle Lorem Ipsum, no existuje aj elegantnejšie riešenie. Písmo Blokk premení nezmysel napísaný z klávesnice (fywalge) na niečo tenké a krásne. Namiesto nezmyselných latinských fráz získate štíhle riadky, ktoré napodobňujú riadky textu.

Sada ikon od Brankic1979

Nádherná sada bezplatných ikon, ideálna pre návrh aplikácií, webových stránok a iných projektov. Od čísel cez prevody až po mikrofóny, táto sada obsahuje viac ako 350 položiek a určite v nej nájdete niečo, čo sa oplatí. Hlavná vec je, že ikony sú zadarmo pre osobné aj komerčné použitie.

Farba podľa Hailpixel

Samozrejme, nechýbajú ani farbičky. Ide o jeden z nástrojov, ktorý by mal mať dizajnér vždy po ruke a Color by Hailpixel rozhodne stojí za pozornosť. Webová stránka sa otvorí a zobrazí prázdnu obrazovku s jediným čiernym odkazom (# 000000). Keď budete pohybovať kurzorom po obrazovke, uvidíte, ako sa zmení farba pozadia, a okno v strede zobrazí zodpovedajúci hexadecimálny kód tejto farby. Kliknutím myšou sa vytvorí pásik aktuálnej farby s číselnou hodnotou tejto farby. Pohybmi myši tak môžete zbierať paletu požadovaných farieb na ďalšie použitie. Kliknutím na „ozubené koliesko“umiestnené na každom uloženom páse sa zobrazí panel s nastaveniami pre danú farbu, kde môžete presnejšie nastaviť hodnoty RGB a HSL. Úžasný nástroj.

Máte svoje obľúbené online nástroje? Dajte nám vedieť v komentároch.