#uitips Instagram Photos & Videos

uitips - 3.8k posts

Hashtag Popularity

13.5
average comments
456.1
average likes

Latest #uitips Posts

  • What do you think? UI design by @aldypratamak
.
👉 Follow @celladigital for more daily #UI #UX #IXD inspiration! 🖥
Courtesy of @uiuxsupply .
📳 Turn on post notifications❗️ don’t miss curated design and development tips @celladigital
.
📖 Don’t forget to add this post to Saved ❤️
  • What do you think? UI design by @aldypratamak
    .
    👉 Follow @celladigital for more daily #UI #UX #IXD inspiration! 🖥
    Courtesy of @uiuxsupply .
    📳 Turn on post notifications❗️ don’t miss curated design and development tips @celladigital
    .
    📖 Don’t forget to add this post to Saved ❤️

  •  3  1  31 minutes ago
  • Design brief for mobile / web project.
—
Being a designer it’s of a paramount important to get a clear brief on the design project. What we follow at 17Seven is the above format, which gives enough clarity to the designer to plan the execution ahead.
—
Here are the following points which we think a design brief should have - 
1. Client vision and goals
2. User details
3. Competitors info
4. Design style understanding
5. Timelines
—
Let me know if I’ve missed any point which is recommended to have as a part of brief.
—
#designtips #designbrief #clientbrief #uidesign #uxdesign #uidesignbrief #design #userexperiencedesign #saas #17seven #designdoc #uiprojectbrief #uiuxdesign #uitips#uxtips #designsuccess #learndesign #designlearning #branddesign #userinterfacedesign #designcareer
  • Design brief for mobile / web project.

    Being a designer it’s of a paramount important to get a clear brief on the design project. What we follow at 17Seven is the above format, which gives enough clarity to the designer to plan the execution ahead.

    Here are the following points which we think a design brief should have -
    1. Client vision and goals
    2. User details
    3. Competitors info
    4. Design style understanding
    5. Timelines

    Let me know if I’ve missed any point which is recommended to have as a part of brief.

    #designtips #designbrief #clientbrief #uidesign #uxdesign #uidesignbrief #design #userexperiencedesign #saas #17seven #designdoc #uiprojectbrief #uiuxdesign #uitips#uxtips #designsuccess #learndesign #designlearning #branddesign #userinterfacedesign #designcareer

  •  6  0  4 hours ago
  • Use font size, weight and font color to create a hierarchy of text. This will create  better contrast.

Also you can check the previous UI&UX practices in the profile.
Follow @uxbel to not miss out the next one
•
•
•
 #ui#uxui #ux #uxdesign #webdesigntrends #designquiz #webdesign #dailywebdesign #uxuidesign #uxdesigndaily #dailyui #webdesigns #uitips  #uidesignmastery
 #userinterfacedesigning #graphicdesigntips #uxtrends2020 #userexperiencedesign #uxiger #dailyuxchallenge #uxresearch #dailyuichallenge #practicedesigns #techworld #creativeideas #learnuiux #stayathome #protectyourself #coronavid19 #isolation
  • Use font size, weight and font color to create a hierarchy of text. This will create better contrast.

    Also you can check the previous UI&UX practices in the profile.
    Follow @uxbel to not miss out the next one



    #ui #uxui #ux #uxdesign #webdesigntrends #designquiz #webdesign #dailywebdesign #uxuidesign #uxdesigndaily #dailyui #webdesigns #uitips #uidesignmastery
    #userinterfacedesigning #graphicdesigntips #uxtrends2020 #userexperiencedesign #uxiger #dailyuxchallenge #uxresearch #dailyuichallenge #practicedesigns #techworld #creativeideas #learnuiux #stayathome #protectyourself #coronavid19 #isolation

  •  20  0  4 hours ago
  • UI Design tip s for smooth development
By Renee Fleck (Dribbble Community)

