tania
tania
tsharma.com
697 Outputs
1 Marathon
in UI
in UI

Landing page mockup

in UI

Today my UI design is inspired by an article I found explaining Breadcrumb design and its use case.

Article: https://uxdesign.cc/guidelines-for-breadcrumbs-design-a90eb1b21348

think of breadcrumbs as a supplementary navigation tool, especially for designs with very deep pages of content.

Breadcrumb designs are useful when a user may arrive at a page on a website that isn't the home page via an external link. By implementing secondary navigation, users will be able to understand what part of the website they are on. This will help them navigate to other more relevant pages.

in UI

DailyUI Prompt: Confirmation

This confirmation prompt can be used as a message to inform users that a part of their user-journey has been completed/has been successful!

A fun little message with an illustration is always engaging, rather than just having a message with plain text saying "Success" / "Your order is complete".

in UI

Simple navigation bar for today

in Visual Art/Design 2

design of the co-founder of epilogue, Daniel :) made this for his birthday tomorrow

in UI

Prompt for today was logo design. Designed simple logos using a circle + 4 different colors.

in UI

Playing around with this iOS wireframes plugin I found on Figma community.

in Sky
in Sky
in Sky
in UI

I'm super exhausted today I had a full day of meetings, but still managed to bang out this UI of a Job Listings Page.

in Sky
in Sky

4:24 pm

in UI
in Sky

7:50pm

in UI

Prompt: Coming Soon

Today I played around with linear and radial gradients! I like the multi-colored background, I'm pretty content with it! I kept the screen minimal in its design. This concept can be used for any type of product launch, website redesign, or the launch or a new brand!

The white font might not be accessible for every user but can also be altered with all black font!

in Sky

hi

in UI

Prompt: Activity Feed Concept
Today I designed a simple activity feed for mobile. It consists of some of my artwork, my name, file type, and two icons to "comment" or "like. This concept can be implemented on any platform that needs a feed or it can be used as a method to share the work creators are doing.

in UI

Design Agency landing page concept

in UI

Some quick neumorphism buttons for tonight

in UI

Simple card design today, not feeling motivated to design today

in PottedJungleTO

I designed simple logos that can be placed on the care cards to represent the type of information that will be on the card. These can be used to represent the tops they want to provide their clients with, based on, light, water, temperature, and humidity.

in PottedJungleTO

PottedJungle requested me to design a care card for them that they give to their clients with important information. Using the leaves I created for the logo I just incorporated them into this care card.

in UI

Daily UI - Information Card

My design for today is very abstract. I like the way my name and the word 'Designer' overlaps over the card. The overlapping + the kerning of the words is a good way to use white space, but also keep the design looking modern and clean.

I've also been experimenting with ways to incorporate a dot grid into my design. I personally just enjoy using dot grids. Its a visually appealing element to fill in some space.

in UI

I didn't know what to make today, so I started reading some of Apple's Human Interface Guideline. I was reading about App Architecture, specifically Onboarding, and decided to redesign their one of their onboarding screen for the Pages App.

Key features when onboarding new users or returning ones
• Keep the onboarding experience fast, fun, and educational
• Avoid asking users for setup information at first glance
• Make it easy for someone new/old to use your app, let them dive right in rather than making it difficult!

in UI

Experimenting with a free Figma file emailed to me from Daily UI - Process Masterclass. Just playing around with some of their assets.

in Visual Art/Design 2

Quick sketch I did tonight…

By duplicating the sketch and putting the white layer on top and a darker one on the bottom, gives this illustration a very crisp/high clarity feel

The longer I stare at it, it feels as if some sort of stitching of this person is coming out of the screen

in UI

DailyUI056 - To-Do List UI Design.

Today I tried to redesign Apple's Notes App by following their UI Design. I didn't redesign all the features in the top navigation bar of the Notes App. My goal with this was mostly to just try to see if I can redesign this interface.

Their notes app is very minimal in its appearance with the use of rounded corners, light gray shadows, and strokes around their components.

in UI

Random UI concept I designed in 10 mins. Super tired tonight. Goodnight.

in UI

Reading articles on Hubspot tonight about Blog designs (Examples of blog designs, how to write a blog post, and design one).

Trying to understand what key features are essential for a blog post + blog. This will help me when I'm working on redesigning one this week for a new start-up I joined.

in UI

Recipe Concept App using my mom's recipe photos shes been posting via Instagram daily

in Visual Art/Design 2

Worked on this during my Friday morning weekly coffee call with my new team at Epilogue. Started a ten week internship with them and it’s been great so far.

in UI

Simple 404 page for today

in UI

Prompt: Testimonials

in Visual Art/Design 2

Spent all day staring at my screen today. Need to meditate or something

in UI

UI Design of how a "Blogs" page might look like on a website with multiple blog posts.

in UI

