Webdesign és webgrafika tippek és eszközök
TARTALOMJEGYZÉK:
Webdesign eszközök
Tesztelés
Google mobil friendly: a weboldal mobilbarát jellegét tesztelő eszköz, azaz, mennyire reszponzív a weboldalad
Web FX: mennyire olvasható az oldalad
Polypane: szín kontraszt ellenőrzéséhez
Szerkesztés
Wireframe.cc: drótváz tervező-szerkesztő eszköz, ingyenes és nagyon egyszerű
Wirify.com: weboldalak wireframe szerkezetének megtekintéséhez
Színpaletta generáló eszköz: nagyon egyszerű, drag and drop művelettel a kiválasztott képből vagy képekből színpalettát készít, a csúszkával megadhatod a színek számát, ahányra szükséged van a design tervezéséhez
Doodad.dev: hátterekhez minta, sablon (pattern) generáló eszköz, tetszés szerint szerkeszthető alapsablonokkal. Az elkészült pattern letölthető különféle képformátumokban vagy akár link formájában a CSS fájl background image értékenek megadásához.
Logó: ingyenes logó generator eszköz, ha csak egy "bármilyen" logóra van szükséged, egy ilyen eszköz megteszi
Webdesign tervezéshez
Tervezők
WhatFont bővítmény: ha megtetszik egy betűtípus az interneten, ezzel az eszközzel megtudhatod, melyikről van szó
W3schools color picker: mutatja a színek HEX kódját, RGB, HSL értékeit. Ezen kívül az adott színre fehérrel és feketével írt szövegek segítséget nyújtanak a színek kiválasztásában, ami fontos a honlap olvashatóságának szempontjából. A Lighthouse tesztelő színkeverő eszköze pontosan megmutatja végül, ha szükséges esetleg változtatnod a választott színkombináción.
Ellenőrző listák
Pinterest oldalam: ellenőrző listák a webdesign különböző területeit érintve
Webdesign ajánlók
Linkek
Béhance.net: inspiráció gyűjtése, a grafikai designerek kedvence
Weboldalak inspiráció: a pinterest oldalamon tematikusan elrendzeve gyűjtöm a különféle weboldal típusokat
Weboldal tartalmak inspiráció: a pinterest oldalamon kategorizálva gyűjtöm a különféle tartalomtípusokat, mint például fejléc, az idővonalak, vagy a különféle oldaltípusokat, mint a 404-es oldal, termékoldal stb.