Getting hired in digital product design goes beyond having a strong visual portfolio. If you’re just getting started in the field, keep in mind that landing a UI/UX job also means you’ll be expected to work closely and effectively with developers. After all, developers are the ones technically in charge of bringing your designs to life.

One of the main problems I see with new designers is a lack of knowledge in the technical requirements for their design work. If you’re seriously pursuing a career in UI/UX, you need to know how to create designs that developers can easily work with once handed off to them. To help set you up for success in your career, I’d like to share the minimum standards your work will be expected to meet when working with product design teams. Use these ground rules to guide your design process and save both you and your developer colleagues a lot of unnecessary time and effort. .
.
.
@artistbanda.com_
@artistbanda.com_
@artistbanda.com_
@artistbanda.com_
@artistbanda.com_
.
.
.
#UI #UX #Design #Designer #Designers #UIDesigner #UXDesigner #UIRules #UIRulebook #UITips #UITricks #Developer #Development #UI/UX #Android #iOS #AndroidDesign #iOSDesign #ApplicationDesign #AppDesign #UIKit #UIAesthetics #DevelopmentProcess #UIProcess #Designer&Developer #GraohicsDesigner #LogoDesigner #TypeDesign #MotionGraphics #Branding
  • UI Design tip s for smooth development
    By Renee Fleck (Dribbble Community)

    Getting hired in digital product design goes beyond having a strong visual portfolio. If you’re just getting started in the field, keep in mind that landing a UI/UX job also means you’ll be expected to work closely and effectively with developers. After all, developers are the ones technically in charge of bringing your designs to life.

    One of the main problems I see with new designers is a lack of knowledge in the technical requirements for their design work. If you’re seriously pursuing a career in UI/UX, you need to know how to create designs that developers can easily work with once handed off to them. To help set you up for success in your career, I’d like to share the minimum standards your work will be expected to meet when working with product design teams. Use these ground rules to guide your design process and save both you and your developer colleagues a lot of unnecessary time and effort. .
    .
    .
    @artistbanda.com_
    @artistbanda.com_
    @artistbanda.com_
    @artistbanda.com_
    @artistbanda.com_
    .
    .
    .
    #UI #UX #Design #Designer #Designers #UIDesigner #UXDesigner #UIRules #UIRulebook #UITips #UITricks #Developer #Development #UI/UX #Android #iOS #AndroidDesign #iOSDesign #ApplicationDesign #AppDesign #UIKit #UIAesthetics #DevelopmentProcess #UIProcess #Designer&Developer #GraohicsDesigner #LogoDesigner #TypeDesign #MotionGraphics #Branding

  •  23  12  5 hours ago
  • 7 Principles of visual design..
•
Principles are main to get featured with better design..
•
We all use these principles in our design..
•🙂
Where making small difference in design with good structure and economy can make a design awesome..!☺️☺️
•
Make use of this tip and make awesome designs.. 🥰
•
For more updates please do follow ☺️
@ds.kavikarthik •
Please share your thoughts in the comment..!💬
•
•
#ui #ux #userexperience #userinterface #uxigers #interface #designwithdan #uitrends #dribbble #webdesign #dailyinspiration #uidesign #uxdesign #figma #thedesignersleague #sketchapp #dailyuichallenge #uidesigner #uitips #uxtips #designthinking #uxinspiration #uxprocess #designlife #usertesting #invisionstudio #adobexd #designtools
•
•
@kalypsodesigns @uidesignpro @ui.passion @ui__ux @design.bot @ui.webdesign @dailywebdesign @usemuzli @uiux.geeks @uitrends @ui.design.inspiration @ui.hq @design.gems @thedesignfix @simply.cool.interfaces @myinterface @uxchoice @interfacelab @interfacely @uiuxsupply @ui_gradient @uiuxdesigns @ui.designs @uicollections @uidesignpatterns @ultimateuiux
  • 7 Principles of visual design..

    Principles are main to get featured with better design..

    We all use these principles in our design..
    •🙂
    Where making small difference in design with good structure and economy can make a design awesome..!☺️☺️

    Make use of this tip and make awesome designs.. 🥰

    For more updates please do follow ☺️
    @ds.kavikarthik
    Please share your thoughts in the comment..!💬


    #ui #ux #userexperience #userinterface #uxigers #interface #designwithdan #uitrends #dribbble #webdesign #dailyinspiration #uidesign #uxdesign #figma #thedesignersleague #sketchapp #dailyuichallenge #uidesigner #uitips #uxtips #designthinking #uxinspiration #uxprocess #designlife #usertesting #invisionstudio #adobexd #designtools


    @kalypsodesigns @uidesignpro @ui.passion @ui__ux @design.bot @ui.webdesign @dailywebdesign @usemuzli @uiux.geeks @uitrends @ui.design.inspiration @ui.hq @design.gems @thedesignfix @simply.cool.interfaces @myinterface @uxchoice @interfacelab @interfacely @uiuxsupply @ui_gradient @uiuxdesigns @ui.designs @uicollections @uidesignpatterns @ultimateuiux

  •  27  0  6 hours ago
  • How to create a soft UI or Neumorphism in adobe xd.