Prompt: Weather concept app
Today I designed the UI of a weather app. I kept the layout of the UI minimal, using light colors, simple shapes, and lots of grays.

I'm liking the layout of how I arranged the mobile screens in the frame (something you would see on dribbble lol).

in UI

Working on building a design system for my self so it's easier to pull assets into my UI designs. Slowly but surely.

in Visual Art/Design 2

I didn’t spend much time time working on my outputs today. Enjoyed the nature instead 🌱

in UI

I didn't get much time to work on my FL outputs today. I spent all my day baking lol, so this was all I could do today.

Played around with different strokes against a white/black background.

I spent 5-6 hours of my day today baking. Baking cookies and these donuts that actually turned out great for my first try 🤓

in UI

Prompt: A Blog Post

Foy my UI design today I decided to make a blog post design for my own website. Not sure if this is something I would implement as I don't often write blog posts. However, if I wanted to add this to my website this is how it would look.

in PottedJungleTO

Document with font, logo, and some branding colors

Just added FL to my home screen

in UI

I spent this morning practicing auto layout in Figma. I learned how to apply the auto layout to create a card with some child and parent auto-layout frames.

With auto-layout buttons can resize with their text, lists can rearrange themselves when items are moved around, and elements can be nested to create complex interfaces that respond to their content.

I also duplicated the cards to create a horizontal scroll effect for a prototyped version of how multiple cards can be implemented together.

in UI

Minimalistic Portfolio UI Design

[ My vision with the blob surrounding my name would be moving if developed using three.js/some other code ]

in PottedJungleTO

I did some adjustments with the font combination that was selected by Potted Jungle. Going to continue to finalize small details, and then try vectorizing this logo.

in Visual Art/Design 2

I just realized I've been designing every day for 465 days… 🤯

in UI

Prompt: Product Customization - Design something related to customizing a product. It could be a custom t-shirt, shoes, etc

Today I designed a single mobile screen of what it might look like to customize Jordan 1's. I focused on grouping my assets and creating components.

*I need to remember to name my design components whether its a button or a shape. This helps to keep things organized when designing various design elements.

Currently listening to this playlist

in UI

A simple rounded card that I designed today.
Focus points for my next UI designs:
- work on grouping/creating components for assets
- build + follow my own design system
- practice auto layout

in UI

Not feeling well today. All I could do was this simple form.

in UI

Experimenting with a plugin on Figma today called Redlines. It allows you to quickly measure and plot dimensions of any selected objects.

in PottedJungleTO

I got some super positive feedback on the logo designs! They love the layout of the leaves in the third triangle and the font combination in the second triangle.

They have requested that I use the font combination in the second triangle with the addition of the monster leave at the end in the third font combination. 🤩💚🌿

in PottedJungleTO

Experimented with some more designs today

in UI

Prompt: Design a file upload element. Is it the loading screen and icon? A progress element?

I designed a drag and drop file upload element. I like the progress bar upload element because it shows users which files are being uploaded and the progress of upload completion.

Not sure how I feel about the dotted/dashed stroke element. Something I was experimenting with rather than using a simple stroke for the border.

in PottedJungleTO

Adding some more details + plants to fill in white spaces

in PottedJungleTO

Liking the addition of the golden leaves, gives the design more contrast

in PottedJungleTO

First iteration of the logo design. Working on drawing the leaves in Procreate. Need to continue making it look fuller. Not sure how I feel about the sizes and placement of the leaves. I will keep experimenting.

Artist: Ice Cube

Artist: 2Pac

Artist: J Cole

Artist: Mick Jenkins

Artist: Kendrick Lamar

Sharing some collages I made inspired by some black artists and their songs that reflect current issues such as racism. Sharing these on my Instagram as well.

These were designed in collab with @trixthekid

Songs on the All-Amerikkkan Bada$$ (album) have been really uplifting and inspirational during these difficult times.

Artist: Joey Bada$$

in UI

Prompt: Design something related to pricing.

Today I designed a pricing table. This pricing model concept can be used across any business trying to sell a digital product, software, subscription, etc.

in PottedJungleTO

Update: It's taking me a really long time to put together the leaves with the effect. I think it might be hard to achieve this kind of look by vectorizing each leaf individually.

I'm going to quickly try drawing out the entire logo on my iPad and image tracing that. There will def be lots of paths but I'm going to see what happens…

in PottedJungleTO

The second approach:

I vectorized my leaf drawing in Illustrator and brought it into Figma. (this can be done on Illustrator too). To achieve the watercolor/texturized look I added the effect as a separate white later on top of the leaf.

The leaf on the left has an opacity of 50% of the image, and the leaf on the right has an opacity of 100%. This gives me some room to increase or decrease the harshness of the effect applied on the leaf.

I think I am going to go for the second approach. This will allow the clients to view the leaves with and without the effect and to what degree they would like the effect to show. With the first method, the texturized effect and the leaf itself are vectorized, so it would be difficult to alter or make any changes. This would result in me to manually adjust each path.

