10 tips for designing for digital output.
info@parall.ax
1. Wireframing
- Makes things easier, giving yourself space by separating the entire thorught process and UX considerations from the visual design.
- Focus on the fun stuff.
- Communicate your ideas.
Useful tips:
- You want to map out the UX.
- Sketch
- Photoshop
1b. Responsive device
- Mobile - 320px bt 565px
- Desktop 1600px by 1000px
Learn your canvas sizes.
Use grid systems.
2. Fonts
- Not all fonts are available for web.
- Make sure that the font is available for license.
Helpful tips: typekit and fonts.com and google fonts
4. Organisation
- Organise your files
- Keep everything together and name each thing you do correctly.
5. Research
- Look at functionality and new web trends, colours and typography.
- Identify competitors and benchmark against similar brands.
- Look at user personas - know your target audience.
6. Retina/ High DPI.
- The web supports vectors now. They will always be rendered as pixels so be aware.
- Using smart objects.
- Choose your software wisely.
- Double up. When designing for retina you should double pixel sizes in Photoshop.
- Provide multiple sizes. Raster items. images should be provided in multiple sizes for high and low resolutions screens.
7. Interactivity
- Create animations yourself in After Effects/Adobe Edge etc. Give them an idea you want them to move or react. Don't make it too distracting
8. Understanding
- You should have an understanding of how things function and what is realistically possible.
9.
You need to build a relationship between the user and the product. This will create trust and make it easier to navigate around the website and make it more more
10. Compromise
- Be prepared with outrageous comments and requests.
- Offer explanations
- Ask for examples from the client that might help you build something better for the client.
-------------------------------------------------------------------------------------------------------------------------
No comments:
Post a Comment