.
👉 Follow @celladigital for more daily #UI #UX #IXD inspiration! 🖥
Courtesy of @owais.designs .
Part -2
.⠀
Hello friends,
.
Today you will learn how to create soft UI or Neumorphism down or push effect. Some people believe that it is new trend design of 2020. I don't know how far this design trend will go. But here you can learn it.
.
📳 Turn on post notifications❗️ don’t miss curated design and development tips @celladigital
.
📖 Don’t forget to add this post to Saved ❤️
  • How to create a soft UI or Neumorphism in adobe xd.
    .
    👉 Follow @celladigital for more daily #UI #UX #IXD inspiration! 🖥
    Courtesy of @owais.designs .
    Part -2
    .⠀
    Hello friends,
    .
    Today you will learn how to create soft UI or Neumorphism down or push effect. Some people believe that it is new trend design of 2020. I don't know how far this design trend will go. But here you can learn it.
    .
    📳 Turn on post notifications❗️ don’t miss curated design and development tips @celladigital
    .
    📖 Don’t forget to add this post to Saved ❤️

  •  24  1  6 hours ago
  • Absolutely gorgeous design! And the colour palette is eye-warming.⁠⠀
⁠⠀
This app design was created by Moatasem Abbas Kharraz. Check him out: https://dribbble.com/moatasem⁠⠀
⁠⠀
-⁠⠀
Follow @uinspirex for daily UX / UI inspiration and learning content!⁠⠀
-⁠⠀
#ux #ui #uidesign #uiux #webdesigner #uxdesigner #creative #userexperience #userinterface #appdesign #webdesign #darkmode #darktheme #uxtips #uitips #website #app #designinspiration #graphicdesigner #graphicdesignui #visualdesign #uiinspiration #productdesign #uicommunity #dribble #behance #uxdesign
  • Absolutely gorgeous design! And the colour palette is eye-warming.⁠⠀
    ⁠⠀
    This app design was created by Moatasem Abbas Kharraz. Check him out: https://dribbble.com/moatasem⁠⠀
    ⁠⠀
    -⁠⠀
    Follow @uinspirex for daily UX / UI inspiration and learning content!⁠⠀
    -⁠⠀
    #ux #ui #uidesign #uiux #webdesigner #uxdesigner #creative #userexperience #userinterface #appdesign #webdesign #darkmode #darktheme #uxtips #uitips #website #app #designinspiration #graphicdesigner #graphicdesignui #visualdesign #uiinspiration #productdesign #uicommunity #dribble #behance #uxdesign

  •  13  0  7 hours ago
  • Reposted from @bazen.agency Why is typography super important? 🙌
_

Design by @stefan.tosh
_

What is the basic and primary function of a text? Successfully sending of the message.
How can we convey a message if our typography is dysfunctional or over the top?
Therefore, it is important that we carefully choose what we will write as well as the style we will display it in. 💌
_