in PottedJungleTO

I started working on the logo design again today. Before I start designing I'm trying to experiment with how I'm going to achieve the watercolor effect with a vectorized logo.

There are two solutions. The first solution is to add the watercolor effect onto the leaf and do an image trace of the entire leaf in Illustrator. However, this resulted in the leaf to have millions of paths. Not sure if this would be the most effective method in terms of the logo design.

On the right of the image, you can see there are so many paths, but it was able to vectorize the watercolor effect as a whole which is great!

in UI

Today I redesigned the UI of ZARA'S landing page ✨

in UI

Prompt: Design a Contact Us page or form.

in UI

Prompt: Dropdown
I tried to redesign Twitter's dropdown menu for a tweet.

in UI

Experimented with some neumorphism UI design today

in UI

A simple yoga studio UI for a desktop view. This is all I felt like making today.

in PottedJungleTO

Picking out some fonts I like for the word "Potted". Going to try combining it with the ones I chose for jungle and see which pairs look the best together.

in PottedJungleTO

Vectorized some of my fonts and brought it into Figma!! This is getting me excited and I'm thinking about making my own font/typography one day 🤩

in PottedJungleTO

Hand written fonts/lettering by me

🖌Tool: Procreate

in PottedJungleTO

Testing out some fonts in Figma for the word 'Jungle'

in PottedJungleTO

Got positive feedback on Mood Board no.2

Next Steps:
- work on title
- start designing leaves to surround the logo

in UI

Prompt: Subscribe Form

I used the @blushdesignapp plugin on Figma for these beautiful illustrations of astronauts, and some illustrations by @unDraw_co. ✨🌍 #dailyui

in Visual Art/Design 2

Nike Air Force 1 Sage Low Particle Beige - love this color palette

in UI

Minimal UI Design landing page concept for a Branding/Creative Studio company #dailyui

Tame Impala design for a client! #tameimpala #design #procreate #illustrations

in PottedJungleTO

Since I am going to have to vectorize the logo I am designing, thinking about how I am going to vectorize the watercolor effect they want on their plants.

I can easily achieve the watercolor logo in a png format, but vectorizing that might be difficult.

Going to experiment vectorizing a watercolor plant.

Method 👇🏽
Draw leaf in Procreate > Create a washed-out white watercolor effect and export as an image > Vectorize plant image in Illustrator > Export SVG into Figma > add watercolor effect as a separate layer on the plant (png format).

in PottedJungleTO

Moodboard no. 2
Complied logos/designs that fit the feel/brand image PottedJungle is trying to achieve.

in PottedJungleTO

Feedback on my mood board/rough designs ✨:
- They love the designs
- PottedJungle initially wanted a simple logo like the ones I created, but after further consideration they want a fuller and more wild look to match the brand name (PottedJungle)
- Image attached in this output is the kind of design they are looking for
- Specific flowers they want me to include in the logo: monster, rubber plant leaves, bird of paradise leaf

in UI

Prompt: Boarding Pass
Wishing I could travel right now… #dailyui

in PottedJungleTO

Rough logo designs I drew using Procreate. I sent this file to PottedJungleTO to receive some feedback before I start designing the vectorized logo.

in UI

Prompt: Onboarding. Design something onboarding related.

Today I designed an onboarding user journey for a business that sells plants. Many small businesses are currently selling plants online via Instagram and Facebook. This is a UI design that can be used for their mobile app/website if they are looking to expand.

I spent a lot of time on this one. I practiced designing buttons, cards, a search bar, some icons and more.

in PottedJungleTO

PottedJungleTO's current logo on their social media platforms.

in PottedJungleTO

I start most of my design thinking with a mood board. I started searching for different plant logos that are already existing. I compiled images that I thought were visually appealing and created a collage.

I am going to use this as inspiration for PottedJungleTO's logo design.

in PottedJungleTO

PottedJungleTO is a Toronto based company that sells plants. I reached out to them via Instagram sharing my plant designs with them that I've been working on recently. They really admired my work and asked me to design a logo for them.

I will be sharing my design process on this journal.

in UI

Prompt: Search - Design something search-related. It could be a search bar, an advanced search window, a search function, etc.

I designed a search bar this morning inspired by Ye's unreleased album #Yandhi and #Jesus is King.

in Visual Art/Design 2

simple line work of a leaf, and some art-like shading on a monstera leaf 🌱

in UI

Online Store (Art Prints) Concept
Today I designed the UI of what an online store might look like that is selling art prints/any product. I took one of the visual art designs that I made today and incorporated it into the design. I really like this design, might even use this style/approach when designing a store for my prints in the future.

in UI

Just some simple button UI designs for today - all I could achieve today.

in Visual Art/Design 2

