Design and creation of product mockups is at the core of the Revelry process. Roadmapping a product requires visual design elements and systems that can be used cross-platform for full device coverage. While design is a ever-expansive category we focus on product design and development using design thinking, and modified lean-agile to design and create new products.
Find all Design stories here. Our Design team, Front-End Developers, and Software engineers share their lab notes and observations on the Revelry Blog, and you can see all Design-related blog posts here.
About a year ago I made the switch from mocking up my designs in Photoshop to using Illustrator instead. After listening to UI designer Jeremy Miller of Radolo talk on this topic, I walked away with one thing: “Learn to Love Illustrator.” And that I did.
Ampersands can handle situations like reverse nesting, extending class and id names, and even adjacent sibling selection.
With powerful tools like Foundation and Bootstrap, along with Sass, designing as you code feels much more natural than trying to replicate a static mockup in the browser. One issue I’ve had, however, is finding the right colors without having to go back to Photoshop. Luckily, Sass has some pretty amazing color functions that can automate your color choosing process.