Brands of the World™ | Download vector logos and logotypes The Badass List of Free Stock Photos Websites for Designers The Badass List of Free Stock Photos Websites for Designers All the stock photos you can eat. Galleries, tools and websites you shouldn’t miss. Why is it so freaking hard to find high quality, high-res free stock photos with no watermarks or shitty-designed websites around them? Show me the list Show me the tools I mean, great photographers should get paid for their awesome work. From StockPhotos.io, credit: Jade Viladrich When was the last time you paid your beloved search engine Google? Free stock photos are the shizzle! Whether it’s for creating a cool landing page, showing-off a prototype to your clients, or maybe using them a newsletter or for social media – free stock photos are the shizzle! Finding them on the internet should be easy. If you search Google for “stock photos” or “stock images”, it’ll find you really expensive ones, starting with $20 per image (for instance on Shutterstock or 123RF). Anyone could use a great photo of cats from time to time (credit: Gratisography) FindA.Photo
design-a-travelers-photo-diary-tumblr-theme-in-photoshop--cms-23150?WT In this tutorial we’ll walk through the step by step process of creating a simple, photo-based Tumblr diary theme in Photoshop. I will start totally from scratch and will guide you through the whole process of setting up the document, using some basic tools and completing the design in no time. The aim of this tutorial is to show how some of the design decisions are being made and how the final design comes to life. In order to follow along you will need some (freely available) assets: Photos from SkitterphotoPT Serif font from Font SquirrelPT Sans font from Font SquirrelPhotos from UnsplashShare icon from IconfinderRetweet icon from IconfinderHeart icon from IconfinderYouTube icon from Iconfinder Begin by creating a new Photoshop document (File > New…) using the settings shown below. Let’s set some guides so our layout has enough space and looks balanced. Note: Guidelines used for this tutorial: vertical at 100px, 600px, 720px and 1100px. Text postPhoto postVideo postQuote post That’s it!
design-an-app-landing-page-in-photoshop--cms-23716?WT In this tutorial I will walk you through the design process of a simple and conversion-oriented app landing page. We’ll use the Tuts+ Android app for the demo, emphasizing its features and benefits, and employing calls to action throughout. When designing landing pages there are some things you need to get right to enjoy high conversion rates. According to growth hacker Neil Patel, in order to have a competition-crushing landing page you need: A killer headlinePersuasive subheadlinesPicturesExplanationValue proposition or benefitsLogical flowTrustworthy testimonialsPowerful call to action We’re going to implement all of the above elements to make our landing page as effective as possible. I highly recommend you take a look at Employing AIDA Principles in Web Design by Shaun Cronin. Research shows that people don’t mind scrolling, so once you’ve created initial interest at the top of the page you shouldn't worry about making your landing page longer. We’re done with the header. That’s it!
Search Engine Optimization for Music Websites (Infographic) If you have a music website to sell beats or promote your music, search engine optimization is a must. If you are new to SEO, here is a great inforaphic of search engine optimization basics for music websites. If you are a Music Maker website theme user, pay attention to these tips to help improve your search engine rankings. Helpful Search Engine Optimization for Music Websites What is Search Engine Optimization? Search engine optimization (SEO) is the process of affecting the visibility of a website or a web page in a search engine’s “natural” or un-paid (“organic”) search results. How do search engines work? Search engine robots… Crawl the webIndex website pagesRank indexed pagesReturn relevant results to users S.T.A.C Your Site Structure Sitemap – Help search engines find all the pages on your site. Create XML and HTML versionsUse third party toolsUpload to Webmaster Tools – Google Webmaster Tools Canonical Pages – A single URL for your main page. Topicality
All About Grid Systems Now you know all about colour, typography and various things you should undertake before you start a design project, it’s time to start getting down and dirty with some of the basics of working with grids in your designs. Grids enable you to build solid structure and form into your designs. Much like we looked at typographic hierarchies and rhythm, we can effectuate the same feelings through using a grid structure. Grids aren’t just useful for us as designers or developers - they’re good for the user, too. If your website is well designed, a grid will help you to project that confidence further to your users - however consciously or sub-consciously that projection may be. What is a Grid System? ..a structure comprising a series of horizontal and vertical lines, used to arrange content. In its most basic terms, a grid system is a structure comprising a series of horizontal and vertical lines which intersect and are then used to arrange content. Advantages of Using Grid Systems Assignments