Search Icon A magnifying glass icon.
Search Icon A magnifying glass icon.
Subject
Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Graphic Design Degree Courses
Discover Sessions Graphic Design Hub

Professional Certificates

Next Start:
December 1, 2024
Explore Graphic Design Career Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Web Design Degree Courses
Discover Sessions Web Design Hub

Professional Certificates

Next Start:
December 1, 2024
Explore Web Design Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub

Professional Certificates

Explore Digital Media Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub
You can deepen your software skills and keep up with the latest Adobe CC updates in our online Digital Arts courses.
Contact Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Digital Photography Degree Courses
Discover Sessions Digital Photography Hub

DEGREES

Next Start:
December 1, 2024
Explore Fine Arts Degree Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Illustration Degree Courses
Discover Sessions Illustration Hub

Professional Certificates

Next Start:
December 1, 2024
Explore Illustration Career Courses

DEGREES

Explore Advertising & Marketing Degree Courses
Discover Sessions Advertising & Marketing Hub

Professional Certificates

Explore Advertising and Marketing Career Courses

CERTIFICATES

Next Start:
December 1, 2024
Next Start:
December 1, 2024
Next Start:
December 1, 2024
Explore Sessions Career Courses
Professional Cert PLUS
Next Start:
December 1, 2024
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Sessions Bachelor's Degrees
Next Start:
January 6, 2025
Next Start:
January 6, 2025

WWW… Wednesday! Fragments iOS Wireframes

by Taylor Slattery | April 15, 2020

Fragments iOS Wireframes

Sketch and Figma are all the rage when it comes to UI design. They take tools and functionality that users are familiar with from the Adobe suite and pair them with a hyper-focused UI that makes design for web and apps a breeze. While their UI-design solution is complete in and of itself, their utility is further multiplied when paired with plugins and libraries of flexible wireframe elements, which is where Fragments comes into play.

Rapid prototyping is the name of the game. We’re at a point in time where we’ve just about optimized every aspect of our digital products for the way that we use them. When it comes to app UI, there just aren’t many functionality problems left to fix. These days, updates to apps like Instagram usually consist of ground-breaking revelations like changing a button’s shape from a square to a circle or moving an element from the left side of the screen to the right.

fragments ios wireframes

For designers eager to build never before seen UIs and tackle new challenges head-on, this may feel like bad news. We’ve more or less figured out how we like our apps to look and how we expect to interact with them. For UI designers in the real world working on projects set to enter an already established market, work mostly consists of rehashing or improving upon the interfaces of competitors. The design becomes more about the concepts they serve rather than the vehicles they’re delivered in, which still need to look pretty (don’t worry).

This reality has given rise to a number of tools that focus on rapid prototyping and Fragments is one such tool. Gone are the days of making risky UI design choices with crossed fingers. For those just now entering digital product markets, the path forward has already been laid out. While those on the front lines had to carve the path forward through the darkness with nothing but a hammer and chisel, we on the tail end get to drive through a paved, well-lit tunnel and reap all the rewards.

fragments ios wireframes tool

Unlike the more general wireframe kits that are available for Sketch and Figma, Fragments is iOS specific. It boasts a large library of design elements that are all based on the iOS interface, making for seamless visual integration with the iOS environment. The focus on iOS also means that resolutions are 1:1 with current-generation iPhones and SF UI Pro, Apple’s iOS font, is the default choice. It’s got over 370 different screen layouts in categories such as e-commerce, food and fitness that are ready to be mixed, matched, and customized. The kit works with Sketch, Figma, and Adobe XD, so regardless of your preference, Fragments has you covered. You can check it out here.

 

Taylor is the Managing Editor of Notes on Design. Taylor is a graphic designer, illustrator, and Design Lead at Weirdsleep.

 

This blog is powered by Sessions College, the leading online school of visual arts.

©2024 Sessions College for Professional Design  All rights reserved

Terms & Conditions       Privacy Policy