8 verktyg som en webbdesigner behöver

2024 Författare: Malcolm Clapton | [email protected]. Senast ändrad: 2023-12-17 04:11

Screensiz.es

Screensiz.es är en sida som enkelt kan hjälpa dig att hitta de fysiska dimensionerna, skärmupplösningen, bildförhållandet och många andra parametrar för skärmarna på de vanligaste modellerna av smartphones, surfplattor och bildskärmar. All information kommer i en enkel och begriplig form - i form av en tabell. Det finns dussintals olika Android-enheter, surfplattor, inklusive BlackBerry Playbook, Microsoft Surface Pro och Barnes & Noble Nook. För mindre vanliga enheter är det också ganska enkelt att hitta den information du behöver. Screensiz.es erbjuder också en enhetspopularitetsklassificering baserat på Googles sökstatistik och ett antal andra kriterier.

Subtila mönster

Subtila mönster erbjuder ett brett utbud av bakgrundsmönster som du kan använda som bakgrund för dina webbplatser. Enkla men ändå tilltalande mönster kommer att tillfredsställa smakerna hos minimalistisk designälskare som vill ha något mer än en vanlig vit bakgrund. En av de bästa funktionerna på webbplatsen är en förhandsvisning av hur ett givet mönster kommer att se ut på din webbplats. Det bör noteras att alla mönster står till ditt förfogande utan kostnad.

Förlorad typ

Kommer du ihåg typsnittet du såg på din favoritsajt? Det finns en god chans att detta typsnitt är hämtat från Lost Type-webbplatsen, som samlar många designers som lägger ut sitt arbete där till försäljning till ett betala-vad-du-vill-pris. Kanske kan Lost Type tillskrivas listan över webbplatser som varje designer (och inte bara) borde känna till. Det finns inte många ställen på webben där du kan få ett unikt typsnitt av hög kvalitet och inte betala en massa pengar för det.

röd penna

Red Pen låter dig lösa en mycket viktig uppgift enkelt och snabbt, som ingen annan webbplats. Du drar in ditt grafiska arbete eller layout i ett speciellt fönster på sajten, och tjänsten ger dig en unik länk som du kan publicera på sociala nätverk. Genom att klicka på denna länk kan vem som helst klicka med musen på ett godtyckligt ställe och lämna där sina kommentarer och kommentarer om vad han ser. Ett oumbärligt verktyg för att få snabb feedback från den bredaste publiken.

Mönstertryck

Pattern Tap är inte ett verktyg i ordets traditionella bemärkelse, men det kommer säkert att vara praktiskt för en designer. Syftet med Pattern Tap är att inspirera dig med idéer för olika delar av webbsidor. Till exempel innehåller sajten en stor lista med exempel 404-sidor, ljudspelare, knappar, brödsmulor och mer. Om du får slut på inspiration kan det leda dig i rätt riktning genom att titta på olika inkarnationer av en idé. att ha ett brett utbud av idéer till hands, samlade på en sida, är mycket bättre än att oändligt surfa på webben och sålla igenom massor av visuell information. Med Pattern Tap kan du också söka efter kriterier som färger, stilar och typer av element.

Blokk teckensnitt

Blokk-namnet talar för sig självt. Ofta, när designen designar layouter, behöver designern visa sin fullhet med text, vilket ofta leder till onödig extra ansträngning. Det är klart att du kan använda någon form av textgenerator i Lorem Ipsum-stil, men det finns också en mer elegant lösning. Blokk-teckensnitt förvandlar skratt som skrivits in från tangentbordet (fywalge) till något smalt och vackert. Istället för meningslösa latinska fraser får du smala rader som efterliknar textrader.

Ikonuppsättning av Brankic1979

En underbar uppsättning gratis ikoner, perfekt för design av applikationer, webbplatser och andra projekt. Från siffror till växlar till mikrofoner, denna uppsättning innehåller över 350 föremål, och du kommer säkert att hitta något värdefullt i det. Huvudsaken är att ikonerna är gratis för både personligt och kommersiellt bruk.

Färg efter Hailpixel

Naturligtvis finns det ingen brist på färgväljare. Detta är ett av verktygen som en designer alltid bör ha till hands, och Color by Hailpixel är definitivt värt att uppmärksamma. Webbplatsen öppnas och visar dig en tom skärm med en enda svart länk (# 000000). När du flyttar markören runt på skärmen kommer du att se hur bakgrundsfärgen ändras, och fönstret i mitten kommer att visa motsvarande hex-kod för denna färg. Genom att klicka med musen skapas en remsa av den aktuella färgen med det numeriska värdet för denna färg. Således, med musens rörelser, kan du samla en palett med önskade färger för vidare användning. Genom att klicka på "växeln" som finns på varje sparad remsa kommer en panel med inställningar för den färgen att visas där du kan ställa in RGB- och HSL-värdena mer exakt. Ett underbart verktyg.

Har du dina egna favoritverktyg online? Låt oss veta i kommentarerna.