UI design with Quartz Composer
A Webisztánon olvastam, hogy a Facebookhoz vitt Mike Matas team a Facebook Home interakcióit nem Photoshopban, hanem Quartz Composerben rakta össze. A közlés forrása ez az Julie Zhuo blogposzt, amiben néhány kulcs gondolatot is elkaphatunk:
something like Facebook Home is completely beyond the abilities of Photoshop as a design tool. How can we talk about physics-based UIs and panels and bubbles that can be flung across the screen if we’re sitting around looking at static mocks? (Hint: we can’t.) It’s no secret that many of us on the Facebook Design team are avid users of QuartzComposer, a visual prototyping tool that lets you create hi-fidelity demos that look and feel like exactly what you want the end product to be.
Reméltem, hogy ennél több is kiderül a megoldásról, mert már régóta keresem én is a választ erre a kihívásra. Sajnos Zhuo nem ad több tippet ennél, illetve linkel egy másik posztjára:
QuartzComposer, which many designers on our team use, takes weeks or even months to get comfortable with.
A Quartz Composert én is ismerem, persze csak koncepcionálisan, de nehéz elképzelnem, hogy egy node editorban hogyan lehet UI-t és annak interakcióit tervezni. Egyelőre letöltöttem a szoftvert, megnéztem, egyszerűbb dolgokat megcsináltam (mouse-t követő particle generátor, AHHH!), de továbbra sem értem, hogy lesz ebből Facebook Home, illetve interakciók, animációs minták.
update: Dave O’ Brien 12 óra alatt összerakott egy hasonló interakciót, szintén QC-ben:
Egyelőre még nincs tutorial, de indult vele egy branch, le lehet tölteni a sample fájlt is. Sajnos itt olvasom, hogy az Apple deprecate-elni akarja a QC-t update: megoszlanak az ezzel kapcsolatos vélemények, de tény, hogy az Apple régen nyúlt már a QC-hez, úgyhogy talán a Vuo, vagy a Moonbase lehet majd ennek alternatívája, de azt sem tartom elképzelhetetlennek, hogy az Apple fogja az iOS SDK részévé tenni a QC valami továbbfejlesztett változatát.
Picit próbálgatva a mintát arra jöttem rá, hogy elképesztő overkill egy komplett interface-t megcsinálni QC-ben, helyette inkább néhány statikus dolgot kell kiexportálni és úgy lehet illusztrációt készíteni néhány felületi elemből. Azt ki merem jelenteni egy kis vizsgálódás után, hogy nem UI tervezésre való a QC, viszont aki megismeri, az el tudja végezni benne a munkát, apróbb illusztrációkat.