I’ve been really into drawing and painting plants recently. I’m also really digging the neutral toned colour pallet. Would love to have this print in my room…

yesterday's watercolor painting

some watercolor painting

in UI

Redesigned a countdown timer because I was unhappy with the previous countdown timer I designed. This UI concept can be used for the launch of any product, sales, discounts and more. Kept the design minimal.

in UI

Prompt DailyUI: Location Tracker 📍
Designed this in Figma using the Mapsicle Plugin. It's a great plugin that lets you embed a map into your design based on any address/location.

in Visual Art/Design 2

Thinking of continuing this plant series.

Doing a series of illustrations/designs in a similar style is always enjoyable for me. It gives me a chance to make more of what I love.

in UI

Prompt: Design a Leaderboard
Inspired by Billboard's 'Top 5' Charts #dailyui #billboard

in three.js

Trying to figure out how to create a SkyBox using Three.js, but it doesn't seem to be working out.

I tried adding the OrbiterControls.js open-source library and also used the open-source code to create this 3D world. Nothing rendered for me. Going to have to try tackling this again. 😔

in UI

Prompt: Analytics

Today I designed a Sleep Visualizer UI with some sleeping analytics. I adopted a Neumorphism design for the two screens. This was definitely a fun exercise and I’m happy with the outcome. #dailyui

in UI

Prompt: Design a Pop-up/Overlay
Today I designed the UI of what a discount pop-up may look like on an e-commerce site.

I spent some time today browsing multiple websites and stores to buy plants, this is what inspired my design for today. Happy with the outcome 🌱

in Visual Art/Design 2

Rescued one of my cactuses today so I decided to illustrate it too 🌱

in UI

Prompt: On/Off Switch
Experimented with a Neuomorphism design trend today.

Neomorphism: Components have a dark box-shadow on the bottom and a light box-shadow on top. The combination of both creates the effect of the elements pushing themselves through your display.

in UI
in UI

Prompt: Countdown Timer

I tried to use the smart animate feature in Figma to change the numbers for the countdown. The moving plants are a gif I designed in Procreate. Not really happy with the outcome.

I might redo this prompt today and design a countdown timer for a mobile/desktop.

in UI

Prompt: E-Commerce Shop (Single Item)

in UI

DailyUI Prompt: Design a Flash Message with both the outcome for an error and success.

Designed this in Figma.

in UI

A quick UI mockup I made using the @blushdesignapp plugin in Figma @pablostanley, inspired by Susana Ortiz’s illustration system of pots and plants!!!

in UI

simple splash page ui

in UI

I have been having a migraine all day. This is all I could do today.

in "Doooodles"

List of realizations I’ve had and want to remember post-COVID. Writing workshop exercise inspired by @rupikaur_

in three.js

Three.js a bunch of materials you can use. Testing out one called MeshNormalMaterial with this code:

THREE.MeshNormalMaterial( { color: 0x000000 } );

It meshes together all RGB colors to make a nice gradient.

in three.js

Lol a basic rotating cube

in three.js

Making some notes on what attributes are needed for a THREE.PerspectiveCamera

in three.js

Reading documentation of three.js - How to create a simple scene

in UI

Prompt: Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.

-------

Simple prototyping to showcase how the share button would be used.

in UI

Prompt: Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.

------------

For today's prompt, I designed a social share button for a user reading an article on a mobile view. This type of UI design can be used on any platform's blog. The article design is inspired by something I learned how to do yesterday. 👇🏽

-------------

Yesterday I came across an article on Dribbble that turned out to be super useful for me. In the past, I used Adobe Illustrator a lot but found better tools for designing, such as Figma.

This article was super useful because it explains how to generate a color palette between two colors using the "Blend Tool" on Illustrator.

I haven't found any tools that generate a robust color palette by selecting your own colors. I definitely think I'm going to be using this feature often.

in UI

1 of the 3 contact cards I remixed!

in UI

Today I am not doing my Daily UI Prompt since I didn't have time to complete it. Instead, I remixed a contact card from someone in the Figma Community this morning.

in Blush Design App

My illustration pack "Basic Apparel" for blush.design is complete. Demo for this will be live on blush.design in a few weeks.

Basic Apparel - Mix and match illustrations of humans using the “Basic Apparel” pack. You can combine hair, clothes, poses, and backgrounds. This pack is perfect for any professional or personal project use.

Creating a modular design system in Figma was super fun, and I want to continue to make more.

I am super grateful to have received this opportunity from @pablostanley, one of my favourite designers!

in UI

DailyUI009
Design a music player. Also, consider the device type that's playing the music. A dashboard in a tour bus, a smartwatch, or via a web browser. Each device type will have different requirements, features, and restrictions to consider.

Designed a quick mockup for an apple watch.

in UI

DailyUI008

Prompt: Design a 404 page. I wanted to design something bold and fun because a 404 page is something that people land on often.