Most importantly, the text should be readable and approachable. The reader must be motivated to read, instead of trying too hard to understand the message.
_

Every time a designer uses small text with little spacing an UI designer cries. 
Always keep this in mind! Give your text a room to breathe, and your user also.
_

Keep it simple and easy. Don't over-emphasize, use subtle ways to do that.
These are NOT rules, but good practices and recommendations. 
_

What are some common typos you've came across? Do you have any other trick to share with us? Tell us in the comments 👇❤️
.
.
.
.
.
#uidesign #uidesigner #graphicdesigners #designtips #typography #designtypography #typographytips #typo #typographic #typefacedesign #fontstyle #typeface #layoutdesign #designcomposition #designprinciples #negativespace #whitespace #webdesigncompany #designagency #bazenagency #webdesigners #uitips #designsolutions #designthinking #designertalks #gooddesign #designthinkingprocess #thedesigntalks
  • Reposted from @bazen.agency Why is typography super important? 🙌
    _

    Design by @stefan.tosh
    _

    What is the basic and primary function of a text? Successfully sending of the message.
    How can we convey a message if our typography is dysfunctional or over the top?
    Therefore, it is important that we carefully choose what we will write as well as the style we will display it in. 💌
    _

    Most importantly, the text should be readable and approachable. The reader must be motivated to read, instead of trying too hard to understand the message.
    _

    Every time a designer uses small text with little spacing an UI designer cries.
    Always keep this in mind! Give your text a room to breathe, and your user also.
    _

    Keep it simple and easy. Don't over-emphasize, use subtle ways to do that.
    These are NOT rules, but good practices and recommendations.
    _

    What are some common typos you've came across? Do you have any other trick to share with us? Tell us in the comments 👇❤️
    .
    .
    .
    .
    .
    #uidesign #uidesigner #graphicdesigners #designtips #typography #designtypography #typographytips #typo #typographic #typefacedesign #fontstyle #typeface #layoutdesign #designcomposition #designprinciples #negativespace #whitespace #webdesigncompany #designagency #bazenagency #webdesigners #uitips #designsolutions #designthinking #designertalks #gooddesign #designthinkingprocess #thedesigntalks

  •  28  5  7 hours ago
  • 7 Basic elements of visual design...
•
We all know that the only the basic elements can make a good design..
•
But using that elements in a right manner can make a design better..!!
•
The elements of visual design are
1️⃣. Line
2️⃣. Shape
3️⃣. Space
4️⃣. Size
5️⃣. Texture
6️⃣. Value
7️⃣. Colour
•
Use this elements in a right way to make a awesome design..
•
We can see how this elements bring together to form a design awesome in upcomming post...
•
Let's learn together..!
•
Share your thoughts in comment..!
•
•
#uidesignpatterns #ui #dribbble #ux #graphicdesignuiweb #designmeme #uidesign #userinterface #minimal #interface #appdesign #digital #design #webdesign #graphic #graphicdesignui #inspiration #graphicdesign #creative #webdesign #userexperience #uxdesign #designinspiration #dribbblers #dailyinspiration #uitrends #uxdesign #uxtips #uitips #designtools
•
•
@kalypsodesigns @uidesignpro @ui.passion @ui__ux @design.bot @ui.webdesign @dailywebdesign @usemuzli @uiux.geeks @uitrends @ui.design.inspiration @ui.hq @design.gems @thedesignfix @simply.cool.interfaces @myinterface @uxchoice @interfacelab @interfacely @uiuxsupply @ui_gradient @uiuxdesigns @ui.designs @uicollections @uidesignpatterns @ultimateuiux
  • 7 Basic elements of visual design...

    We all know that the only the basic elements can make a good design..

    But using that elements in a right manner can make a design better..!!

    The elements of visual design are
    1️⃣. Line
    2️⃣. Shape
    3️⃣. Space
    4️⃣. Size
    5️⃣. Texture
    6️⃣. Value
    7️⃣. Colour

    Use this elements in a right way to make a awesome design..

    We can see how this elements bring together to form a design awesome in upcomming post...

    Let's learn together..!

    Share your thoughts in comment..!


    #uidesignpatterns #ui #dribbble #ux #graphicdesignuiweb #designmeme #uidesign #userinterface #minimal #interface #appdesign #digital #design #webdesign #graphic #graphicdesignui #inspiration #graphicdesign #creative #webdesign #userexperience #uxdesign #designinspiration #dribbblers #dailyinspiration #uitrends #uxdesign #uxtips #uitips #designtools


    @kalypsodesigns @uidesignpro @ui.passion @ui__ux @design.bot @ui.webdesign @dailywebdesign @usemuzli @uiux.geeks @uitrends @ui.design.inspiration @ui.hq @design.gems @thedesignfix @simply.cool.interfaces @myinterface @uxchoice @interfacelab @interfacely @uiuxsupply @ui_gradient @uiuxdesigns @ui.designs @uicollections @uidesignpatterns @ultimateuiux

  •  23  0  10 hours ago
  • Do you want to know how to make cool graph shades in UI Design?

