Review: Hinahayaan ka ng Pencil na magaspang sa mga mockup para sa mga mobile na app, website, at software ng desktop

Maaaring hindi ka tagapagkodigo o isang Web developer, ngunit hindi iyon nangangahulugan na hindi mo alam kung gaano mo nais ang hitsura at pakiramdam ng iyong bagong application o website. Ang pagsisikap na makapunta sa perpektong hitsura na may mga salita lamang ay maaaring maging isang nakakainis na karanasan para sa parehong kliyente at developer. Ang isang mahusay na interface mockup ay nagkakahalaga ng isang libong mga salita, at hindi mo kailangang malaman kung paano code upang lumikha ng isa. Sa katunayan, hindi mo kailangang bayaran ang anumang bagay: Ang libreng utility na Pencil ay naglalaman ng lahat ng kailangan mo upang lumikha ng mga magagandang mockup para sa mga website, mga application sa desktop, at mga mobile na smartphone app.

Kung sakaling gumamit ka ng mockup utility, gaya ng libreng Lumzy o $ 79 Balsamiq, ang interface ng Pencil ay pamilyar. Ang bulk ng screen ay kinuha sa pamamagitan ng isang canvas, at isang toolbar linya sa kaliwang gilid ng window. Ang toolbar ay puno ng mga widget na maaari mong ilagay sa iyong canvas, nang maayos na nahahati sa mga kategorya tulad ng Mga Pangunahing Sangkap sa Web, Mga Widget sa Windows XP, Android ICS, iOS UI Stencils, at higit pa. Sa terminong Pencil, ang bawat kategorya ay isang koleksyon ng mga "stencils."

Mga barkong lapis na may maraming mga stencil na koleksyon, at ang repository ng code ng Google nito ay higit pa, lahat ay malayang magagamit. Para sa anumang naibigay na proyekto, malamang na kailangan mo lamang ng isa o dalawang hanay ng mga stencil, at ang Pencil ay ginagawang madali upang itago ang mga stencil set na hindi mo kailangan. At tulad ng Lumzy at Balsamiq, ang sidebar ay nagsasama ng isang quick-search box na nagpapahintulot sa iyo na agad na i-filter ang listahan pababa sa lamang ang elemento ng UI na kailangan mo ("button" at iba pa).

Gamit ang ICS stencil set, ang Pencil ay maaaring lumikha nakakaintriga na mockups para sa mga Android app.

Upang subukan ang Pencil, ginamit ko ang kasama nito koleksyon ng Android ICS stencil upang mabilis na prototipo ang isang solong screen para sa isang hypothetical Android app na nagpapakita ng mga nangungunang kwento ng PCWorld. Nakatanggap ako ng mga magkakahalo na resulta: Kabilang sa koleksyon ang magagandang stencils para sa status bar ng Android (sa tuktok na bahagi ng screen) at navigation bar (sa ibaba ng screen), ngunit mali ang lapad para sa aking proyekto at walang paraan upang baguhin ang laki nito. Ang iba pang mga stencils, tulad ng mga ginagamit para sa mga tab at listahan ng mga item, maaaring madaling sukat. Natapos ko ang paglikha ng aking mockup mula sa mga stencils lamang, wala sa tuktok at ibaba ng screen. Hindi tamang-tama, ngunit maisasagawa.

Hindi lahat ng mga stencil set ay mahusay na magkasama: Nakakita ako ng isang mahusay na stencil set na nagtatampok ng touchscreen gestures, ngunit lahat ng mga elemento nito ay itim at walang paraan upang baguhin ang kanilang kulay. Ginamit ko ang mockup sa madilim na variant ng tema ng Holo ng Android, kaya nagkaroon ng itim na background-at hindi gumagana ang black-on-black. Nagkaroon ako ng parehong karanasan sa mga "glyphish icons" na itinatakda, na kinabibilangan ng maraming mga mahusay na icon, lahat ay tapos na sa itim-kaya lahat ay ganap na walang silbi para sa madilim na mockups ng Android.

Ito ay isang magandang bagay na Pencil ay simpleng gamitin, dahil ito ay walang dokumento. Ang website nito ay naglalaman ng isang wiki, ngunit ito ay para sa mga stencil developer, hindi mga end-user. Ang kumpanya ay mahirap maabot para sa mga katanungan sa pagtatanong at hindi sumagot sa aming mga katanungan tungkol sa mga kinakailangan ng system. Upang magamit ang Stencil, kakailanganin mo lamang maglaro sa paligid nito hanggang sa magawa mo itong magtrabaho. Ang interface ay tapat, ngunit hindi nang walang bahagi ng mga sorpresa. Halimbawa, hindi ka maaaring gumuhit ng isang pagpili ng marquee upang pumili ng maraming elemento: Ang tanging paraan upang pumili ng ilang mga elemento ay ang Ctrl-click ang bawat isa.

Mga interface ng lapis na may libreng online na serbisyo sa clipart, na hinahayaan kang mabilis na makakuha sa mga bagay na clipart ng vector Sa iyong mockup.

Habang ang Pencil ay hindi perpekto, ang kaakit-akit na tag ng presyo at komprehensibong glyph set nito ay isang matibay na pagpipilian para sa pagsisimula sa disenyo ng interface at pagbabahagi ng iyong paningin para sa isang bagong website o mobile app.

Tandaan: Ang I-download na button sa pahina ng Impormasyon ng Produkto ay magda-download ng software sa iyong system.