Priority Design Tools
Few Trending Fonts:
http://www.typevibes.com/
Awareness of trending pairing fonts
serif ( With End Strokes- Times new roman): Rockwell, Sabon, Jura, Brela, Cormorant, Crimson text
sanserif ( Without Strokes- Arial): DIN 1451, Proxima Nova, Montserrat, Nunito, Ui Sans, Open sans, Segoe UI, Moon, Coves, Big john, Slim John, Baron, Aqua Grotesque, Dense
To pair the fonts We need to take care of the Type faces, Contrast with Serf and Sanserif,
Likes:
Bebas neu bold with montserrat.
Open sans extra bold / Cooper hewitt
Raleway/ Roboto
Sefon/bebus neue
Anton/Opensans light
- For Kiosk displays, any sans serif font(IBM Plex Sans, Roboto, Open Sans, Cairo Black, Rajdhani, etc)
Where do i take colors for my designs?
I Prefer something from real world.
- www.paleton.com
- https://htmlcolorcodes.com/color-picker/
- Found an article you may be interested in:
https://digitalsynopsis.com/design/2019-color-trends-worlds-most-popular-colors/
Test
GA, AB testing, Use Case scenarios, task based, Usability testing
- Where are your users mainly coming from?
- Which section do the users stay the longest?
- Which areas on your page are getting the most clicks?
- Which parts can be optimized and which can be ignored?
- Manual Testing by observing the user by giving a task and tracking the duration
- Heat map by few tools like crazyegg similar to GS
- Eye tracking — WebEyeMapper and WebLogger
Tools Used:
Microsoft invisio and Flow map, XMind, Mindomo, etc.
Sketch, Figma, XD, Balsamiq, Invision, Zeplin etc.
Upgraded with Adobe Suite-Illustrator, Photoshop, Afinity, Max, Maya etc.
Advanced animations, be it via CSS, JS, video or 3D Browser Engines,After effect
Testing Tools: Crazyeggs, Manual testing,
Forum