I came up with this post about the how to make cool graph shades.

I hope you like it. Let me know your thoughts in the comments!
Double tap to like 💓 
Follow me: @ui_champ —————————————————
#uidesignbasics #designtipsandtricks #uisupply #interfacely #uigradient #uxgoodies #dailyux #uiuxmobile #uidesigninspiration #uitips #uxuidesigner #uxuinspiration #uxuimastery #uiuxindia #adobexddesigner #coolgraphics #instagramcarousel #graphicdesigntutorial #graphdesign #graphicdesignerindia #xdtips #adobexdtutorial #designtutorial #ui__ux #uibucket #uidesignpatterns #appdesigner #designadvice #uidesigners #purrwebdesign
  • Do you want to know how to make cool graph shades in UI Design?

    I came up with this post about the how to make cool graph shades.

    I hope you like it. Let me know your thoughts in the comments!
    Double tap to like 💓
    Follow me: @ui_champ —————————————————
    #uidesignbasics #designtipsandtricks #uisupply #interfacely #uigradient #uxgoodies #dailyux #uiuxmobile #uidesigninspiration #uitips #uxuidesigner #uxuinspiration #uxuimastery #uiuxindia #adobexddesigner #coolgraphics #instagramcarousel #graphicdesigntutorial #graphdesign #graphicdesignerindia #xdtips #adobexdtutorial #designtutorial #ui__ux #uibucket #uidesignpatterns #appdesigner #designadvice #uidesigners #purrwebdesign

  •  121  4  15 hours ago
  • What's your opinion guys? Via @jordanslon on Twitter
.
👉 Follow @celladigital for more daily #UI #UX #IXD inspiration! 🖥
Courtesy of @uiuxsupply .
📳 Turn on post notifications❗️ don’t miss curated design and development tips @celladigital
.
📖 Don’t forget to add this post to Saved ❤️
  • What's your opinion guys? Via @jordanslon on Twitter
    .
    👉 Follow @celladigital for more daily #UI #UX #IXD inspiration! 🖥
    Courtesy of @uiuxsupply .
    📳 Turn on post notifications❗️ don’t miss curated design and development tips @celladigital
    .
    📖 Don’t forget to add this post to Saved ❤️

  •  264  38  8 April, 2020

Top #uitips Posts

  • 🗯 7 Fancy UI terms you need to know as a designer or developer!⁣