I looked at some 404 pages on Dribbble and many were space-themed, so I decided to go for this type of design. This 404 would only work for some brands/websites as it may not align with the branding guideline.

Thinking of making another 404 page that is more minimal and can be used by many brands/businesses.

The astronaut was designed using Procreate and the rest of the assets were created in Figma.

in UI

DailyUI007
Prompt: Settings (Design settings for something). Using my daily prompts only during the week. On the weekend my concepts will be a random UI design.

Using a Figma plugin I designed a mobile screen that displays settings for 'General' and 'Security and Privacy".

in Blush Design App

Designed some plants and lightbulbs for these two characters

in Blush Design App

Creating some background/scenes for users to play around with.

in UI

006 Menu screen concept

in Blush Design App

More progress for the illustration kit to be done tom.

in UI

Simple wireframe of a mobile screen. I would use this screen as part of my user's onboarding journey to display, an image, some text, and a next button.

in UI

https://www.dailyui.co/
DailyUI is the website I use to receive prompts every day to design a new user-interface. Although, DailyUI does not send prompts on the weekend.

in Blush Design App

Next steps:
- create background and scenes for the characters
- facial hair?
- more accessories
- finish illustration kit by May 7th, 2019

in UI

DailyUI005
How the app icon would look alongside other apps. Used a Figma plugin to design this layout.

in UI

DailyUI005
Prompt: App Icon
Notetaker was the name of an app idea I had a while ago. The app would be able to record your voice and transcribe every word into text. This tool would be used by teachers/students in classrooms.

Pain points:
- teachers speak to fast during lectures
- inability to retain information
- too much work to write down notes manually or type while someone is speaking

in UI

DailyUI004: Calculator

Feeling tired today, just put this together. Not too crazy about the prompt provided by DailyUI for today.

in Blush Design App

Testing the modular illustration kit. It's coming along!!!

in Blush Design App

Designing some seats/stool components for my humans to sit on! I tried to incorporate some diversity by creating a wheelchair for those with accessibility needs.

Going to incorporate these seats into my future backgrounds soon

in UI

DailyUI003: Landing Page for CB2 Redesign

in UI

DailyUI003: Landing Page - consider important landing page elements (call-to-actions, clarity, etc.)

This is the current landing page for CB2. They don't really have a welcoming page, rather a landing page that showcases their products right away.

The services they offer get hidden in between their content and products. CB2 provides users with a service where they can redesign their rooms with a virtual room design using AR.

in Blush Design App

Next Steps:
- finish full-body clothing
- design stools/seats so the lower parts of the characters can rest on an object
- design some backgrounds and settings

in Blush Design App

I am experimenting with creating full-body clothes such as overalls and dresses. At first, I put the overalls on the upper body set and attached legs to it, but this was not the right way to do it.

Pablo advised me to create another master for just full-body clothing. As a result, it does not get mixed up with the upper/lower set.

in Blush Design App

After staring at a bunch of colors for a very long time they all start to seem the same…

https://coolors.co: a tool that generates color schemes super fast. This tool really help me put together a palette that I was pleased with.

in Blush Design App

Struggling to build a finalized color palette that includes skin colors, hair colors, and clothing color.

Using procreate to help me pair analogous and split complementary colors together using the color wheel.

in UI

Left aligned contents this morning making the screen look more organized. I also moved contents over to the center slightly.

in UI

DailyUI002: Credit card checkout form/page
Redesign of Nike's current checkout/payment interface.

Not the happiest with this redesign, but I wanted to output this before 12. The page doesn't seem quite balanced and isn't using the white space effectively.

Too much white space in the middle is distracting. I might work on redesigning this again in my spare time.

in UI

DailyUI Prompt 002: Design a credit card checkout form or page. Don't forget the important elements such as the numbers, dates, security numbers, etc.

My goal for this UI design what to redesign the payment/checkout section of Nike's website.

Need to explore these two areas more to get a better understanding of what assets make an intuitive and seamless web checkout experience.

in Blush Design App

Top & bottom components are almost done. Spent 4+ hours completing the bottoms and tops.

Also started creating some full-body clothing components(overalls, dresses).

in Blush Design App

Standing + sitting poses for my character designs.

in Blush Design App

Creating more bottoms. I'm planning to create some seats for these humans to sit on.

Also contemplating changing the color of the clothing to be more vibrant.

in UI

The image on the left: inspiration
The image on the right: Current sign-up page of Vans.

I tried to make my redesign more clear and concise. I feel that my redesign emphasizes the brand more with the use of a bright-colored image of their product. This will catch users' attention and will make them want to sign up.

in UI

Thinking of starting a #dailyUI challenge to continue practicing my user-interface design skills. Not sure how long I can keep up the streak for. Today I redesigned the sign-up page for @vans_66.

