8 nástrojů, které webový designér bude potřebovat

2024 Autor: Malcolm Clapton | [email protected]. Naposledy změněno: 2023-12-17 03:50

Screensiz.es

Screensiz.es je stránka, která vám snadno pomůže najít fyzické rozměry, rozlišení obrazovky, poměr stran a mnoho dalších parametrů obrazovek nejběžnějších modelů smartphonů, tabletů a monitorů. Veškeré informace přicházejí v jednoduché a srozumitelné formě – ve formě tabulky. Existují desítky různých zařízení Android, tabletů, včetně BlackBerry Playbook, Microsoft Surface Pro a Barnes & Noble Nook. U méně běžných zařízení je nalezení potřebných informací také docela snadné. Screensiz.es také nabízí hodnocení oblíbenosti zařízení na základě statistik vyhledávání Google a řady dalších kritérií.

Jemné vzory

Subtle Patterns nabízí širokou škálu vzorů pozadí, které můžete použít jako pozadí pro své webové stránky. Jednoduché, ale líbivé vzory uspokojí vkus milovníků minimalistického designu, kteří chtějí něco víc než obyčejné bílé pozadí. Jednou z nejlepších funkcí webu je náhled toho, jak bude daný vzor vypadat na vašem webu. Je třeba poznamenat, že všechny vzory jsou vám k dispozici zdarma.

Ztracený typ

Pamatujete si písmo, které jste viděli na svém oblíbeném webu? Je velká šance, že toto písmo je převzato ze stránky Lost Type, která sdružuje mnoho designérů, kteří tam dávají svou práci k prodeji za cenu zaplať, co chceš. Možná, že Lost Type lze připsat seznamu stránek, o kterých by měl každý designér (nejen) vědět. Na webu není mnoho míst, kde seženete kvalitní unikátní font a nezaplatíte za něj spoustu peněz.

Červené pero

Red Pen vám umožní vyřešit velmi důležitý úkol jednoduše a rychle, jako žádný jiný web. Svou grafickou práci nebo layout přetáhnete do speciálního okna na webu a služba vám dá unikátní odkaz, který můžete publikovat na sociálních sítích. Kliknutím na tento odkaz může kdokoli kliknout myší na libovolné místo a zanechat zde své poznámky a komentáře k tomu, co vidí. Nepostradatelný nástroj pro získání rychlé zpětné vazby od nejširšího publika.

Klepněte na vzor

Pattern Tap není nástroj v tradičním slova smyslu, ale designérovi se jistě bude hodit. Účelem Pattern Tap je inspirovat vás nápady na různé prvky webových stránek. Web například obsahuje velký seznam příkladů 404 stránek, audio přehrávače, tlačítka, drobky a další. Pokud vám dojde inspirace, pohled na různé inkarnace nápadu vás může postrčit správným směrem. mít na dosah ruky širokou škálu nápadů shromážděných na jednom webu je mnohem lepší než nekonečné procházení webu a prosévání tuny vizuálních informací. Pattern Tap také umožňuje vyhledávat podle kritérií, jako jsou barvy, styly a typy prvků.

Blokk písmo

Jméno Blokk mluví samo za sebe. Při navrhování rozvržení často designér potřebuje demonstrovat jeho úplnost textem, což často vede ke zbytečnému úsilí navíc. Je jasné, že můžete použít nějaký ten generátor textu ve stylu Lorem Ipsum, ale existuje i elegantnější řešení. Písmo Blokk přeměňuje nesmysly napsané z klávesnice (fywalge) na něco tenkého a krásného. Místo nesmyslných latinských frází získáte štíhlé řádky, které napodobují řádky textu.

Sada ikon od Brankic1979

Nádherná sada bezplatných ikon, ideální pro návrh aplikací, webových stránek a dalších projektů. Od čísel přes převody až po mikrofony, tato sada obsahuje přes 350 položek a určitě v ní najdete něco, co stojí za to. Hlavní věc je, že ikony jsou zdarma pro osobní i komerční použití.

Barva podle Hailpixel

Samozřejmě nechybí ani barvíři. Jedná se o jeden z nástrojů, který by měl mít designér vždy po ruce a Color by Hailpixel rozhodně stojí za pozornost. Webová stránka se otevře a ukáže vám prázdnou obrazovku s jediným černým odkazem (# 000000). Když budete pohybovat kurzorem po obrazovce, uvidíte, jak se změní barva pozadí, a okno uprostřed zobrazí odpovídající hexadecimální kód této barvy. Kliknutím myší se vytvoří pruh aktuální barvy s číselnou hodnotou této barvy. Pohybem myši tak můžete sbírat paletu požadovaných barev pro další použití. Kliknutím na „ozubené kolečko“umístěné na každém uloženém proužku vyvoláte panel s nastavením pro danou barvu, kde můžete přesněji nastavit hodnoty RGB a HSL. Úžasný nástroj.

Máte své oblíbené online nástroje? Dejte nám vědět do komentářů.