⁣
We wouldn't have been designers if we didn't have our own jargon. There are a lot of UI terms you may never heard about before. ⁣
⁣
It's important to know the language of design. It will help you in communication with developers  and other designers. ⁣
⁣
Of course, some of the terms are super fancy. But still you have to know where others talk about when they use them.⁣
⁣
Have you ever heard about the next 7 terms? ⁣ - Snackbars⁣ - Chips⁣ - Defect⁣ - Backdrop⁣ - Stepper⁣ - Shimmer⁣ - Drawer⁣
⁣
Let me explain! Swipe! Do you know more fancy UI terms? Let me know in the comments below!⁣
⁣
--⁣
I hope this post will help you in your journey. You can follow me for more educational- & inspirational content. Enjoy and share your thoughts in the comments! 💯⁣
--⁣
⁣
#mikevdijsseldesign #uiterms #uitips #designterms #designlanguage #digitalproductdesign #designtutorial #uxdaily #uidaily #uxtrends #uidesigners #designtools #uxd #uxuidesign #designcommunity #uxresearch #usability #uxdesignmastery #uxinspiration #sketchapp #uiinspiration #uxigers #designtips #uxui #designprocess #userinterface #userexperience #uxdesign #uidesig⁣
⁣
--⁣
👉 For more content like this, check my profile: @mikevdijssel⁣
--⁣
⁣
@ui_gradient @designspective @ultimateuiux @uibucket @pix.ux @ux_trends @uxuistack @uiuxdesigns @uitrends @dailywebdesign @uiuxsupply @uxchoice  @ui__ux @design.gems @uxbrainy @ultimateuiux @uibysherms @ui.insomniac
  • 🗯 7 Fancy UI terms you need to know as a designer or developer!⁣

    We wouldn't have been designers if we didn't have our own jargon. There are a lot of UI terms you may never heard about before. ⁣

    It's important to know the language of design. It will help you in communication with developers and other designers. ⁣

    Of course, some of the terms are super fancy. But still you have to know where others talk about when they use them.⁣

    Have you ever heard about the next 7 terms? ⁣ - Snackbars⁣ - Chips⁣ - Defect⁣ - Backdrop⁣ - Stepper⁣ - Shimmer⁣ - Drawer⁣

    Let me explain! Swipe! Do you know more fancy UI terms? Let me know in the comments below!⁣

    --⁣
    I hope this post will help you in your journey. You can follow me for more educational- & inspirational content. Enjoy and share your thoughts in the comments! 💯⁣
    --⁣

    #mikevdijsseldesign #uiterms #uitips #designterms #designlanguage #digitalproductdesign #designtutorial #uxdaily #uidaily #uxtrends #uidesigners #designtools #uxd #uxuidesign #designcommunity #uxresearch #usability #uxdesignmastery #uxinspiration #sketchapp #uiinspiration #uxigers #designtips #uxui #designprocess #userinterface #userexperience #uxdesign #uidesig⁣

    --⁣
    👉 For more content like this, check my profile: @mikevdijssel
    --⁣

    @ui_gradient @designspective @ultimateuiux @uibucket @pix.ux @ux_trends @uxuistack @uiuxdesigns @uitrends @dailywebdesign @uiuxsupply @uxchoice @ui__ux @design.gems @uxbrainy @ultimateuiux @uibysherms @ui.insomniac

  •  1,042  145  30 March, 2020
  • 💡 This one picture can make you understand the difference between UI & UX 🧐