Today's prompt: Create a signup page, modal, form, or app screen related to signing up for something. It could be for a volunteer event, contest registration, a giveaway, or anything you can imagine.

While I was scrolling on Dribbble I came across a UI design and tried to incorporate it into my redesign. In my next output, I will post my inspiration and the current sign up page for Vans.

in Blush Design App

Custom character position I designed using the Pose App. This helped me conceptualize where the foreground is in relation to the foot in the front.

in Blush Design App

I made my first sitting position. Super happy with it!

in Blush Design App

Doing some testing today of all my components (hairstyles, tops, and bottoms). Going to start working on making 5 more bottoms with a sitting position to have some variety and more tops.

in Blush Design App

Problem: Components weren't fitting together perfectly because elements were not aligning in the same X and Y-axis. Specifically, the neck and waist needs to be aligned in the same plane.

Using a rectangle as a guide to help me figure out where I need to move the neck and waist so all the elements fit together perfectly.

in Blush Design App

The current issue I am having and the technical aspects I am missing to ensure the system works together.

Although the clothing seems to align with one another because I have manually moved all the components to fit. After Pablo's review session from my first iteration, he advised that I ensure important components such as the neck and waist are aligned in the same X and Y plane. In Figma when I tried replacing different tops on a human, they kept shifting to a different axis.

I also forgot to include body parts to my clothing components. For example, each top must be grouped in a component with the upper body on Figma. This is the only way a modular system can work.

Feedback from Pablo
- The Hairstyle components need to have the head/face too. They're the Head component.
- The Upper Body components should have the rest of the body, not just the clothes.
- The Lower Body components should have the rest of the legs and feet, not just the clothes.
- Decide where you want to put the neck. The head or the upper body?
- The positions of the neck and waist have to be the same. This is crucial since this helps make all the pieces fit together.

in Blush Design App

Iteration 1 complete including 5 tops and 5 bottom components.

Throughout this process, I switched my technique of creating clothes. Instead of creating in Procreate, I started building clothing using the Pen Tool and using basic shapes in Figma. I found it to be a much easier process.

Designing clothes in Figma eliminated the step of converting files and components from raster to vector. In Figma, I was easily able to create a variety of clothing (used ellipses, rectangles, and the pen tool to create curves).

in Blush Design App

Experimenting with different hair components. I also adjusted the paths of my clothing components so it would be straight rather than wavy, making it easier to fit with bottoms.

in Blush Design App

I made these humans using the Pose App template as a guideline to design my components over. Some feedback I received from Pablo is that the human on the left isn't an accurate representation of how humans actually walk
In the left human, the feet are sort of floating in the air and are not aligned to the ground.

I wanted to make it seem like the character is walking, so Pablo helped me to ensure that one of the feet of the character is flat, and one is lifted off the ground.

in Blush Design App

I started drawing some more clothing components in Procreate. Later, I brought the file to Figma and adjusted components ensuring they fit and are aligned with my character.

The feedback I received from Pablo:
- See how things are organized
- How the elements are cut, so they all fit together
- How Master components are put together with the pieces (you only need some masters, not everything needs to be a master)

I had to iterate and fix my tops for clothing so they are all cut straight, being able to fit with the bottoms easily.

in Blush Design App

Using procreate to draw components like hair was convenient. I was able to create a diverse amount of components for hairstyles (long, short wavy, curly, buzz, bun, long with bun, etc.)

Technical component:
Export PSD file from Procreate into Illustrator > Image trace + ignore white in Illustrator, then expand. This method allows all layers to expand into separate components and become their own vectorized layer.

in Blush Design App

I started designing my first character with separate layers in Procreate. When drawing on procreate all illustrations and drawings are raster images. For this project, all components need to be vectorized.

The technical process I was using: Procreate > Illustrator (to vectorize all layers) > Figma to build components.

I realized that you cannot image trace/convert layers to vector in Illustrator unless all layers are black. I spent many hours drawing on procreate with colors, only to realize I have to make them black again. This was very time consuming and tedious.

For this project, I wanted to add shadows and textures on my clothing, but it was too difficult to image trace and vectorize those little details in Illustrator.

in Blush Design App

The pose I chose for my walking avatar to start with

in Blush Design App

Recommended by Pablo, I used the Pose App - a web app to create character poses. The app lets you export pngs that can later be used as a guideline to design the human.

The Pose App is an interesting tool that lets you create custom positions/poses by rotating different body parts, adjusting height, angles, and more.

in Blush Design App

Before designing things to keep in mind
1. Modular System:
- All components (shirts, bottoms, body parts) can be combined without any problems. Everything has to fit like lego.
- The pieces must be anchored in the same X and Y positions. (the neck and waist has to always in the same place since it is where the head and body connect).
- Create separate pieces so people can edit them. Arms(L/R), Legs (L/R), torso, head, neck, etc.
2. Gender-Neutral
- Loose clothing
- Bodies with simple figures
- Optional: focus on groups like LGBTQ, Latino culture, people with different abilities, and more.
3. Use a restrained color palette, so they can be easily changed.
4. Make sure all the elements are in different layers.

