#designsystem Instagram Photos & Videos

designsystem - 5.4k posts

Latest #designsystem Posts

  • HOW TO WORK MORE EFFICIENTLY * Pre-Planning: Come up with an approach or plan before starting work right away. This will help you focus on the main problem first and stay on track throughout the process.
* Organization: Whether it’s categorizing your content or naming your layers, getting work done faster is a lot easier when you know where things are and they are properly organized. Create a system that works for you and stick with it.
* Automation: Creating presets, actions, and templates for the visual styles that you prefer are ways to keep the effort to a minimum, increase the speed of the process, and get a consistent look each time.
* Remove Distractions: Isolating yourself from distractions like your phone, social media notification, or television are simple ways to get more work done in less time. They also keep you in the creative mindset and don’t remove you from your element as easy. * Don’t Multitask: Work on one project or task at a time until you complete it. Bouncing back and forth from tasks is a fast way to get little work done. Set blocks of time aside for certain tasks so you can focus your attention on what is a priority. * Keyboard Shortcuts: Using keyboard shortcuts not only allows you to work faster and use less energy, it also allows you to work at the speed of thought.
.
.
.
.
#FindYourFocus #logomark #logodesign #logoconcept #brandingidentity #identitydesign #graphicdesigners #brandingID #brandingconsultancy #logo #designhacks #designsystem #freelancertips #freelancedesign #logodesignprocess #graphicdesign #stylescape #janesville #beloit #designteam #filmrev #videoproduction #cinematographer  #Cinema #filmmakerslife
  • HOW TO WORK MORE EFFICIENTLY * Pre-Planning: Come up with an approach or plan before starting work right away. This will help you focus on the main problem first and stay on track throughout the process.
    * Organization: Whether it’s categorizing your content or naming your layers, getting work done faster is a lot easier when you know where things are and they are properly organized. Create a system that works for you and stick with it.
    * Automation: Creating presets, actions, and templates for the visual styles that you prefer are ways to keep the effort to a minimum, increase the speed of the process, and get a consistent look each time.
    * Remove Distractions: Isolating yourself from distractions like your phone, social media notification, or television are simple ways to get more work done in less time. They also keep you in the creative mindset and don’t remove you from your element as easy. * Don’t Multitask: Work on one project or task at a time until you complete it. Bouncing back and forth from tasks is a fast way to get little work done. Set blocks of time aside for certain tasks so you can focus your attention on what is a priority. * Keyboard Shortcuts: Using keyboard shortcuts not only allows you to work faster and use less energy, it also allows you to work at the speed of thought.
    .
    .
    .
    .
    #FindYourFocus #logomark #logodesign #logoconcept #brandingidentity #identitydesign #graphicdesigners #brandingID #brandingconsultancy #logo #designhacks #designsystem #freelancertips #freelancedesign #logodesignprocess #graphicdesign #stylescape #janesville #beloit #designteam #filmrev #videoproduction #cinematographer #Cinema #filmmakerslife
  •  2  1  3 hours ago
  • A quick visual on how having a Design System benefits in the long run!

Not every project need a mature design system, but if anything from the item below is true to your company — you should definitely consider building one! 🌍Scale – Are you product/products that has more than 200+ screens? Will your product(s) grow significantly soon?
✅Consistency – Do you want your products to have consistent branding,  look and feel, and experience? Does your product currently have 15+ different button styles?
⏳Efficiency – Do you want your product designers, and front end developers and team to work faster and save time?
🎳Teamwork – Do you have projects where there’s a lot of handoff between designers or many designers work on the same project at once?

Dig deeper here https://www.forumone.com/ideas/what-is-design-system/

Let me know your thoughts, drop a comment!

Thank you 👋
  • A quick visual on how having a Design System benefits in the long run!

    Not every project need a mature design system, but if anything from the item below is true to your company — you should definitely consider building one! 🌍Scale – Are you product/products that has more than 200+ screens? Will your product(s) grow significantly soon?
    ✅Consistency – Do you want your products to have consistent branding, look and feel, and experience? Does your product currently have 15+ different button styles?
    ⏳Efficiency – Do you want your product designers, and front end developers and team to work faster and save time?
    🎳Teamwork – Do you have projects where there’s a lot of handoff between designers or many designers work on the same project at once?

    Dig deeper here https://www.forumone.com/ideas/what-is-design-system/

    Let me know your thoughts, drop a comment!

    Thank you 👋
  •  137  2  4 hours ago
  • Hello everyone ! 🙋