•
•
👇🏻 Got a great product that needs a design solution?
•
•
📩 DM us or visit 👉 satisfieduser.com for inquires.
•
•
👉 Follow @satisfied_user for more daily #UI #UX #IXD inspiration!
•
•
⭐️ Want to get featured? Use @satisfied_user and tag us! 🖥 Image by: @uiux_saqlain
•
•
#designers #designer #startups #entrepreneurship #startuplife #startupbusiness
#startupstories #startupsuccess #uxprocess 
#businessstartup #newstartups #techstartup #newbusiness #entrepreneur #startupgrowth #userexperiencedesigner #userexperiencedesign #userinterfacedesign #userinterfacedesigner #uxtips #webdesigners #uitips #productdesign #productdesigner #ui #uiux #responsivedesign #uiuxtips
  • 💡 This one picture can make you understand the difference between UI & UX 🧐


    👇🏻 Got a great product that needs a design solution?


    📩 DM us or visit 👉 satisfieduser.com for inquires.


    👉 Follow @satisfied_user for more daily #UI #UX #IXD inspiration!


    ⭐️ Want to get featured? Use @satisfied_user and tag us! 🖥 Image by: @uiux_saqlain


    #designers #designer #startups #entrepreneurship #startuplife #startupbusiness
    #startupstories #startupsuccess #uxprocess
    #businessstartup #newstartups #techstartup #newbusiness #entrepreneur #startupgrowth #userexperiencedesigner #userexperiencedesign #userinterfacedesign #userinterfacedesigner #uxtips #webdesigners #uitips #productdesign #productdesigner #ui #uiux #responsivedesign #uiuxtips

  •  5,654  54  2 August, 2019
  • How to make the UI crystal clear and understandable?  Some tips that I follow. 
Here are the main recommendations.  If you want, I can make a sequel with a more detailed description of the topic. Also I’ll be glad to your inquiries or questions.  Leave your opinion in the comments 🙌
Follow @uixlover
#ux #ui #uxlearn #uilearn #uixloverlearn #learnux #learnui #dailyui #design #designer #uxigers #uxprocess #uitips #designtips #dribbble #behance #guide #figma #uxprocess #portfolio #uiguide #uxdesigner #uiinspiration
  • How to make the UI crystal clear and understandable? Some tips that I follow.
    Here are the main recommendations. If you want, I can make a sequel with a more detailed description of the topic. Also I’ll be glad to your inquiries or questions. Leave your opinion in the comments 🙌
    Follow @uixlover
    #ux #ui #uxlearn #uilearn #uixloverlearn #learnux #learnui #dailyui #design #designer #uxigers #uxprocess #uitips #designtips #dribbble #behance #guide #figma #uxprocess #portfolio #uiguide #uxdesigner #uiinspiration

  •  1,089  39  11 July, 2019
  • Have you ever tried creating those line offset style icons in your favorite tools like Figma or Sketch App? I used to create a line offset fill style using multiple shapes and ended up with a lot of layer mess.⁣⁣⁣
