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

Kapcsolódó bejegyzések:
  • A sztárok sem olyan szépek és tökéletesek, mint azt a média állítja. Jöjjön pár kép “előtte és utána”, ahol bal oldalon a Photoshop előtti állapotot, az eredeti …

  • Jöjjön most a 2. kör, ahol szintén Photoshop retusálásaként feljavított jobb oldali képek vannak, balra meg természetesen a manipulálás előtti állapot látható. …

  • Pár napja jött ki a népszerű szinkronizáló szoftver legújabb, 1.0-ás változata, szerintem érdemes frissíteni a klienseket akár Windows, akár Mac alatt. Aki esetl …

  • Megjelent az AdMax új multifunkciós SEO toolbar-ja, amely egész hasznos szolgáltatásokkal igyekszik felhívni magára a figyelmet.Nekem leginkább az tets …

  • Jöjjön pár olyan oldal, melyen nagyon szép háttérképeket találtam, gondolom nem csak én szoktam ezt időközönként cserélgetni. :P A képek ne tévesszenek meg senki …

A cikket beküldte: Harder (http://blog.harder.hu)

5 hozzászólás

  1. Oscar says:

    Nagyon komoly a tétel! Köszi szépen neked a fáradozást!

  2. Vizion says:

    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.

  3. Nagyon hasznosak ezek a wireframe-k.
    Találtam egy nagyon szép vázlat szerűt AI-hez:

    http://www.eleqtriq.com/2010/08/sqetch-wireframe-toolkit/

  4. Harder says:

    TLoF küldött egy másik gyűjteményt is e témában, érdemes átfutni: 25 Wireframe Tools to Aid Your Creative Process

Szólj hozzá
a Wireframe csomagok PSD formátumban c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>