Using mockups is a great way to display digital or print work. If you’re not familiar with the term, mockups provide an digital prototype of your project. For example, on my portfolio page I have screenshots of websites I’ve designed displayed inside a picture of a laptop screen.
The quality of your photos can make a world of difference to your website’s credibility. High quality, engaging, professional-looking photos increase trust and give a positive opinion of your brand. Dark, grainy, low-quality photos don’t give off that same vibe. I’m constantly amazed at the dramatic improvement a few well-placed photos can have on a website.
Mosaic is a faith community in Lincoln, NE committed to live by faith, to be known by love, and to be a voice of hope. In late 2014, an opportunity arose to start a new campus in north Lincoln at an indoor skate park called The Bay. The goal of MOSAIC @ The Bay is to meet the physical and spiritual needs of the community surrounding The Bay and the greater Lincoln community.
The blank canvas. Vast. Wide. Empty. Space. Just waiting for you to create something great. Fears start to creep in. Will this design turn out as good as my last one? Will my client be happy with my work? How can I ever create a good design with all the project requirements?
When empty space is staring back at you, it’s hard to figure out exactly what you want to design. You might start with some of the basics like a logo in the upper right and navigation to the left, but to really grow as a designer it is vital to be inspired. Whatever your profession, it is likely that what you do on a daily basis is inspired by something you read, saw, heard, or discovered. Your inspiration might come from nature, people, stories, or anything else in the world around you.
When I’m faced with a blank canvas I look to the work of other designers to be inspired as I create a website project. Learning new ways to design elements helps me continually become a better designer and deliver higher quality products to clients. Here are a few resources I’ve found invaluable for web design inspiration.
If you have done any type of graphic design work you are probably familiar with Adobe Photoshop and Illustrator. A program you are probably less familiar with is Adobe Fireworks. Fireworks is a hybrid program that combines Photoshop’s bitmap editing features with Illustrator’s vector drawing capabilities. Think of it as a light version of Photoshop with all the major path and drawing tools of Illustrator. It allows you to create multiple pages and states within the same document and link those pages together to present a clickable prototype.
The workflow Fireworks provides is what really sets the app apart for me as the best tool for web and interface design. Here is a list of some of my favorite features in Fireworks that make my design process easier.