Poster Google Material Design

Item #: 10035021
Google Material Design
cute koala
image loading
Rating: ★★★★★ / 4.9 / 924 views
user_4230464:
Posted withrepost • How to Design Typography System for UI Design?
-
By: fazurrehman
-
Understand Typography is really important for your design, If you wanna create good design, you must have to focus on typography too. ⠀ 
Typography Tips
—————————
1️⃣ Understand typography core system
2️⃣ Choose limited fonts
3️⃣ Pick font have at-least 4 weight 
4️⃣ Define styles hierarchy (don't create random text style like h1, h2, h3)
5️⃣ Scale typeface & Line height with modular scale
6️⃣ Set character limit
7️⃣ Experiment on font combination if you are using two fonts, for example, pick heavy contrast font for the heading and font body text pick font who has at-least 3 font weight (Light, Regular, Medium) 
8️⃣ Work on Letter Spacing
⠀ 
If you are confused about how to use the right font size?
—————————
It easy, before choosing the font size, you should explore other websites like Apple, Airbnb, Google Material design, to understand visually when you will look websites, you will understand if you keep bigger or smaller font how it is gonna look in real! or maybe you can type few words on google 'Airbnb typography' click images and you can see many references! 
If you wanna learn Design I give design coaching! Drop a message fazurrehman
-
Let me know if you found useful tips in comment below and Don't forget to tag with your friends!
-
Want to learn more about UI/UX? Visit ui_gradient & don't forget to follow fazurrehman for more amazing content like this one!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
#webdesign #ui #ux #appdesign #userinterface #userexperience #uiux #uidesign #uxdesign #dailyui #ui_gradient #designtools #uxinspiration
user_658329:
🔥Tools and resources for designing and building design system. Part -2 | by: realvjy
—
Over the past year, I’ve been heavily involved in creating style guides and UIKits for various companies. But, Never attempted to create a design system. Now, I am happy to announce successful completion of zomato’s new design system - Sushi. 
I’m sharing tools and resources that helps to design build and manage design system.

TOOLS

1. Designing: 
Since there are so many choices out there, it is difficult and time consuming to debate on it. I found Figma best suited for designing, documenting and managing design system. 
Figma, Sketch, Adobe XD, Invision Studio and more

2. Add on: 
Here are the list of plugin and add on - for fast execution and maintaining our design library and components,
Abstract, Zeplin, Rename It, Invision DSM, Symbol Organiser, BodyMovin

3. Building:
Design system is not just a library of design components. All components must be coded for all the platforms. Following are some of the technologies widely used to build design system -

HTML+CSS+JS
React 
Node JS

RESOURCES: 
4. Open Source DLS
If you are looking for inspiration and don’t know where to start designing/building your DLS you can use these open source design systems:

Apple Human Interface Guideline, Google Material Design, Microsoft Fluent, Ant Design System, IBM Carbon

5. Public DLS
Where open source dis helps you to just start working on your project like plug and play. There are many public DLS out there you can check these to understand how they build their product.
Atlassian, Shopify Polaris, Github Primer, Mozilla Protocol, Saleforce Lightning , Gojek Asphalt, Uber base web
Zomato Sushi 🍣 and more

5. Books
6. Web resources link —
Part -3 : Design system : Atomic Design
—-
For color uihues 
#inspiration #ui #ux #uxdesign #webdesign #web #flatui #films #invision #aftereffects #interface #inspiration #ios #dribbble #behance #icon #uidesignpatterns #uixpose #creativroom #blog #uihues #designselection #simplycoolinterfaces #uicollections  #illustration #realvjy  #uischool #dls #designsystem #sushi
user_2045116:
One of the things I liked about Google's event #io19 was the Material Theming sessions and after I learned Google new UI design pattern and how it can help branding an app, I immediately implemented it on my current client's project. Here is a little sneakpeak of one of the screens, the dashboard.
.
As you can see, I have completely ditched the navigation drawer and implemented a custom botton navigation powered with Android JetPack Navigation . Also the components(buttons etc) are somewhat different than your normal material design guidelines.
.

All credit goes to iamgowthamz who helped me design this , he is a wonderful designer and a very nice human being. I personally recommend  him when you need a designer.(dm me for contacts)
.
.
#appdesign #ui #ux #webdesign #uidesign #userinterface #design #uxdesign #userexperience #webdesigner #dribbble #interface #graphicdesign #app #behance #java #uiux #appdeveloper #designinspiration #android #inspiration #digital #creative #programming #application #flutter #mobile #IGISFORDEVELOPERS #uitrends
Nice poster, is not it?

Report violation

This art print displays sharp, vivid images with a high degree of color accuracy on high quality canvas. A member of the versatile family of art prints, this high-quality reproduction represents the best of both worlds: quality and affordability.

In Stock 100% Satisfaction Guarantee 100% Confidentiality, no one will know what in the parcel
US $4.59 size:
Shipping options
  • Ships within 2 business days.
  • To: Worldwide.
  • Delivery time 7-18 days to USA and 14-30 days to WorldWide.
  • Poster is packaged in tube, this is 100% that your poster will be in perfect condition.
  • Tracking number for all orders, you can check it in 24 hours on your postal service.
  • 30 Day Money Back Guarantee.

You may also like