Components to draw: head/hairstyles (long, short, bob, buzz, ponytail, curly, bangs, etc, accessories, upper body variations, low body variations, sitting poses, facial hair, backgrounds.

in Blush Design App

I've really been admiring pastels, soft colors, and nudes lately. Put together some shades I might incorporate into the clothing of my character illustrations.

Images are from Pinterest.

in Blush Design App

As a feature artist for Blush, my first step to creating an Illustration pack for Blush is to curate a mood board with images of the kind of style I am going to be approaching.

I gathered a bunch of images from Pinterest and Dribbble of humans walking/doing some kind of movement. Two of the illustrations in the mood board are designs I have made in the past of characters walking. I want to design my characters so they are looking to the side/ in a walking pose.

My idea for this illustration is to depict themes such as diversity, minimalism, and fashion.

in Blush Design App

Pablo Stanley is one of my favorite designers and illustrators. I admire his open-source illustration kits available on the internet for individuals to use. Currently, Pablo is working on developing a web app called "Blush", where users can download illustrations for personal use.

"Blush is a plugin that brings illustrations for everyone. Our vision is to connect illustrators and other creators, offering a breadth of options in style and composition that can quickly adapt to a brand and context."

Pablo has hired various Illustrators to create illustrations for Blush. On April 22, 2019, I reached out to him via Twitter to see if I could provide him with value in any way possible. Following this, he hired me to create an illustration pack for Blush.

The first step to creating an illustration kit was creating a Moodboard for the types of designs I want to create. Pablo had already sent him his Moodboard and what his visions are for this project.

in Visual Art/Design 2

Been a stressful week for me. Being at home everyday since school ended can be exhausting and draining for me, since I still haven’t found a routine that is best for me. Sometimes throughout the day the only thing that gets me through is the thought of just going to sleep at night again, peacefully.

hope I can get back into my groove soon

in Visual Art/Design 2

After Hours Inspired Artwork ❤️🖤
⁣⁣⁣
I spent two days designing this piece of art on my IPad, and I love how it turned out!⁣⁣⁣ ⁣⁣⁣

I've also uploaded this design on my Redbubble account, where merch inspired by this artwork can be purchased.
⁣⁣⁣
Sticker: https://www.redbubble.com/i/sticker/After-Hours-Sticker-by-taniasharma/46917659.O9UDB?asc=u ⁣⁣⁣
⁣⁣⁣
Pin📌: https://www.redbubble.com/i/pin/The-Weeknd-After-Hours-Inspired-Merch-by-taniasharma/46917824.NP9QY⁣

in UI

Users can view the different types of "City Bikes" on this screen.

in UI

Users can see the different types of bike categories on this screen

in UI

Onboarding Screen

in UI

Bike Rental Concept UI using @pablostanley's "Open Peeps" illustration library.

in UI

Bike Rental Concept App
1. Using Pablo Stanley's "Open Peeps" free illustration library
2. Trying to create an e-commerce onboarding experience
3. Still playing around with the layout of how users would be able to select what category of bikes they are interested in

in "Doooodles"

Time-lapse of "Doodles".

in "Doooodles"

Doodles inspired by Pablo Stanley.

in UI

Final Screen 2

in UI

Screen 1

in UI

Final music concept UI design, inspired by Apple Music's UI and The Weeknd's album "After Hours.

1. Used a template kit to guide me with the design
2. Tried to adopt Apple Music's UI, by using dark mode, using coral/red on icons and fonts and more.
3. It was fun creating an interface similar to an app I use daily, might do more of this.

in UI

This is the original UI music template in the Figma freebie kit I downloaded. Used this as a guide to help me develop my music concept app, inspired by Apple's UI.

in UI
in UI

Music Concept UI - a concept of The Weeknd's new album "After Hours".

1. I downloaded some Figma Freebie Kits today that include a collection of design resources.

2. The kit came with some music app templates, so I am currently trying to explore what I can do with it

3. Trying to follow Apple's UI design by using dark mode, coral/red colored icons/fonts and more.

in UI

Screen 2

in UI

Screen 1

in UI

COVID-19 concept app design

1. Designed most of the illustrations myself, a few are from an open-source library
2. Used split complementary colors for the UI
3. Also played around with a free Figma UI kit for iOS

in UI

COVID-19 concept app

in UI

Screens against a white background. The original design is much cleaner and ADA compliant. This might have a few accessibility issues, but overall the colors are more pleasing.

in UI

Experimented with a more relaxing color palette against a black frame background

in UI

Added color, but this really hurts my eyes.

in UI

Spent more time playing around with the functionality and features of this screen

in UI

Yoga app concept design: 3 screens completed

1. I will experiment with different colors for the design, rather than just shades of black and white. Current yoga apps in the market are very bright and colorful.

2. Used an 8 grid spacing technique for some of the layout

in UI

Added some more screens and playing around with the layout. I am using Figma to design my mockups and it is very intuitive and easy to build mockups.

in UI

Fitness UI Mockups

1. Logo design done by me using the Procreate App
2. Playing around with some linear gradients in for the mobile background using whites, greys, and blacks.
3. Not sure how I feel about the addition of the dot grid, might keep it or leave it for the final mockup
4. Color contrast for the illustrations might have to change to make it visually pleasing to the eyes
5. Font colors are ADA compliant

in UI

Interface mockup designed using various resources.

in Visual Art/Design

On March 3rd, 2019 I joined Futureland, which was one of the best decisions. All of this was because @internetVin convinced me to start a high-frequency output on this platform. Using Futureland as a tool in my everyday life has made me become a better visual artist and designer.⁣

As a visual artist/designer creating something every day for 365 days, I would never know what to create. In the beginning stages, I often looked at existing art and tried to alter them to make them my own, only to realize that this process was ineffective because I wasn’t really learning much and I was copying other art. With my outputs now, I use real photographic images as inspiration and trace over parts I want to include in my output. But altogether, I have become better at drawing and my productivity/speed has increased.⁣

Not knowing what to create and in what style often caused anxiety for me. I would always get stuck/and still feel unsure on how to determine my style. By making art every day, I came across many visual artists and read their stories. It is common for visual artists to not develop their styles early on and rather develop it after several years of making art/designs. To ease the process of “finding my style” I would use the same techniques, brushes, and color pallets often. ⁣

In creating something every day, Procreate was my best friend. You can do so much with this tool and I will probably never stop using it. At first, I would spend around 20-40 minutes creating something, and on other days I would spend 2-3 hours creating some of my designs. ⁣

By sharing my work online to the public every single day, I have become more confident in what I do. Doing an everyday project led me to some amazing opportunities like creating my own Redbubble store online where people from all around the world have been buying my art. I’ve also been selling prints to my peers, and I have started to put my designs/art on t-shirts. It is an amazing feeling to see what you have created on a screen, evolving into something physical, and this is just the beginning for me. ⁣

Thank you to everyone who has supported me along my creative journey ✨ -T.

in Visual Art/Design

Faces. Submission for a school art gallery LED display wall. (Very long video wall)

in Animation

Hustle neon light sign

in Animation

Goal is to animate this boat across the water

in Animation

Interested in exploring my creative abilities with animation/gif making.

📱App’s used: Procreate & iMovie

in Visual Art/Design

Series 3: “space is the place” [2/10]

Product design type illustration.

in Visual Art/Design

Series 3: “space is the place” [1/10]

Trying out an animation style visual art series. I will be using bright colours, space themed objects, and different textures for this following series.

I am interested in learning more about this animation style, as I feel like it can be applied on web designs that are either space themed or involve the use of space themed icons.

in Visual Art/Design

Series 2: landmarks [9/10]

Using Futureland's new functionality today, this is great!

in Visual Art/Design

Series 2: Landmarks [2/10]

Need to work on my hfo during the day tomorrow giving my self more time to think of a creative way to display landmarks. This is very simple. I like the texturized paper look.

in Visual Art/Design

Series 1: Pop Art [5/10]

After doing some research about pop art it seems the style of pop art (portraits) I have been doing for the past few days are inspired by Roy Lichtenstein. Roy was famous for his bright and bold paintings of comic strips and everyday objects. He also used Ben-Day dots; a system to increase tonal range in commercial printing using a dot screen method.

On the other hand, Andy Warhol specifically focused on everyday objects such as soup cans or cardboard boxes and made it into an icon. He would also use images of famous people (e.g., Shot Marilyns).

For my outputs, I think I will continue to focus on adopting Roy Lichtensteins style with bright colours and the use of dots. I will also try to depict distressed women as Roy did in his works as well.

in Visual Art/Design

Series 1: Pop Art
[1/10]

80 more outputs until I have reached exactly 365 days of consecutive output.

I often struggle with not knowing what to create for my outputs because I start my output without an end goal in mind. I usually do this by, scrolling on Pinterest to get inspiration and recreating something in my own style or just finding something that sparks a bit of interest in me and drawing it.

This results in a piece of visual art that isn’t very relatable to myself or others who perceive my art. For the next 80 days I am going to adopt a much more structural approach with my daily outputs.

Yesterday I took some time to plan out 8 different series I want to adopt. Each series is a different concept that I am interested in learning how to visually represent. I will also be using new techniques and methods I have not used before.

For today’s output I am focusing on Pop Art. I used vibrant colours and a dotted retro brush tool to give it an Andy Warhol pop art feel.