...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iOS Developers’ Alert: Apple Unleashes the Power of Progressive Web Apps - DZone Web Dev

#iOS #PWAs #Mobile

Apple is working to introduce support for Service Workers in Safari. See how future support for Progressive Web Apps could change iOS app development.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Google Augmented Reality Design Guidelines

#Google #Android #AR #Guidelines

Augmented reality (AR) lets you add virtual content to the real world. You can use AR to create experiences that enhance the way people see and interact with the world.

ARCore is a platform for building AR apps. It harnesses the power of Android phones using these key technologies:

  • motion tracking
  • environmental understanding
  • light estimation
ARCore collects that information and uses it to integrate virtual content with the real world.



ARCore works in 2 ways:

It tracks the position of your phone in the real world, and it builds an understanding of your surroundings by identifying walls and floors in the environment.

This spec was created using internal research and analysis of AR experiences in education, shopping, creativity, and gaming. You can use this spec to design practical, innovative, and magical mobile AR experiences.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FreeSpace Sketch Plugin: Evenly space selected Layers, Groups, Artboards and Symbols by a defined amount.

#Sketch #Plugins #Productivity #UIDesign

I created this plugin because the built in "distribute" tool wasn't giving enough control and the "grid" tool being very powerful requires more settings than I want to deal with every time. 

Evenly space – vertically or horizontally – selected Layers, Groups, Artboards and Symbols by a defined amount:

1) Select the elements
2) Press Command + Alt + Shift + S
3) Enter a spacing value

Enjoy!
Francesco









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


John Maeda: If You Want to Survive in Design, You Better Learn to Code | WIRED

Tech veteran John Maeda released his annual Design In Technology report this week.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ColorBox by Lyft Design

#UIDesign #Tools #Colors

Colorbox is a color tool to produce color sets.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The ineffectiveness of lonely icons

#BestPractices #UIDesign #UX

If your target audience is a general population, you should not be using icons alone to convey anything meaningful. By doing so, you have made assumptions…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animations in iOS: Tab Bar concepts – Flawless App Stories – Medium

#iOS #Mobile #AppDesign #Animation #Motion #UIDesign

A great selection of animated tab bars. Some are over the top but they are nonetheless great explorations of what’s possible and how to bring delight into UIs with motion and sometimes humor. Heads up: cute and cool alone are not enough, try to get some feeeback from real users. How often are your users going to see this animation? Does it take too long to execute? Or is it just the right speed. Enjoy!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Purl | Pixar SparkShorts

#Videos #Pixar #YouTube

Purl, directed by Kristen Lester and produced by Gillian Libbert-Duncan, features an earnest ball of yarn named Purl who gets a job in a fast-paced, high ene...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Accessible Color Palettes

#UIDesign #Tools #Colors #Accessibility

A color palette tool for interface design









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch 53 is now live! Major improvements in symbol overrides managements.

#Sketch #Releases #Productivity

Sketch 53 has just been released! The productivity improvements are in the way overrides are now managed.

  • Override Management
  • You can now manage which overridable properties appear directly in the Symbol’s master.

  • Overrides
  • Overrides in Symbols can now be selected via the Layer List, and in the Canvas when the Symbol instance is selected.

Plus tons on other performance improvements. Some of my faves below:
  • Added the ability to navigate directly to a nested Symbol’s master from the Inspector
  • Color presets added to Document Colors are now included in Libraries
  • Grid and Layout visibility can now be toggled for all selected Artboards
  • Support has been included to view color values in HSL
  • Solid color presets are now visible when viewing the gradient picker









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Can't Unsee

#UIDesign #Ganes







Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Visa Signature: Benefits Responsive Website

#VISA #RWD #UX #UI #Tablet #Mobile #RWD







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gartner: Design Patterns (Sketch Library Demo)

#DesignPatternLibraries #UX #Sketch #Collaboration #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Greenr: Personal Data Startup

#Portfolio #Mobile #UX #UI #Motion #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Greenr: Personal Data Startup (Sample screens)

#Portfolio #Mobile #UX #UI #Motion #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Stealth Self-Help App: UI/UX Explorations

#Portfolio #Mobile #UX #UI







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Awwwards: Progressive Web Apps The future of Mobile Web

#Mobile #UX #UIDesign #PWAs #eBooks #iOS #Android

In recent years, mobile usage has risen to the point where people now spend twice as much time on mobile devices as they do on desktop, and in many countries...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer X15: Our Biggest Release To Date

#FramerX #UIDesign #Prototyping

Delivering pro performance with an all-new infinite canvas, smooth zoom, seamless graphics scaling and over 150 stability fixes:
https://framer.com/blog/posts/introducing-framer-x15/









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Anima 3.0

#Sketch #AnimaApp #Plugins #Prototyping #Productivity #Motion

With Anima 3.0 designers can create responsive & interactive high-fidelity prototypes, right inside Sketch.
Related blogpost: https://medium.com/sketch-app-sources/introducing-anima-3-0-high-fidelity-prototyping-in-sketch-df8537b23508









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


User Flows Plugins & Tools

#Sketch #UX #UserFlows







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


82 CSS Sliders

#CSS #Presentation #Motion #Transitions

Collection of free HTML and CSS slider code examples: card, comparison, fullscreen, responsive, simple, etc. Update of March 2018 collection. 2 new items.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Versions: Git for Designers

#UIDesign #Collaboration #Versioning #Handoff







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fan Photo

#photos

Hey guys! We are looking for awesome content from you! :)

You can see examples here.










Profile image

Francesco Bertocci

Sr. Product/UX/UI...


[Videos] Fan video

#videos







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


At The Gates Tour Dates and Concert Art

#art










Scan & Share
Feed