├── assets
└── weeks
│ ├── beginner
│ ├── beginner-project.md
│ ├── week06.md
│ ├── week05.md
│ ├── week02.md
│ ├── week04.md
│ ├── week03.md
│ └── week01.md
│ ├── advaned
│ ├── week20.md
│ ├── week21.md
│ ├── week17.md
│ ├── week18.md
│ ├── week13.md
│ ├── week19.md
│ ├── week14-15.md
│ └── week16.md
│ └── intermediate
│ ├── week11.md
│ ├── week12
│ ├── week09.md
│ ├── week10.md
│ ├── week08.md
│ └── week07.md
└── README.md
/assets/weeks/beginner/beginner-project.md:
--------------------------------------------------------------------------------
1 | ## Content:
2 |
3 | **Articles:**
4 | - [UI-Component Definition](https://www.nngroup.com/articles/cards-component/)
5 | - [Using Color to Enhance Your Design](nngroup.com/articles/color-enhance-design/)
6 | - [Using Imagery in Visual Design](nngroup.com/articles/imagery-in-visual-design/)
7 |
8 |
9 | **Task:**
10 | Any idea as a design (up 16 Screen)
11 |
12 |
--------------------------------------------------------------------------------
/assets/weeks/advaned/week20.md:
--------------------------------------------------------------------------------
1 | # Week 19: Firebase
2 |
3 | ## Content:
4 |
5 | **Firebase: ( 01 → 15 )**
6 |
7 | - [https://youtube.com/playlist?list=PL3aG1K3LWCrewoZI7C1lZW4VGy5aXR36V](https://youtube.com/playlist?list=PL3aG1K3LWCrewoZI7C1lZW4VGy5aXR36V)
8 |
9 | ## Tasks:
10 | > To be added soon, or in the coming versions from the roadmap. If you are on GitHub, please check the repository forks for the newer versions.
--------------------------------------------------------------------------------
/assets/weeks/beginner/week06.md:
--------------------------------------------------------------------------------
1 | # Week 6:
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 | - [Proximity Principle in Visual Design](https://www.nngroup.com/articles/gestalt-proximity/)
7 |
8 | **Videos:**
9 | - [Layout & Composition](https://www.youtube.com/watch?v=a5KYlHNKQB8)
10 | - [Proximity](https://www.youtube.com/watch?v=xUdqSiI_G8Y)
11 |
12 |
13 |
14 | **Task:**
15 | Any idea as a design (up 8 Screen)
16 |
--------------------------------------------------------------------------------
/assets/weeks/advaned/week21.md:
--------------------------------------------------------------------------------
1 | # Week 20: Practical Break: Firebase
2 |
3 | ## Content:
4 |
5 | - Firebase:
6 |
7 | [https://youtube.com/playlist?list=PL3aG1K3LWCrewoZI7C1lZW4VGy5aXR36V](https://youtube.com/playlist?list=PL3aG1K3LWCrewoZI7C1lZW4VGy5aXR36V)
8 |
9 |
10 | ## Tasks:
11 |
12 | > To be added soon, or in the coming versions from the roadmap. If you are on GitHub, please check the repository forks for the newer versions.
--------------------------------------------------------------------------------
/assets/weeks/advaned/week17.md:
--------------------------------------------------------------------------------
1 | # Week 17: Clean Architecture Introduction & Clean Code (W01)
2 |
3 | ## Content:
4 |
5 | **Clean Architecture Introduction**
6 |
7 | - [https://www.youtube.com/watch?v=kFll5whDTJc](https://www.youtube.com/watch?v=kFll5whDTJc)
8 |
9 | **Clean Code: (#0 → #03)**
10 |
11 | - [https://youtube.com/playlist?list=PLwWuxCLlF_ufTMlXoJlQvImqz9wIfcWsX](https://youtube.com/playlist?list=PLwWuxCLlF_ufTMlXoJlQvImqz9wIfcWsX)
12 |
13 | ## Tasks:
14 |
15 | > Practice in Previous Projects.
16 |
--------------------------------------------------------------------------------
/assets/weeks/intermediate/week11.md:
--------------------------------------------------------------------------------
1 | # Week 11
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 |
7 |
8 | **Vedios:**
9 | first 2 weeks
10 | - [Conduct UX Research and Test Early Concepts | Coursera](https://www.coursera.org/learn/conduct-ux-research?specialization=ux-design-certificate)
11 |
12 | OR
13 | - [Conduct UX Research and Test Early Concepts | Playlist](https://www.youtube.com/playlist?list=PLTZYG7bZ1u6okbLGD5GSWVflaYBk165rk)
14 |
15 |
16 |
17 | **Task:**
18 | select any idea to work on as design
19 |
20 |
--------------------------------------------------------------------------------
/assets/weeks/intermediate/week12:
--------------------------------------------------------------------------------
1 | # Week 12
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 |
7 |
8 | **Vedios:**
9 | last 2 weeks
10 | - [Conduct UX Research and Test Early Concepts | Coursera](https://www.coursera.org/learn/conduct-ux-research?specialization=ux-design-certificate)
11 |
12 | OR
13 | - [Conduct UX Research and Test Early Concepts | Playlist](https://www.youtube.com/playlist?list=PLTZYG7bZ1u6okbLGD5GSWVflaYBk165rk)
14 |
15 |
16 |
17 | **Task:**
18 | select any idea to work on as design
19 |
20 |
21 |
--------------------------------------------------------------------------------
/assets/weeks/intermediate/week09.md:
--------------------------------------------------------------------------------
1 | # Week 9
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 |
7 |
8 | **Vedios:**
9 | Last 2 weeks
10 | - [Start the UX Design Process: Empathize, Define, and Ideate | Coursera](https://www.coursera.org/learn/start-ux-design-process?specialization=google-ux-design)
11 | OR
12 | - [Empathize, Define, and Ideate Google UX Design Certificate | Playlist](https://www.youtube.com/playlist?list=PLTZYG7bZ1u6qCRHskLgKf6Olzbbuy-5ce)
13 |
14 |
15 |
16 | **Task:**
17 | select any idea to work on as design
18 |
19 |
--------------------------------------------------------------------------------
/assets/weeks/intermediate/week10.md:
--------------------------------------------------------------------------------
1 | # Week 10
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 |
7 |
8 | **Vedios:**
9 | first 2 weeks
10 | - [Build Wireframes and Low-Fidelity Prototypes | Coursera](https://www.coursera.org/learn/wireframes-low-fidelity-prototypes?specialization=ux-design-certificate)
11 |
12 | OR
13 | - [Build Wireframes and Low-Fidelity Prototypes | Playlist](https://www.youtube.com/playlist?list=PLTZYG7bZ1u6qLH3g9sg9atZG6DS5jZ5vf)
14 |
15 |
16 |
17 | **Task:**
18 | select any idea to work on as design
19 |
20 |
--------------------------------------------------------------------------------
/assets/weeks/advaned/week18.md:
--------------------------------------------------------------------------------
1 | # Week 18: Clean Code (W02) & SOLID Principles
2 |
3 | ## Content:
4 |
5 | **Clean Code: (#04 → #08)**
6 |
7 | - [https://youtube.com/playlist?list=PLwWuxCLlF_ufTMlXoJlQvImqz9wIfcWsX](https://youtube.com/playlist?list=PLwWuxCLlF_ufTMlXoJlQvImqz9wIfcWsX)
8 |
9 | **SOLID Principles**
10 |
11 | - [https://youtube.com/playlist?list=PLwWuxCLlF_uevri_OpofVLXkRRFnZ7TSV](https://youtube.com/playlist?list=PLwWuxCLlF_uevri_OpofVLXkRRFnZ7TSV)
12 |
13 | ## Tasks:
14 |
15 | > Presentation For explains All Topics in the content you understand.
--------------------------------------------------------------------------------
/assets/weeks/beginner/week05.md:
--------------------------------------------------------------------------------
1 | # Week 5:
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 | - [What is Visual Hierarchy](https://www.interaction-design.org/literature/topics/visual-hierarchy)
7 | - [Visual Hierarchy](https://www.interaction-design.org/literature/article/visual-hierarchy-organizing-content-to-follow-natural-eye-movement-patterns)
8 |
9 | **Videos:**
10 | - [How to use Visual Hierarchy in UX Design](https://www.youtube.com/watch?v=q-ITCNz63mo)
11 | - [ Repetition](https://www.youtube.com/watch?v=8zhhc5pzE9Y)
12 |
13 |
14 |
15 | **Task:**
16 | - [ Travel app]( https://dribbble.com/shots/21531692-Tripin-Travel-app)
17 |
--------------------------------------------------------------------------------
/assets/weeks/beginner/week02.md:
--------------------------------------------------------------------------------
1 | # Week 2:
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 |  Read More
7 | - [Principles of Visual Design in UX](https://www.nngroup.com/articles/principles-visual-design/)
8 | - [4 UI Design Tips](https://www.interaction-design.org/literature/article/4-ui-design-tips-every-designer-needs-to-know)
9 |
10 | [UX Design Fundamentals Course](https://maharatech.gov.eg/course/view.php?id=1231)
11 |
12 | **Task:**
13 | - [Podcast App](https://dribbble.com/shots/20402022-Podcast-App-iOS-Android-mobile-application)
14 |
--------------------------------------------------------------------------------
/assets/weeks/intermediate/week08.md:
--------------------------------------------------------------------------------
1 | # Week 8
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 | - [What is a UX Researcher?](https://careerfoundry.com/en/blog/ux-design/ux-researcher-career-guide/)
7 |
8 | **Vedios:**
9 | first 2 weeks
10 | - [Start the UX Design Process: Empathize, Define, and Ideate | Coursera](https://www.coursera.org/learn/start-ux-design-process?specialization=google-ux-design)
11 | OR
12 | - [Empathize, Define, and Ideate Google UX Design Certificate | Playlist](https://www.youtube.com/playlist?list=PLTZYG7bZ1u6qCRHskLgKf6Olzbbuy-5ce)
13 |
14 |
15 |
16 | **Task:**
17 | select any idea to work on as design
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/assets/weeks/beginner/week04.md:
--------------------------------------------------------------------------------
1 | # Week 4:
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 | - [How To Use Typography In UI Design](https://careerfoundry.com/en/blog/ui-design/typography-ui-design/)
7 | - [Why you should go big with line spacing](https://www.invisionapp.com/inside-design/line-spacing/?utm_source=global-search&fbclid=IwAR37mUr_oD41DcP5GlG0xc39IypnoWGfPvLmm9nRmAjXtq_kAKfbB7DfH5U)
8 | - [7 Principles of Icon Design](https://uxdesign.cc/7-principles-of-icon-design-e7187539e4a2)
9 |
10 | **Videos:**
11 | - [how to use typography](https://www.youtube.com/watch?v=Vh8ywRVLsS4)
12 |
13 |
14 |
15 | **Task:**
16 | [ Food Recipe & Ingredients Mobile App](https://dribbble.com/shots/20388846-Risipy-Food-Recipe-Ingredients-Mobile-App)
17 |
--------------------------------------------------------------------------------
/assets/weeks/advaned/week13.md:
--------------------------------------------------------------------------------
1 | # Week 13: Animations
2 |
3 | ## Content:
4 |
5 | - Animations:
6 |
7 | [https://youtube.com/playlist?list=PLjxrf2q8roU2v6UqYlt_KPaXlnjbYySua](https://youtube.com/playlist?list=PLjxrf2q8roU2v6UqYlt_KPaXlnjbYySua)
8 |
9 |
10 | ## Tasks:
11 |
12 | Using the FlutterLogo, TweenAnimatedBuilder, Animated Container, and Hero Widgets please create the following animations:
13 |
14 | First task:
15 |
16 | [task1.mp4](../../../assets/videos/Week%2013%20Animations%20-%20%20Tasks/task1.mp4)
17 |
18 | Second Task:
19 |
20 | [task2.mp4](../../../assets/videos//Week%2013%20Animations%20-%20%20Tasks/task2.mp4)
21 |
22 | Third Task:
23 |
24 | [task3.mp4](../../../assets/videos/Week%2013%20Animations%20-%20%20Tasks/task3.mp4)
--------------------------------------------------------------------------------
/assets/weeks/beginner/week03.md:
--------------------------------------------------------------------------------
1 | # Week 3:
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 | - [A Beginner's Guide to Color Theory](https://uxcel.com/blog/beginners-guide-to-color-theory)
7 | - [Principles of UI design: Alignment](https://uxdesign.cc/principles-of-ui-design-alignment-dd707e983f29)
8 |
9 | **Videos:**
10 | - [How To Select Colors](https://www.youtube.com/watch?v=Co75kmQtbaA)
11 | - [Color Contrast Ratios](https://www.youtube.com/watch?v=mp1PfL3m_hI)
12 | - [Principles of UI design: Alignment](https://uxdesign.cc/principles-of-ui-design-alignment-dd707e983f29)
13 | - [How to use 8pt grid & spacing](https://www.youtube.com/watch?v=ctXmOtBNwV8)
14 |
15 |
16 |
17 | **Task:**
18 | [Task Management App](https://dribbble.com/shots/20767519-Task-Management-App-iOS-Android-UI)
19 |
--------------------------------------------------------------------------------
/assets/weeks/intermediate/week07.md:
--------------------------------------------------------------------------------
1 | # Week 7
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 | - [UX Roles](https://medium.com/@mennaelgyar4/ux-roles-356d8ef68a3d)
7 | - [UX Research Methods](https://medium.com/@mennaelgyar4/ux-research-methods-92c6ecdc6a70)
8 | - [What Is the UX Design Process?](https://careerfoundry.com/en/blog/ux-design/the-ux-design-process-an-actionable-guide-to-your-first-job-in-ux/#:~:text=The%20UX%20design%20process%20can,UX%20is%20an%20iterative%20process.)
9 |
10 | **Vedios:**
11 | - [Foundations of User Experience Design | Playlist](https://www.youtube.com/playlist?list=PLTZYG7bZ1u6oHnGp4Ib3n0y-CmFQdTW6r)
12 | OR
13 | - [Foundations of User Experience Design | Coursera](https://www.coursera.org/learn/foundations-user-experience-design?specialization=google-ux-design)
14 |
15 |
16 | **Task:**
17 | select any idea to work on as design
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/assets/weeks/beginner/week01.md:
--------------------------------------------------------------------------------
1 | # Week 1
2 |
3 | ## Content:
4 |
5 | **Articles:**
6 | - [The Difference between UI & UX](https://www.interaction-design.org/literature/article/ux-vs-ui-what-s-the-difference)
7 | - [UX Roles](https://www.interaction-design.org/literature/topics/ux-roles#:~:text=UX%20roles%20describe%20the%20various,of%20the%20ideal%20design%20process)
8 | - [Principles of UI Design](https://uxplanet.org/7-key-principles-of-ui-design-fbf05f5805f)
9 |
10 | **Vedios:**
11 | - [The Principles of Design](https://www.youtube.com/watch?v=9EPTM91TBDU)
12 |
13 |
14 | [Figma Tool](https://learnux.io/course/figma)
15 | or
16 | [Figma Tool](https://www.youtube.com/watch?v=kbZejnPXyLM)
17 | [User interface design principles Course](https://www.edraak.org/en/programs/course/uidesign-v1/) _Edraak
18 | **Task:**
19 | - [Mobile app](https://dribbble.com/shots/19021013-Mobile-App-iOS-Android-UI)
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/assets/weeks/advaned/week19.md:
--------------------------------------------------------------------------------
1 | # Week 19: Practical Break: Movies App.
2 |
3 | We will work individually, to design, and implement a Movie App during this project. We will use the [IMDb Top 100 Movies](https://rapidapi.com/rapihub-rapihub-default/api/imdb-top-100-movies) API. To receive the poster and The trailer link in Your Application and all the film Details.
4 |
5 | - [Request example](https://drive.google.com/drive/folders/1SHWVUgSLo0XIVHX-eNqNbjyLmaJE8Jgj?usp=sharing) This video o for learning how To use this API.
6 |
7 | ### Project Details.
8 |
9 | - Home Screen.
10 | - Splash Screen.
11 | - Movie Details Screen.
12 | - Favorite screen.
13 | - Profile Screen.
14 |
15 | ### Required Details.
16 |
17 | - Dark Mode, Light Mode Button (App Theme).
18 | - Search Bar.
19 | - Trailer Video View in Movie Details Screen.
20 | - Login and Register Validation.
21 |
22 | **notes**: Use Any Animation Tricks You Want but (**Simply**).
23 |
24 | ### SQLite (Database)
25 |
26 | - **Favorite Screen**: to Store Favorite Movies.
27 | - SQLite can handle the validation on **Login & register** Screens.
28 |
29 | ## To choose an appropriate UI design, there are a huge number of websites you can search on such as:
30 |
31 | - [https://www.freepik.com/](FreeBik)
32 | - [https://dribbble.com/](https://dribbble.com/)
33 | - [https://www.behance.net/](https://www.behance.net/)
34 | - [https://www.pinterest.com/](https://www.pinterest.com/)
35 | - And Of Course Google!
--------------------------------------------------------------------------------
/assets/weeks/advaned/week14-15.md:
--------------------------------------------------------------------------------
1 | # Week 14-15: Practical Break: E-Commerce App.
2 |
3 | During this project, we will work individually, design, and implement an E-Commerce system. We will use the [Asos-Rapid API](https://rapidapi.com/apidojo/api/asos2/) to retrieve the categories, and products, create and retrieve users, and manage cart items. The API doesn’t provide managing an order, but it has the shopping cart part, where we can add products to the Shopping cart that belongs to the user.
4 |
5 | - [https://youtu.be/t1lbJvoPxwM](https://youtu.be/t1lbJvoPxwM) This video for learning how To use this API.
6 |
7 | ### Project Details.
8 |
9 | - Splash Screen (Animation).
10 | - Login & Register Screen.
11 | - Categories List.
12 | - Products List.
13 | - Product Details.
14 | - Cart Screen.
15 | - Favorite Screen.(optional)
16 | - Profile Screen.(optional)
17 |
18 | ### Required Details.
19 |
20 | - Page Transitions Animation.
21 | - Search Bar.(UI only)
22 | - Login and Register Validation. (optional)
23 |
24 | ### SQLite (Database)
25 |
26 | - **Cart Screen**: to Store Client’s Orders.
27 | - **Favorite Screen**: to Store Favorite Products.(optional)
28 | - SQLite can handle the validation on **Login & register** Screens.(optional)
29 |
30 | **notes**: Each page has its own databases.
31 |
32 | ## To choose an appropriate UI design, there are a huge number of websites you can search on such as:
33 |
34 | - [https://www.freepik.com/](FreeBik)
35 | - [https://dribbble.com/](https://dribbble.com/)
36 | - [https://www.behance.net/](https://www.behance.net/)
37 | - [https://www.pinterest.com/](https://www.pinterest.com/)
38 | - And Of Course Google!
--------------------------------------------------------------------------------
/assets/weeks/advaned/week16.md:
--------------------------------------------------------------------------------
1 | # Week 16: State Management with Provider
2 |
3 | ## Content:
4 |
5 | - State Management: (91 - 97)
6 |
7 | [https://youtube.com/playlist?list=PL3aG1K3LWCrfRhN2p7gargu-ugZuCO44a](https://youtube.com/playlist?list=PL3aG1K3LWCrfRhN2p7gargu-ugZuCO44a)
8 |
9 |
10 | ## Tasks:
11 |
12 | > The task is mainly For State Management To Send Data Through **3 Pages** but Feel Free To Use any UI You like and any Tricks or animation you Want (Be creative)
13 | >
14 |
15 | 1. **Page 1:** It’s a Register Screen That receives the user information like image, name, Email, password, and Mobile Number.
16 |
17 |
18 |
19 | 
20 |
21 |
22 |
23 | 1. **Page 2:** Welcome Screen That Catches user data and handle The Counter.
24 |
25 | 
26 |
27 |
28 |
29 | 1. **Page 3:** Screen recieve Counter result and handle change in it
30 |
31 |
32 |
33 | ### Required Details in AppBar
34 |
35 |
36 |
37 | - **Cart Icon**: Handle The Product number & the change in Counter on **Page 2.**
38 | - **Circle Avatar**: receive User image From **Page 1**.
39 |
40 |
41 |
42 | 
43 |
44 |
45 |
46 | 
47 |
48 |
49 |
50 |
51 |
52 | 
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | # UI UX roadmap IEEE
3 | ## the roadmap is not completed yet but here is the full resourses we are working with **[Roadmap Resourses](https://ordinary-wing-9be.notion.site/UI-UX-roadmap-resources-IEEE-c2446608839345d288d3559289022e6a)**
4 |
5 | [](https://postimg.cc/qzHB11V0)
6 | >UI UX design is becoming increasingly popular, and many people are trying to enter this field. Still, they really don't know how so in this team, we will walk you through the whole process of becoming a UI UX designer and help you brand yourself and land your first job. but how:
7 |
8 | ## Objectives:
9 |
10 | - **the fundamentals and design principles:** you need to understand how to pick colors what contrast is how to work with typography etc this step is essential because if you don't build a strong foundation first you will struggle throughout your design journey.
11 | - **UI and UX are different:** ***UI** is how things look. It is the process of making interfaces in software with a focus on looks or style. On the other hand, **UX** is a process that means how things actually work.*
12 | - **Learn UX: [Google UX Design Professional Certificate](https://www.coursera.org/professional-certificates/google-ux-design?utm_source=gg&utm_medium=sem&utm_campaign=93-BrandedSearch-ROW&utm_content=B2C&campaignid=1599063752&adgroupid=58953588445&device=c&keyword=online%20classes%20coursera&matchtype=b&network=g&devicemodel=&adpostion=&creativeid=343730227912&hide_mobile_promo&gclid=CjwKCAiAmJGgBhAZEiwA1JZoliXWWHp6UUEzmNwIR-FDWpVRs5LRy-qykIJXMBx1wmrzjiTpKAVMXhoCEb0QAvD_BwE)**
13 | - **Learn UI: By practice**
14 | - **Build your own projects**
15 | - **Brand yourself and Create a strong Portfolio**
16 | Are you ready? let's get started
17 | #
18 | ## Timeline:
19 |
20 | * UI UX Beginner “6 weeks”
21 | * UI UX Intermediate
22 | * UI UX Advanced
23 | * Building Projects
24 | * Portfolio and self-branding
25 |
26 | 
27 | ## Resources you will need it
28 |
29 | - *Images*
30 | - [Unsplash](https://unsplash.com/)
31 | - [Pexels](https://www.pexels.com/)
32 | - [Freepik](https://www.freepik.com/)
33 | - [Pixabay](https://www.shutterstock.com/search/pixabay?kw=&gclid=Cj0KCQjw0umSBhDrARIsAH7FCoc2xTMHHU8J9BQXbOJ-p8OEQjoqvNW6LnS0y9wqUdGGvnBrejDcqzAaAglhEALw_wcB)
34 | - [Pinterest](https://www.pinterest.com/)
35 | - *Icons*
36 | - [Freeicons](https://freeicons.io/)
37 | - [Flaticon](https://www.flaticon.com/)
38 | - [Icons8](https://icons8.com/)
39 | - [Iconfinder](https://www.iconfinder.com/)
40 | - [Free icons](https://freeicons.io/)
41 | - [Feather icons](https://feathericons.com/)
42 | - [Icons store](https://iconstore.co/)
43 | - [Simple icon](https://simpleicons.org/)
44 | - *Illustrations*
45 | - [Storyset](https://storyset.com/)
46 | - [Undraw](https://undraw.co/Illustrations)
47 | - [Illustation](https://illustation.io/)
48 | - [Drawkit](https://drawkit.com/)
49 | - *Fonts*
50 | - [google fonts](https://fonts.google.com/)
51 | - [Dafont](https://www.dafont.com/)
52 | - [1001Fonts](https://www.1001fonts.com/)
53 | - *Color inspiration*
54 | - [Color Hunt](https://colorhunt.co/)
55 | - [Coolors](https://coolors.co/)
56 | - [Flat UI Colors](https://flatuicolors.com/)
57 | - [Colormind](http://colormind.io/)
58 | - [Colorinspire](https://colorinspire.webflow.io/)
59 | - *Inspiration*
60 | - [Behance](https://www.behance.net/)
61 | - [Dribbble](https://dribbble.com/)
62 | - [mobbin](https://mobbin.design/browse/ios/apps)
63 | - [Awwwards](https://www.awwwards.com/)
64 | - [important site](https://www.designresourc.es/)
65 |
66 |
67 | ## **▶️ Contact 📱**
68 |
69 | 
70 | 
71 |
72 |
73 |
74 |
75 |
--------------------------------------------------------------------------------