<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">
	<channel>
		<title>Author at Infinum</title>
		<atom:link href="https://infinum.com/blog/author/ivan-bjelajac/feed/" rel="self" type="application/rss+xml" />
		<link></link>
		<description>Building digital products</description>
		<lastBuildDate>Wed, 08 Apr 2026 07:17:45 +0000</lastBuildDate>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>

					<item>
				<image>
					<url>8105https://infinum.com/uploads/2014/10/android-lollipop-material-design-ui-kit-for-sketch-0.webp</url>
				</image>
				<title>Android Lollipop Material Design UI Kit for Sketch</title>
				<link>https://infinum.com/blog/android-lollipop-material-design-ui-kit-for-sketch/</link>
				<pubDate>Mon, 27 Oct 2014 08:06:00 +0000</pubDate>
				<dc:creator>Ivan Bjelajac</dc:creator>
				<guid isPermaLink="false">https://infinum.com/the-capsized-eight/android-lollipop-material-design-ui-kit-for-sketch/</guid>
				<description>
					<![CDATA[<p>People like it when they have a faster way of doing something they've already done once before.</p>
<p>The post <a href="https://infinum.com/blog/android-lollipop-material-design-ui-kit-for-sketch/">Android Lollipop Material Design UI Kit for Sketch</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-127"
	 data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-blog-content js-block-blog-content">
	
<div class="block-blog-content-sidebar" data-id="es-92">
	</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-95"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-93">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-94'
	>
	When Sketch 3 finally came out and with it the great Teehan &amp; Lax’s <a href="http://www.teehanlax.com/tools/iphone-sketch-app/">iOS 7 UI kit</a>, I was really impressed with two things. How useful kits can be, and how awesome Sketch 3 is. That moved me to make something similar for Android.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-98"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-96">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-97'
	>
	People like it when they have a faster way of doing something they’ve already done once before. Like digging holes. No matter what, holes have to be dug. It’s the way things work. But in what way, fashion and how fast depends on the person doing the digging. So if you don’t want to use a shovel for the rest of your life, use your imagination and think of better ways to move dirt from point A to point B.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-101"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-99">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-100'
	>
	Developers usually work exclusively in one programming language for a specific platform. Designers, on the other hand, have to be familiar with all of the platforms by default. These are just the requirements of the job. But it’s very useful when designers who work in a team start to specialize in one particular OS. In my case, it’s Android.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-104"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-102">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-103'
	>
	We develop quite a number of Android apps, so I decided to make a UI kit tailored to the specific UI patterns of Android 5.0, following the guidelines of Google’s new UI/UX concept, the <a href="http://www.google.com/design/">Material Design</a>.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-107"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-105"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-106">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2014/10/android-lollipop-material-design-ui-kit-for-sketch-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="850"
															width="1400"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-110"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-108">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-109'
	>
	Recreating platform specific UI elements from scratch a dozen times, much like digging a hole with a shovel, builds character and deepens your understanding of the details of your work. But it definitely gets old after a while. And a UI kit works in a similar manner an <a href="http://youtu.be/MXhhXXsxSfE">excavator</a> does. Granted, it doesn’t have that big of an impact, but it definitely speeds up the initial process so you have more time to concentrate on more important stuff at hand.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-113"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-111">
	<h3	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-112'
	>
	How hard was it to make this?</h3></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-116"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-114">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-115'
	>
	While making the kit, I found that it takes a lot of time, concentration and task organization to finish it. You always find new things to add, better ways of solving a problem and so on. You tinker with it till all eternity, but like with any other personal project, there comes a time when you have to decide if you are going to work on it until it’s perfect or until it’s done.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-119"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-117"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-118">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2014/10/android-lollipop-material-design-ui-kit-for-sketch-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="850"
															width="1400"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-122"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-120">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-121'
	>
	The use cases I made are based on some of the more common UX flows in Android apps. Great resources like the <a href="http://uxarchive.com/">UX Archive</a>, <a href="http://androidniceties.tumblr.com/">Android Niceties</a> and Google’s Material Design guidelines also came in handy. I have to note that I mostly avoided using text styles, shape styles and symbols, as they get quite slow and buggy on bigger projects with the current version of Sketch.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-125"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-123">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-124'
	>
	You can take a look at <a href="https://www.behance.net/gallery/20514895/Material-Design-UI-Kit">an overview</a> of the UI kit or <a href="http://www.sketchappsources.com/free-source/852-android-material-design-ui-kit-sketch-freebie-rsource.html">download</a> it for free.</p></div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/blog/android-lollipop-material-design-ui-kit-for-sketch/">Android Lollipop Material Design UI Kit for Sketch</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>