.
.
Creating a design system for Whyse. Trying to keep the product consistent !
.
We are a design studio for startups ! Have a challenging project ? contact us at hello@pelostud.io .
.
#uplabs
  • Hello everyone ! 🙋
    .
    .
    Creating a design system for Whyse. Trying to keep the product consistent !
    .
    We are a design studio for startups ! Have a challenging project ? contact us at hello@pelostud.io .
    .
    #uplabs
  •  16  1  11 hours ago
  • "Θέλεις να φτιάξεις ένα μυθιστόρημα; Ξεκίνησε με μια ιδέα, όχι μια αισθητική ". Δεν έχουν αναφερθεί ποτέ πιο αληθινά λόγια. "Έχεις όλες αυτές τις διαφορετικές μεθόδους για να εκπροσωπήσεις τη δουλειά κάποιου άλλου και να το κάνεις με δίκαιο τρόπο," λέει. " Αυτό είναι ένα τόσο καταπληκτικό πράγμα που μπορείς να κάνεις, και με ενθουσιάζει γιατί κάθε βιβλίο είναι τόσο διαφορετικό και μπορείς να το επεξεργαστείς και να το δημιουργήσεις με τόσους διαφορετικούς τρόπους. Είναι πάντα ενδιαφέρον. Ποτέ δεν βαριέσαι." Η δουλειά της μιλάει ή ας πούμε, διαβάζει από μόνη της. 💯💯 Via https://lnkd.in/eYZPTjW
 #elements #textures #designstrategy #designstudio #illustrators #designlife #designsystem #branddesign #logomark #type #typography #design #visualidentity #Bookcover #bookdesign #ideas #designthinking #creative #art #talent

Στην Consultics δημιουργούμε μια ποικιλία από μοναδικά σχεδιαστικά που εκπροσωπούν το brand σας‼️👉 Επικοινωνήστε μαζί μας σήμερα στο info@consultics.co ή +357 96 565 815 για την δική σας προσαρμοσμένη εμπειρία σχεδιασμού. #Consultics #designs #marketingandbranding #brand #branddesign #brandidentity #artworks
  • "Θέλεις να φτιάξεις ένα μυθιστόρημα; Ξεκίνησε με μια ιδέα, όχι μια αισθητική ". Δεν έχουν αναφερθεί ποτέ πιο αληθινά λόγια. "Έχεις όλες αυτές τις διαφορετικές μεθόδους για να εκπροσωπήσεις τη δουλειά κάποιου άλλου και να το κάνεις με δίκαιο τρόπο," λέει. " Αυτό είναι ένα τόσο καταπληκτικό πράγμα που μπορείς να κάνεις, και με ενθουσιάζει γιατί κάθε βιβλίο είναι τόσο διαφορετικό και μπορείς να το επεξεργαστείς και να το δημιουργήσεις με τόσους διαφορετικούς τρόπους. Είναι πάντα ενδιαφέρον. Ποτέ δεν βαριέσαι." Η δουλειά της μιλάει ή ας πούμε, διαβάζει από μόνη της. 💯💯 Via https://lnkd.in/eYZPTjW
    #elements #textures #designstrategy #designstudio #illustrators #designlife #designsystem #branddesign #logomark #type #typography #design #visualidentity #Bookcover #bookdesign #ideas #designthinking #creative #art #talent

    Στην Consultics δημιουργούμε μια ποικιλία από μοναδικά σχεδιαστικά που εκπροσωπούν το brand σας‼️👉 Επικοινωνήστε μαζί μας σήμερα στο info@consultics.co ή +357 96 565 815 για την δική σας προσαρμοσμένη εμπειρία σχεδιασμού. #Consultics #designs #marketingandbranding #brand #branddesign #brandidentity #artworks
  •  8  0  12 hours ago
  • Here is step three of the Reel Design System redesign — Typography, Buttons, & Forms 🔘

First, I analyzed the typography of the competitive landscape to gain a better understating how Reel can find its voice within the noise.

Through a collaborative process, I picked new primary and secondary typefaces with the team, and assigned colors for text states.

Next, I created primary and secondary responsive type lockups for desktop, tablet, and mobile layouts. I also outline text line length and redaction rules.

I followed the same process of analyzing the completive landscape, defining design goals, and designing state variations for interface buttons, form fields, and form inputs.

Feel free to provide any feedback or ask questions ✌🏼
  • Here is step three of the Reel Design System redesign — Typography, Buttons, & Forms 🔘

    First, I analyzed the typography of the competitive landscape to gain a better understating how Reel can find its voice within the noise.

    Through a collaborative process, I picked new primary and secondary typefaces with the team, and assigned colors for text states.

    Next, I created primary and secondary responsive type lockups for desktop, tablet, and mobile layouts. I also outline text line length and redaction rules.

    I followed the same process of analyzing the completive landscape, defining design goals, and designing state variations for interface buttons, form fields, and form inputs.

    Feel free to provide any feedback or ask questions ✌🏼
  •  18  2  20 hours ago
  • Basic but very important tip on toast messages.
•
Allow users to amend choices, display an "Undo" action.
It removes users’ anxiety and allows them to explore different options without fear of making an irreversible mistake.
•
🤫 Tip, you can tag a designer who would benefit from this practice.
•
•
•
Also you can check all tiny UI & UX practices in the profile stories.
Follow @uxlore to not miss out the next one!
Learn, practice & grow every day with no hustle.
  • Basic but very important tip on toast messages.

    Allow users to amend choices, display an "Undo" action.
    It removes users’ anxiety and allows them to explore different options without fear of making an irreversible mistake.

    🤫 Tip, you can tag a designer who would benefit from this practice.



    Also you can check all tiny UI & UX practices in the profile stories.
    Follow @uxlore to not miss out the next one!
    Learn, practice & grow every day with no hustle.
  •  489  6  21 July, 2019

Top #designsystem Posts

  • Designing @instagram's new checkout experience was an exciting challenge for our designers: creating patterns, components and styles that didn't previously exist on Instagram. It was also an opportunity to establish a foundation that other designers can build on in the future as payment on Instagram grows and evolves. Throughout the year-long process of creating checkout on Instagram, our designers focused on crafting a seamless experience. Some of the necessary screens were packed with content, so our team intentionally made them simple and beautiful. We wanted to make it clear that the entire experience is happening on Instagram in order to create transparency, so we wove in light touches of our signature gradient as well as illustrations and animations of the checkout process. Above all, we wanted to make checkout on Instagram fun. For more on the creation of the Instagram checkout experience, watch our Stories. You can also follow @shop to discover and buy goods from up-and-coming designers.
This story is part of #FromWhereWeDesign, a series exploring the craft and the process of @Instagram's design team.
.
.
#designprocess #uxdesign #productdesign #experiencedesign #designsystem #sketching
  • Designing @instagram's new checkout experience was an exciting challenge for our designers: creating patterns, components and styles that didn't previously exist on Instagram. It was also an opportunity to establish a foundation that other designers can build on in the future as payment on Instagram grows and evolves. Throughout the year-long process of creating checkout on Instagram, our designers focused on crafting a seamless experience. Some of the necessary screens were packed with content, so our team intentionally made them simple and beautiful. We wanted to make it clear that the entire experience is happening on Instagram in order to create transparency, so we wove in light touches of our signature gradient as well as illustrations and animations of the checkout process. Above all, we wanted to make checkout on Instagram fun. For more on the creation of the Instagram checkout experience, watch our Stories. You can also follow @shop to discover and buy goods from up-and-coming designers.
    This story is part of #FromWhereWeDesign, a series exploring the craft and the process of @Instagram's design team.
    .
    .
    #designprocess #uxdesign #productdesign #experiencedesign #designsystem #sketching
  •  5,371  69  17 July, 2019
  • ✍️ 8 tips to designing lists ⁣
