📚Join the Early Bird list to get 40% off our Product Design course starting October 3.
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Get new leads in your inbox every day
Introduce yourself to new clients with Pitch
Learn product design in just 16 weeks...
Level up your skills with our interactive courses and workshops…
Portfolio creation made easy
Fresh leads in your inbox every day
Build your team’s pipeline or profile
A marketplace of digital assets…
Icons, Illustrations, Patterns, Textures…
Display, Script, Sans Serif, Serif…
Mock Ups, Social Media, Presentations…
Characters, Objects, Textures…
WordPress, Shopify, Bootstrap, HTML5…
Procreate, Affinity, Photoshop, InDesign…
Earn money doing what you love
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
Hey guys, I tried to use Quartz Composer to emulate some iOS 7 effects in my spared time. Here comes a simple chatting view interaction with three iOS 7 effects: scrolling with bounce effect, translucent navigation and toolbar, and depth interaction(the whole screen zoom in or zoom out).
GIF's quality sucks so please check the demo video here. Or if you have 20 seconds to waste, I strongly suggest you to play with the demo app on you Mac.
What's more, I'd like to share the source file with you if you want to learn some Quartz skills. The .qtz file includes following components:
- An iPhone 5 template with a screen view.
- Momentum Scrolling patch with additional patches for that bouncing effect .
- Translucent backgrounds.
- Zoom in and Zoom out effects.
- Some single patches inside like "Button", "Delay", "Switch", "Offset from Left Top" might be helpful for your own Quartz work.(you can search these names in the file to locate them in second)
Download the Quartz file.
Discussion and feedbacks are welcome. :)