⁣⁣⁣
Today, I am going to share "How to Create  Editable ✏️ Outline Fill Icons in Sketch or Figma?" without any layer mess.⁣⁣⁣
⁣⁣⁣
Let's do it in just 5 simple steps -⁣⁣⁣
1️⃣ Use Oval, Rectangle, or Pen tool to draw a Shape.⁣⁣⁣
2️⃣ Add a thin dark-colored Stroke to the Shape and set its position to "Inside".⁣⁣⁣
3️⃣ Add Drop Shadow to the shape - X: 10 | Y: 10 | Blur: 0 | Spread: 0⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
4️⃣ Add Inner Shadow to the shape - X: 10 | Y: 10 | Blur: 0 | Spread: 0⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
5️⃣ Change Shape’s Fill Color to match with the Drop Shadow’s Color and “Copy” / “Paste” Layer Style to re-use it over and over again.⁣⁣⁣
⁣⁣⁣
Wooey! Hooey!! it's done. ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣- This is my simple yet powerful recipe for creating line offset fill style icon packs. Create something nice with this recipe and tag me and surely you're on my story 🙂⁣⁣⁣
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
if you liked this UI design recipe, ❤️ Like and ➡️ Follow @nitishkmrk for more tips and tricks like this.⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
Go now and practice, only reading won't help :})⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
⁣⁣⁣
...⁣⁣⁣
⁣⁣⁣
#designtools #dribbble #behance #learndesign #uiux #visualdesign #appdesign #figma #xd #designtips #designtip #ui #learnui #uidesigner #interfacedesign #sketchapp #designtutorial #uxinspiration #interface #uitips #dailyui #uidesign #uxtips #adobexd #graphicdesign #uiinspiration⁣⁣⁣ #icondesign
⁣⁣⁣⁣⁣⁣
  • Have you ever tried creating those line offset style icons in your favorite tools like Figma or Sketch App? I used to create a line offset fill style using multiple shapes and ended up with a lot of layer mess.⁣⁣⁣
    ⁣⁣⁣
    Today, I am going to share "How to Create Editable ✏️ Outline Fill Icons in Sketch or Figma?" without any layer mess.⁣⁣⁣
    ⁣⁣⁣
    Let's do it in just 5 simple steps -⁣⁣⁣
    1️⃣ Use Oval, Rectangle, or Pen tool to draw a Shape.⁣⁣⁣
    2️⃣ Add a thin dark-colored Stroke to the Shape and set its position to "Inside".⁣⁣⁣
    3️⃣ Add Drop Shadow to the shape - X: 10 | Y: 10 | Blur: 0 | Spread: 0⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
    4️⃣ Add Inner Shadow to the shape - X: 10 | Y: 10 | Blur: 0 | Spread: 0⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
    5️⃣ Change Shape’s Fill Color to match with the Drop Shadow’s Color and “Copy” / “Paste” Layer Style to re-use it over and over again.⁣⁣⁣
    ⁣⁣⁣
    Wooey! Hooey!! it's done. ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣- This is my simple yet powerful recipe for creating line offset fill style icon packs. Create something nice with this recipe and tag me and surely you're on my story 🙂⁣⁣⁣
    ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
    if you liked this UI design recipe, ❤️ Like and ➡️ Follow @nitishkmrk for more tips and tricks like this.⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
    ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
    Go now and practice, only reading won't help :})⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
    ⁣⁣⁣
    ...⁣⁣⁣
    ⁣⁣⁣
    #designtools #dribbble #behance #learndesign #uiux #visualdesign #appdesign #figma #xd #designtips #designtip #ui #learnui #uidesigner #interfacedesign #sketchapp #designtutorial #uxinspiration #interface #uitips #dailyui #uidesign #uxtips #adobexd #graphicdesign #uiinspiration⁣⁣⁣ #icondesign
    ⁣⁣⁣⁣⁣⁣

  •  1,162  38  23 December, 2019
  • Happy Friday! Hope everyone holding up well in such hard times😔 Here is a little treat for you, which one you think works better?👇⁣
⁣
Badge border⁣
⁣
When using notification badge with a counter inside — add a solid border for its a container with color of the background where icons are placed. This helps to unclutter UI and make it stand out a bit more⁣
⁣
Stay tuned for more quizzes like that and level up your UI/UX knowledge.⁣⁣
The easiest way to master UX/UI design with @uxcel.app⁣
⁣
#icondesign #icons #icon #uidesign #uxdesign #ux #dailyinspiration #uiux #learnux #dailyui #ui #userexperience #instaui #designinspiration #uxcel #designtips #uitips #designtips #userinterface #designsystem #uxuidesign #learnui
  • Happy Friday! Hope everyone holding up well in such hard times😔 Here is a little treat for you, which one you think works better?👇⁣

    Badge border⁣

    When using notification badge with a counter inside — add a solid border for its a container with color of the background where icons are placed. This helps to unclutter UI and make it stand out a bit more⁣

    Stay tuned for more quizzes like that and level up your UI/UX knowledge.⁣⁣
    The easiest way to master UX/UI design with @uxcel.app

    #icondesign #icons #icon #uidesign #uxdesign #ux #dailyinspiration #uiux #learnux #dailyui #ui #userexperience #instaui #designinspiration #uxcel #designtips #uitips #designtips #userinterface #designsystem #uxuidesign #learnui

  •  3,932  90  3 April, 2020
  • Hey 👋 here is some updates 😊Kettle e-commerce Mobile app. Hope you enjoy it! Leave your thoughts in comments!
  • Hey 👋 here is some updates 😊Kettle e-commerce Mobile app. Hope you enjoy it! Leave your thoughts in comments!

  •  111  13  2 April, 2020