Most of us know and use Adobe tools in website designing process. But there are some newcomers out there that could be of great use and with lower prices.
SKETCH (APP OF THE YEAR BY NET AWARDS)
This app is created for a modern designer that has to have responsiveness in mind when designing a website. It’s can only be used on Mac, so it benefits from it’s autosave option.
There is a useful option iOS Mirror, that enables you to view your design on your iPhone or iPad in the same time as you are working on them. To make it work, you will need Sketch Mirror app.
Another great thing is that it allows you to export CSS properties, to make your coding easier and faster.
Build-in templates help you design faster by modifying them to your needs:
iOS Design Template
- Navigation bars
iOS Icon Template
- iPhone Home Screen
- Long-look notification
- Notification Centre
Web Design Template
- Mobile Portrait
- Tablet Portrait
- Desktop HD
Another great thing is that you can place multiple artboards next to each other, which makes it easier to design for all devices since you see it all in one place.
If you are interested in learning about how to use Sketch, check out this series of videos.
Great app by Apple for Mac. It has all features that a good design requires in affordable price ($62.49). Workspace is vivid and easy to use.
Check their tutorials and see if it match your needs:
This is a great tool for prototyping. If you want to see your design in action as soon as possible and deliver it to clients, to get the feel of how their website is going to look like, this is a tool for you.
You just drag and drop your design or sync it with your Dropbox account and you are ready to go. From there add buttons, links and comments. You can assign tasks and review finished ones, create mood boards and inspiration galleries and share them with your team.
You can make prototypes for wide range of devices:
- Desktop (Web)
- Android Tablet
- Android Phone
- Apple Watch
- Android Watch
Check their introduction videos to see what it’s all about.
With a modern interface and a large selection of elements, it is a great tool for prototyping. It includes smart guides that help you align elements. Share prototypes with clients and allow them comment directly their feedback.
Another tool for creating interactive mockups and wireframes to help you and your clients visualize future website.