Wireframe csomagok PSD formátumban

Tervezéskor „kicsit” meg lehet gyorsítani a folyamatokat akkor, ha a munkához rendelkezésedre áll 1-1 sabloncsomag, melyekben már mások megrajzolták a (leg)fontosabb elemeket és Neked „csak” össze kell pakolnod ezekből a felületet.

WebWireframeKit

2 színből álló csomag webes felületek tervezéséhez (benne szövegek, táblázatok, tooltip-ek, naptár, gombok, navigációs elemek, lapozás, formok, videó lejátszó, kommentek stb…)

wireframe-2.jpg

Web.without.words

Amolyan webes játszótér, ahol designerek 1-1 népszerűbb oldalnak elkészítik a wireframe verzióját. Jó móka a wireframe-eket nézegetve azt találgatni, hogy vajon melyik oldalnak lehet a váza, ismerem-e, az oldal ismerete nélkül mi a véleményem róla stb…

wireframe-3.jpg

Wireframes Magazine

Inspiratív wireframe gyűjtemény, letölthető template-ekkel. Remek oldal, régi kedvencem.

wireframe-4.jpg

iPad GUI Kit in PSD

iPad GUI csomag PSD formátumban (Photoshop)

wireframe-5.jpg

Android 1.6 Wireframe

wireframe-6.jpg

Google Android PSD

wireframe-7.jpg

Google Android GUI PSD

wireframe-8.jpg

Maemo 5 GUI in PSD

wireframe-9.jpg

iPhone 4 GUI PSD

wireframe-10.jpg

iPhone GUI Elements

wireframe-11.jpg

Palm Pre GUI PSD

wireframe-12.jpg

Quommunnication Stencil Kit

Általánosabb elemeket (formok, hirdetési egységesk, RSS ikonok stb..) tartalmazó PSD forrásanyag.

wireframe-13.jpg

Apple iPad fully editable PSD

wireframe-14.jpg

RIM Blackberry PSD

135 layert tartalmazó, komplett Blackberry PSD fájl.

wireframe-15.jpg

Facebook GUI PSD Kit

Facebook application és fan page tervezéshez

wireframe-16.jpg

Browser Form Elements PSD

Firefox 3 (Mac OS X) és IE7/Vista PSD csomag.

wireframe-17.jpg

Web Browser Elements

Böngésző elemek, mint legördülő menük, gombok, radio gombok, text field-ek stb..

wireframe-18.jpg

UI Element Pack

wireframe-19.jpg

Button Set

Az elemeket 3 stílusban is tartalmazza: glossy, satin / light gradiens és one-color. A satin / light gradiens csomag 7 színnel is elérhető.

wireframe-21.jpg

Web-Safe Area Templates

Web-safe böngésző felbontások: 640×480, 800×600, 1024×768, 1280×960, 1600×1200 pixel

wireframe-22.jpg

Treasure Chest

100 vegyes website elem.

wireframe-23.jpg

iPhone Wireframe Templates for Sketching

2 layoutos csomag, PDF-ben és Visio-ban (VSD)

wireframe-24

Flex Darkskin PSD UI

wireframe-25.jpg

Control of different browsers for designers

Firefox, Opera, Internet Explorer és Safari böngészőhöz csomag

wireframe-26.jpg

Web Elements Kit (PSD)

wireframe-27.jpg

Modern Web UI Set

wireframe-28.jpg

Web Designer Toolkit

wireframe-29.jpg

Web UI Wireframe Kit

wireframe-31.jpg

Facebook GUI

wireframe-32.jpg

DeviantART ID PSD Kit

wireframe-33.jpg

Forrás: 30 Free Web And Mobile Wireframe Kit in PSD Format

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

5 HOZZÁSZÓLÁS

  1. Uhh. Ez húzós gyüjtés, gyanítom nem egy nap volt :)
    Még végiggörgetni is sok :)
    Köszönjük!

    félig off: nemrégiben volt egy amolyan kvázi-munka (azaz ingyenes), h kellene pár sablon egy témára, és majd „összeprogramozzák”, csak designben segítsek.
    Szerencsére hamar kiderült, h Ők sem igazán tudják mi lesz (kis túlzással a tartalmat sem, hehe).

    A fenti linkek között találtam -egyenlőre ránézésre- olyant, amivel összetologathatom, ha megkeresnek.

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét