meg robichaud for shopify
Hi, I'm Meg Robicheaux and I was challenged by my friends at Figma to draw 25 icons. In this article, I will go through my process of creating icons and show how they were made.
1. Setting up artboards:
- Set up artboards to organize ideas.
- Don't move on until you've filled the artboards.
2. Making the hamburger menu:
- Make the hamburger menu as an option.
- Try different variations.
3. Eyeballing the icons:
- Sketching takes time, so eyeball the icons.
- Focus on filling up as many boxes as possible.
4. Finding a trend:
- Once you have enough icons, start to see a trend.
- Massage the other icons to fit with the ones you want to use.
5. Working on details and color:
- Pick out colors for the icon set.
- Spread out the colors to see if they work well together.
- Iterate on the icons to clean them up.
Creating icons is a repetitive process, but it can be therapeutic and relaxing. By setting up artboards, making the hamburger menu, eyeballing the icons, finding a trend, and working on details and color, you can create a cohesive set of icons.
Product Illustration at Scale - Meg Robichaud, Lyft
Learning from My Mom and My Career: From Freelancer to Leadership at Shopify
- My mother always says that life gives you lessons, and if you don't learn them, they will come back even harder until you do.
- I learned this lesson in my career, from being a bad freelancer to becoming a good one, and then transitioning to a leadership role at Shopify.
1. Creativity is not a limited resource:
- As a freelancer, I feared that I would run out of good ideas and only produce mediocre work.
- But I learned that creativity comes and goes, and all I need to do is be open to it when it arrives.
- In-house, I realized that creativity can be cultivated through collaboration and exploration, and that there is always room for growth.
2. Working for free can be a good thing:
- As a freelancer, I believed that working for free was an evil thing to do, and I refused to do it.
- But I learned that contributing to good causes, such as Inch by Inch, can be rewarding and fulfilling.
- In-house, I realized that being helpful and accommodating to colleagues can build better relationships and lead to better work.
3. Educating others is important:
- As a freelancer and in-house illustrator, I felt that people didn't understand or respect my work and my team's work.
- But I learned that it was my responsibility to educate others on how to work with us, and to shift the responsibility of understanding onto myself and my team.
- In-house, we opened up our team and our practices to anyone interested in learning and collaborating, and this has led to better relationships and better work.
- My mother was right: life gives you lessons, and it's up to you to learn them.
- My career has taught me to be open to creativity, to be willing to contribute to good causes, and to be proactive in educating others.
- These lessons have helped me become a better freelancer, a better leader, and a better person.
Icons & You or "How I Learned to Stop Worrying and Love the Limitations"
In this article, we will be discussing the importance of icon design and the basic foundations needed to create effective icons. We will also explore the use of limitations in design and the benefits they bring. Let's dive in.
- What are Icons?
Icons are symbols that represent larger ideas or concepts. They are a crucial part of user interface design and can convey important information quickly and effectively. A well-designed icon should be intuitive and concise, capturing the idea it represents in a simple and clear manner.
- Foundation: Grid System and Aesthetic Rules
The foundation of any good icon set is its underlying grid system. A common size for icons is 24x24, but other multiples of eight can also work well. A set of aesthetic rules, such as key lines, can help maintain balance and regularity in icons and ensure they are visually balanced regardless of their orientation or component parts.
- Embracing Limitations
Embracing limitations is one of the most valuable things you can do in design. It allows your creativity to flourish and can save a lot of headaches down the road. By understanding and planning for limitations, you can free up your mind for new ideas and solutions.
In conclusion, icons are an essential part of user interface design, and a well-designed icon can convey important information quickly and effectively. The foundation of any good icon set is its underlying grid system and a set of aesthetic rules. Embracing limitations can help you create more effective icons and allow your creativity to flourish.
Конференция "RAUX 2019" - Такое привычное движение. Антон Легкий
In today's world, technology has become an integral part of our daily lives. We use various tools and platforms to communicate, entertain, and work. The following article summarizes the metrics of some popular technology platforms and tools.
- GTA 5: The popular video game has sold over 135 million copies since its release in 2013.
- Konami: The Japanese video game company has generated over $3 billion in revenue in the last fiscal year.
- Twitter: The social media platform has over 330 million monthly active users.
- Facebook: The social media giant has over 2.8 billion monthly active users.
- Samsung: The South Korean electronics company has a market share of over 20% in the global smartphone market.
- Shazam: The music recognition app has been downloaded over 1 billion times and has over 200 million monthly active users.
- Rogue: The gaming peripheral company has a revenue of over $500 million.
- Google: The tech giant has a market capitalization of over $1 trillion.
- Maciej: The popular YouTuber has over 10 million subscribers.
- Laughter: The sound effect has been used in various media and entertainment productions for decades.
- Google Chrome: The popular web browser has a market share of over 60%.
- Microsoft Windows: The operating system is used by over 1.3 billion devices worldwide.
- Amazon: The e-commerce giant has a market capitalization of over $1.5 trillion.
- Triple 1: The esports team has won over $10 million in prize money.
- Kreker: The Russian hacker group has been responsible for various cyberattacks in the past.
- The Animation Select: The animation production company has worked on various popular TV shows and movies.
- Asweet: The digital art platform has over 2 million users.
- Google and Microsoft: The tech giants have invested over $400 million in research and development.
- Hawera: The New Zealand town has a population of over 11,000.
- Audi: The German luxury car manufacturer has a market share of over 5% in the global automotive market.
- Shape File 2: The software is used for various geospatial data analysis tasks.
- House: The popular TV show has aired for 8 seasons and has won numerous awards.
- Principle: The user interface design software is used by various designers and developers.
- After Effects: The video editing software is used by various filmmakers and content creators.
- Jison Tool Production: The Chinese tool manufacturer has a revenue of over $100 million.
- Cypher: The programming language is used for various blockchain and cryptocurrency applications.
The above metrics highlight the popularity and impact of various technology platforms and tools in our society. From entertainment to work, technology has revolutionized the way we live and interact with each other. It will be interesting to see how these metrics evolve in the future and what new technologies will emerge.
How to create an interactive prototype with InVision
Interactive Prototypes: A Game Changer in the Design Process
Interactive prototypes have revolutionized the design process, making it easier and more efficient. In this article, we will explore the key workflows and features that streamline the prototyping process.
1. Preview and Build Mode: Interactive prototypes allow you to create links with hotspot features. In preview mode, you can put together a prototype, while build mode lets you click and drag to create links.
2. Fixed Navbar: Using a fixed header in the navbar allows it to follow you down the page, making it easier to navigate.
3. Overlay Screens: To create drop-down menus, overlay screens can be used. By exporting a drop-down as its own image and uploading it to the project, it can be used as an overlay screen. Animations can also be applied to boost the realism of the prototype.
4. Duplicating Hotspots: The best way to duplicate hotspots is to select them and include them in a template. This template can then be applied to other screens in the prototype.
5. Pre-built Interactions and Animations: Mobile projects have access to pre-built interactions and animations that can be used when creating hotspots. You can also trigger hotspots with gestures like swiping and double tapping.
6. Fixed Headers and Footers: You can define fixed headers and footers by clicking and dragging or by entering a specific pixel value.
7. Timers: Screens that are designed to go away after a moment or two, like notification bars, can be set with a timer.
Interactive prototypes have made the design process more efficient and effective. By utilizing the key workflows and features outlined in this article, designers can create realistic prototypes that help bring their vision to life.
Week 11: Finding Inspiration & Building a Portfolio / Loops, Arrays, and Libraries
Design: Finding Inspiration and Building a Portfolio
In this article, we will discuss finding inspiration and building a portfolio in design. These are essential skills for anyone interested in pursuing a career in design.
Design is not something that comes naturally to people, but rather it is based on hard work, exposure, and familiarity to things. It is essential to be proactive about seeking inspiration, even if you are busy. There are various resources available to gain inspiration, such as different websites, UI/UX case studies, and design systems.
Building a Portfolio:
A design portfolio is a body of work that showcases your thought processes, design skills, and personality. It should have project case studies, about me page, contact information, and redesigns. You can fill up your portfolio with daily UI challenges, redesigns, random product ideas, and design-a-thons.
Tools for Designing:
The industry standard for designing is Sketch and Adobe Creative Suite, such as XD and Illustrator. Figma, Framer, Origami Studio, and Vision Adobe XD are popular prototyping tools. For visual design, Illustrator, Photoshop, and Procreate are commonly used.
Designing at School:
There are no design majors at Berkeley, but there are many student organizations and events available. You can check out Berkeley Innovation, Design at Berkeley, Innovative Design, and the Web Design Decal.
Design is not just about creativity; it requires hard work, exposure, and familiarity with different resources. Building a design portfolio is essential to showcase your thought processes, design skills, and personality. It is crucial to stay motivated and find inspiration in everyday things.
Professional Advice from Adobe MAX Conference (Aaron Draplin, Sara Dietschy, Shae Lewis, and more)
Hey, what's up, Dev Tips? My name is Travis, and I'm here to share my experience at the Adobe MAX conference and the advice that people gave me to share with design students at Berkeley University.
Advice from Professionals:
- Robert Generate the Third, an illustrator and educator, advises embracing weird side projects because they tend to fold into other projects and could lead to breakthroughs.
- Mike Roberto, an illustrator and designer, advises not to be intimidated by the size of the design community as it is actually pretty small, and everyone is friends.
- Jay Lewis, the creative director and founder of Nike Fox, advises documenting all your work to make it easier for people looking to hire you.
- Mary James Gravlin, a graphic designer, advises enjoying your youth and not being too eager to go after that big job.
In conclusion, the advice from these professionals highlights the importance of creativity, learning, and networking in the design industry. As a designer, it's essential to embrace the weird, document your work, and not be intimidated by the industry's size. And most importantly, enjoy the journey and keep creating!