⁣
👅 Lists are repeatable components containing the same elements with varying values. ⁣
⁣
⌛️ Avoid random ordered lists. A basic ordering is time but there are plenty of options! Keep lists logical. ⁣
⁣
🥳 Lists should be actionable. Not necessarily by click but by the content. Ordering content so users can scan and take action is key. Maximise metadata.⁣
⁣
💦  When it comes to mobile or tablet list overflows is a great way to de clutter your list items with multiple actions without buttons! ⁣
⁣
🧠 Anyhow - enjoy reading and hope you like the new format with some clean gradients. Over time it will all be so much easier to learn something each day 🙌
  • ✍️ 8 tips to designing lists ⁣

    👅 Lists are repeatable components containing the same elements with varying values. ⁣

    ⌛️ Avoid random ordered lists. A basic ordering is time but there are plenty of options! Keep lists logical. ⁣

    🥳 Lists should be actionable. Not necessarily by click but by the content. Ordering content so users can scan and take action is key. Maximise metadata.⁣

    💦 When it comes to mobile or tablet list overflows is a great way to de clutter your list items with multiple actions without buttons! ⁣

    🧠 Anyhow - enjoy reading and hope you like the new format with some clean gradients. Over time it will all be so much easier to learn something each day 🙌
  •  2,470  31  7 July, 2019
  • What makes a good logo design?⁠ 🤔
⁠
Have you ever thought what actually makes up a good logo? Well, tonight we've put together six key elements that effective logo designs have.⁠
⁠
Here's what makes a good logo...⁠
⁠
1. It identifies.⁠
A logo doesn't always have to tell a story. Apple's logo doesn't reflect its products.⁠
⁠
2. It's simple.⁠
A simple logo covers the primary pillars of good logo design. A simple logo is memorable, timeless & versatile.⁠
⁠
3. It's memorable.⁠
A good logo is easy to remember. Yes, your logo should be simple but not generic. Be unique!⁠
⁠
4. It's timeless.⁠
A logo needs to stand the test of time! Will it still be effective in a decade? Think about this when designing.⁠
⁠
5. It's versatile.⁠
Your logo shouldn't just work on a white background. How will it work in greyscale? On a photograph? In an app icon? Make it work it different applications⁠
⁠
6. It's relevant.⁠
Don't use Comic Sans for a gym logo trying to convey a 'tough' look... Make sure your design is appropriate to the intended audience.⁠
⁠
See you tomorrow!⁠
⁠
⁠#usepitchproof ❤️️⁠
.⁠
.⁠
.⁠
.⁠
.⁠
#logopresentations #logoconcept #logoinspirations #logodesigner #branding #brandidentity #designtips #designtools #designhacks #designsystem #adobeillustrator #freelancertips #freelancedesign #brandlogo #designteam #creativeagency #designeducation #freelance #designbooks⁠⁠ #bizofdesign⁠
  • What makes a good logo design?⁠ 🤔

    Have you ever thought what actually makes up a good logo? Well, tonight we've put together six key elements that effective logo designs have.⁠

    Here's what makes a good logo...⁠

    1. It identifies.⁠
    A logo doesn't always have to tell a story. Apple's logo doesn't reflect its products.⁠

    2. It's simple.⁠
    A simple logo covers the primary pillars of good logo design. A simple logo is memorable, timeless & versatile.⁠

    3. It's memorable.⁠
    A good logo is easy to remember. Yes, your logo should be simple but not generic. Be unique!⁠

    4. It's timeless.⁠
    A logo needs to stand the test of time! Will it still be effective in a decade? Think about this when designing.⁠

    5. It's versatile.⁠
    Your logo shouldn't just work on a white background. How will it work in greyscale? On a photograph? In an app icon? Make it work it different applications⁠

    6. It's relevant.⁠
    Don't use Comic Sans for a gym logo trying to convey a 'tough' look... Make sure your design is appropriate to the intended audience.⁠

    See you tomorrow!⁠

    #usepitchproof ❤️️⁠
    .⁠
    .⁠
    .⁠
    .⁠
    .⁠
    #logopresentations #logoconcept #logoinspirations #logodesigner #branding #brandidentity #designtips #designtools #designhacks #designsystem #adobeillustrator #freelancertips #freelancedesign #brandlogo #designteam #creativeagency #designeducation #freelance #designbooks⁠⁠ #bizofdesign
  •  2,583  71  16 July, 2019