tag:blogger.com,1999:blog-75082597350613864412024-02-19T20:14:32.946-06:00Liam Thinks!Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comBlogger21085125tag:blogger.com,1999:blog-7508259735061386441.post-13134721563736011442016-09-01T23:28:00.001-05:002016-09-01T23:28:08.445-05:00The Prints and the PauperLiam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-54978335171064470382016-07-14T06:06:00.001-05:002016-07-14T06:06:33.160-05:00Making Fonts: Proza LibreLiam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-63492425938163406462016-03-22T11:55:00.001-05:002016-03-22T11:55:47.712-05:00Why PUA Encoded Fonts are Good for the Design Industry<p> </p>
<p>A font is just a font right? You buy it, download it, and install it, done! Not quite……</p>
<p>For years font designers have created fonts specifically targeted at Graphic Designers who have access to premium software, which is ok, if you can afford Adobe Suites and the like. But what if you can’t?</p>
<p>Saving money is the start of making money, so what if you didn’t have to buy expensive design software just to access all the font glyphs? Well now you can! Introducing FontBundles.net – a premium font marketplace offering fully accessible PUA encoded fonts.</p>
<p>PUA (Private Use Area) encoded fonts are fonts which have been assigned Glyphs you can use in Character Map and Fontbook. Character Map is a free windows software application which shows all the glyphs of that particular font. Fontbook does the same but for Mac. With this anybody can access the font extra special glyphs which were once only accessible to the higher end software purchasing customers.</p>
<p>So what is so special about this? Well this opens up a whole need industry and of font consumers. People who work with Arts and Crafts as both a hobby and as a business are able to get exactly what they have paid for without going out and spending more than they have to. Software such as Cricut Design Space and Silhouette Studio which a lot of crafts people use are able to function as they should and people are generally able to consume fonts which were once inaccessible. This is great news for designers, retailers and the consumer, the industry becomes a bigger place and more people are able to enjoy their fonts for what they were designed to do, create and design!</p>
<p><a href="http://ift.tt/1QVfbpz"><img class="alignright wp-image-20922" src="http://ift.tt/1MA3gbt" alt="revolution font bundle" width="431" height="202" /></a>So where does this leave you if you are a crafter? Well, the first thing is you can create some new, exciting and pretty awesome designs. Things you couldn’t made before. Even better is the fact that to celebrate a revolution in the industry FontBundles.net have released a <a href="http://ift.tt/1QVfbpz" target="_blank">Craft Font Bundle</a> which contains 40 fully <a href="http://ift.tt/1pJP9LJ" target="_blank">PUA encoded fonts</a> for only $29. Saving you a cool 95% off the RRP and $571. To the future on beyond!</p>
<p> </p>
<div class="feedflare"><a href="http://ift.tt/1MA3gbx"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1MA3gYQ"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1MA3gbB"><img src="http://ift.tt/1U5ogyI" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-36876672957420571242016-03-20T16:56:00.001-05:002016-03-20T16:56:07.022-05:00Best Free alternatives to Placeit.net<p>Placeit is a great service that lets you instantly mockup screens in devices. Unfortunately, Placeit.net gets very expensive.</p>
<p>There is a free option that allows you to download a small version with an unlimited license but the size is only 400×300 px. After that size it suddenly becomes very expensive. An unlimited license for a large photo 1920 x 1440px costs $8 and super high quality photo 3300 x 2475 costs $28. At that point, you might as well hire a graphic designer.</p>
<p>Don’t worry we’ve rounded up a few of our favorite free alternatives to Placeit.net</p>
<h3><img class="alignnone size-medium wp-image-20897" src="http://ift.tt/1R8tY0f" alt="Smartmockups mockup" width="600" height="376" srcset="http://ift.tt/1RYDjnG 600w, http://ift.tt/1R8u08g 768w, http://ift.tt/1RYDhw2 1024w, http://ift.tt/1R8tY0h 1324w" sizes="(max-width: 600px) 100vw, 600px" /></h3>
<h3>Smartmockups.com</h3>
<p><a href="http://smartmockups.com" target="_blank">Smartmockups</a> is one of our favorite competitors to Placeit. They allow you to mock up screens in desktop, laptop, tablet, smartphone, and watch devices. All images can be downloaded at full resolution and come with a royalty-free license. This means there are no restrictions on where you use the image or what project. You can use them on both the web and print. They even give you four sizes to choose from to download!</p>
<p>Smartmockups has the largest library of the images and is the closest to Placeit even though they don’t do video or apparel.</p>
<h3><img class="alignnone wp-image-20898 size-medium" src="http://ift.tt/1RYDjnK" alt="MockupsDrop" width="600" height="356" srcset="http://ift.tt/1R8tY0k 600w, http://ift.tt/1RYDjnO 768w, http://ift.tt/1R8tY0m 1024w, http://ift.tt/1RYDhw7 1397w" sizes="(max-width: 600px) 100vw, 600px" /></h3>
<h3>MockDrop</h3>
<p><a href="http://mockdrop.io">MockDrop</a> is built by Maximilian Beck. It has a decent collection of images for a smartphone, laptop, desktop, watch, and tablet. MockDrop allows you to upload the image and process in your browser. The size of the images you can download changes depending on the image you choose.</p>
<h3><img class="alignnone size-medium wp-image-20900" src="http://ift.tt/1R8tYgC" alt="Mockups Jar" width="600" height="356" srcset="http://ift.tt/1RYDjnQ 600w, http://ift.tt/1R8tYgE 768w, http://ift.tt/1RYDjE5 1024w, http://ift.tt/1R8tYgG 1393w" sizes="(max-width: 600px) 100vw, 600px" /></h3>
<h3>Mockups Jar</h3>
<p><a href="http://mockupsjar.com" target="_blank">Mockups Jar</a> allows you to create photorealistic mockups. Like the other services they make it easy to create proof of concept for your app or website. They give you a bit more flexibility over Mockup Jar with the ability to sort images by Iphone, Android, Macbook, frames, and flat desktop browsers. It was created by the folks at <a class="" href="http://icenodes.com" target="_blank">Icenodes</a> kudos to them!</p>
<h3><img class="alignnone size-medium wp-image-20899" src="http://ift.tt/1RYDjE7" alt="Magic Mockups" width="600" height="358" srcset="http://ift.tt/1R8tYgK 600w, http://ift.tt/1RYDjE9 768w, http://ift.tt/1R8u08n 1024w, http://ift.tt/1RYDjEc 1395w" sizes="(max-width: 600px) 100vw, 600px" /></h3>
<h3>Magic Mockups</h3>
<p><a href="http://magicmockups.com" target="_blank">Magic Mockups</a> is another real life mockup generator. Like the other options the images are uploaded and then you can download a high-resolution image. Magic Mockups has less image options than Smartmockups with only 24 images to choose from. There are a few unique images that are worth checking out if you are getting stuck with the other photo libraries.</p>
<h3><img class="alignnone size-full wp-image-20896" src="http://ift.tt/1R8tYgM" alt="flat iphone 6 mockup templates" width="450" height="270" /></h3>
<h3>Photoshop Mockups</h3>
<p>If you just need a plane photoshop file to mock up we have a huge roundup of <a href="http://ift.tt/1wDJQ17">the best Photoshop mockup design templates</a>. You can grab free downloadable files for Photoshop, Sketch, and Adobe Illustrator. There are both photorealistic, flat, and wireframe files.</p>
<div class="feedflare"><a href="http://ift.tt/1R8tYgO"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1R8u08r"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1R8u08t"><img src="http://ift.tt/1RYDjEe" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-38982206970329738472016-03-18T16:04:00.001-05:002016-03-18T16:04:57.718-05:00Are Your Website’s Images Telling the Wrong Story?<p> <br />
We’ve all heard the clichés about photographs: A picture is worth a thousand words, every picture tells a story, and so on and so forth. And while the words themselves aren’t exactly original, the message is still important.</p>
<p>When it comes to your website design, photos are a critical piece of the puzzle. Your words are important, but the photos you select give your visitors a sense of who you are before they even read a single word. Your website’s photos help establish your brand, by setting a particular mood or conveying emotions, or by highlighting your products.</p>
<p><img class="alignright wp-image-20916" src="http://ift.tt/1MsfD9z" alt="designer collage" width="323" height="316" srcset="http://ift.tt/1SZa7lt 600w, http://ift.tt/1MsfDpP 733w" sizes="(max-width: 323px) 100vw, 323px" />Given how important photos can be to telling your brand’s story, it’s surprising how many companies actually get it wrong when it comes to choosing photos for their sites. Often, the poor photos are due to a desire to save money (i.e., they only use photos from free or inexpensive stock sites, or use their own photos, none of which are great quality). In other cases, the site owner simply doesn’t know any better and just picks photos that he or she thinks look okay. When <a href="http://ift.tt/1KcE9Qr" target="_blank">designing your own do-it-yourself website</a> for the first time, it can be a learning experience about what works and what doesn’t.</p>
<p>The problem isn’t just limited to those who create their own website, either. Often, professional designers make poor photo selections themselves, usually at the direction of a client.</p>
<p>The good news is that it is possible to avoid bad photos that tell the wrong story — and it doesn’t have to mean investing thousands of dollars in photography or reinventing the wheel. It only requires knowing what to avoid and what to look for in website photography.</p>
<h2>Common Photo Mistakes</h2>
<p>Obviously, everyone knows — or should know, at least — to avoid photos that are blurry, out of focus, not well-composed, or poorly lit. When we are talking about low-quality photos, we’re talking more about the content of the photos themselves. That tends to be where many of the worst mistakes appear. You want to avoid:</p>
<p><strong>Generic photos.</strong> Hiring a photographer to create unique images is ideal, but sometimes stock photography is your only option. You want to <a href="http://ift.tt/1MsfDpR" target="_blank">avoid using the same boring images</a> that everyone else is using, and images that are clearly stock photos. Web users can be a fairly savvy bunch, and if they see the same “professional woman” or “elderly man” on multiple sites, they will notice — and they might think you are lazy or unprofessional. When searching for images, look beyond the most popular selections, and choose photos that haven’t appeared over and over again on 1,000 sites.</p>
<p><strong><img class="wp-image-20917 alignleft" src="http://ift.tt/1SZa6xJ" alt="photo collage" width="300" height="200" srcset="http://ift.tt/1MsfEKt 600w, http://ift.tt/1SZa7BO 733w" sizes="(max-width: 300px) 100vw, 300px" />Generic, boring sizes.</strong> Not only are generic stock photos boring, but so is a design that only incorporates photos in the same sizes and shapes. You don’t want to create a chaotic design with a bunch of different and random shapes and sizes, but don’t be afraid to mix things up a bit and show some creativity.</p>
<p><strong>Fear of cropping.</strong> Careful cropping of photo can take a photo from blah to wow. By cropping a photo, you can show more detail and create a focal point to draw users attention where you want it. When looking at the photos you’ve selected, consider whether cropping out unnecessary elements would make the photo more impactful, and don’t be afraid to be a bit ruthless.</p>
<p>Unedited photos. We aren’t talking about achieving perfection here — no need to get crazy and turn your staff into a group of supermodels for the “About Us” page. However, don’t be afraid to do some cleanup in an image editing program where necessary. This means cropping out distracting background elements, removing red eye, adjusting the lighting and shadows, and removing small flaws (like the one hair flying in the wrong direction). If you don’t know how to edit photos, ask someone who knows for help — or select a different photo. Remember that you can’t “fix” a truly terrible photo into something great with digital editing, and sometimes it will be easier, and less expensive, to just get a different image.</p>
<p><strong>Wrong technical specs.</strong> While this doesn’t really relate to the content of your images, when the technical specifications are wrong, it will reflect poorly on your site. For example, photos that are too large (meaning that the resolution is too high) will take forever to load, while those that are sized incorrectly will look weird when the site goes live. Again, crop carefully, and choose the lowest resolution that still looks good to keep page loading speed fast.</p>
<p>It is possible to design an attractive website using stock photography and your own photos. Just be aware of the common pitfalls, and do what you can to avoid them. You’ll have a more successful site — and a stronger brand.</p>
<div class="feedflare"><a href="http://ift.tt/1MsfEKv"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1SZa6xN"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1MsfDpW"><img src="http://ift.tt/1SZa7BU" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-9603788527740869412016-03-18T14:14:00.001-05:002016-03-18T14:14:30.587-05:00What Is Negative Space and How Does It Apply To Web Design?<p>Negative space is one of the most important principles of website design. It is the space between the fonts, images, graphics or any other design elements on the web page. If we are able to take control of this space, we can make great use of one of the defining components of web design. Although, negative space is often ignored by novice designers, the experienced ones thoroughly comprehend its importance and put it to great use. The pointers discussed in the post will definitely aid the design process and help the designers make the best use of the negative space.</p>
<h3>Negative Space Examples</h3>
<p>For instance, the <a href="http://google.com" target="_blank">Google’s home page</a> showcases a terrific use of white space or negative space. Due to the white open spaces in the web page, the colorful logo of Google stands out and achieves our maximum attention.</p>
<p><img class="alignnone size-medium wp-image-20912" src="http://ift.tt/1Rrs4U9" alt="google" width="600" height="266" srcset="http://ift.tt/1UnqrNW 600w, http://ift.tt/1ptlBlb 768w, http://ift.tt/1Unqs4c 1024w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>If we look at the design of <a href="http://ift.tt/iupj9y" target="_blank">Apple’s iCloud</a>, we find that the entire meaning of the logo comes from the negative space with just an outline of the cloud drawn. There are times when negative space is used to add sophistication to the design page. There are a plethora of such examples where negative space has brought about the positivity in the web design.</p>
<p><img class="alignnone size-medium wp-image-20913" src="http://ift.tt/1UnqqcL" alt="icloud" width="600" height="333" srcset="http://ift.tt/1ptlBlf 600w, http://ift.tt/1UnqqcN 768w, http://ift.tt/1ptlBlh 1024w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p> </p>
<p>When the spacing is performed efficiently in a web page, the page becomes easy to scan which contributes to the overall user experience. For starters, we will throw some light on how we can utilize the negative space to its full potential and enhance the legibility of the web page.</p>
<h3>What Exactly Is Negative Space?</h3>
<p>Negative or white space is an empty space between design elements, be it text, images, or graphics. This is the space that lets the positive space stand out. We can draw an analogy here and compare negative space to open spaces in a showroom and positive space as places to display the product. If there is no open space, you cannot really view the products with the same ease as the case might be with open spaces. It is as if they complement each other. Coming back to web design, at times, negative space renders a whole new meaning to the design when the role of negative and positive space is reversed.</p>
<h4>Micro negative space</h4>
<p>Micro negative space refers to smaller volume of space around the design elements. However, the importance of this space has nothing to do with the dimension. In its correct definition, the micro negative space is between the paragraphs, lines, letters, and such small elements. Proper use of this space around the text makes the design attractive and legible. It becomes easy for the users to find what they are looking for, in the web page.</p>
<h4>Macro negative space</h4>
<p>The whitespace that is left unused around the header and footer of the web page is known as the macro negative space. As this space is larger as compared to the space between the text and lines, it is called macro space. Macro negative space needs to be managed smartly as it can hamper the overall design layout of the website.</p>
<h3>How To Utilize Negative Space In Web Design To Its Maximum Potential</h3>
<p>When it comes to web design, negative spaces acquire a slightly new dimension as compared to print designs. These spaces need to be utilized depending on a lot of factors. If you are brand like Apple and are highly confident of your product, you let the products do the talking. You do not cram the space with texts that desperately to promote cheap offers and deals like other small brands do.</p>
<p>Here are some of the ways you can utilize the negative space efficiently:</p>
<h4>Do not consider empty space useless</h4>
<p>Negative space should never be considered useless. It brings out the best of the positive space and hence, it should be used judiciously. You can base the color, font, size of the text, etc. on the negative space and produce a striking contrast for the visual delight of the users.</p>
<h4>Content Hierarchy Should be Clear</h4>
<p>By content hierarchy, we mean that the text that appears on the web page must have font chosen that clearly depicts its position. Negative space helps a lot in achieving this hierarchy and emphasizes on the features that ought to be shown prominently.</p>
<h4>Negative And Positive Space In Competition</h4>
<p>At times, creating a design while making the positive space compete with the negative space can work wonders. If you use equal measures of both the spaces, you may come up with a design that has the dual dimensions. Depending on the perspectives, users can see two different versions of the design.</p>
<h4>Balance between different page sections</h4>
<p>While managing the negative space, there has to be a consistency across the different page sections of the website. The amount of negative space that you use in one section should not be in stark contrast to another section of the same page.</p>
<h4>Use Loads of Creativity</h4>
<p>Creativity is an attribute that is a must in web design. You must be in a creative zone if you want to create something extraordinary with the negative space and add dimensions to your overall design.</p>
<h4>Final Thoughts</h4>
<p>Negative space has a huge role to play in accentuating the design elements in a web page. Smartly managed macro and micro negative space lead to an attractive, sharp and soothing design that appeals to the users.</p>
<h4>Author’s Bio</h4>
<p>The blog has been authored by Nola Arney, a senior developer at <a href="http://htmlpanda.com" target="_blank">HTMLPanda</a>– PSD to HTML5 Conversion Service Provider. Apart from being a seasoned developer, Nola Arney is also a prolific writer who loves to write informative yet interesting writeups on an array of topics ranging from latest developments on mobile developments to the innovations in technologies and the best practices.</p>
<div class="feedflare"><a href="http://ift.tt/1UnqqcR"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1Unqs4l"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1Unqqt7"><img src="http://ift.tt/1ptlDcT" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-62498727519729837472016-03-15T01:48:00.001-05:002016-03-15T01:48:24.417-05:00Adobe Experience Design is Launched as Sketch Competitor<p><img class="alignnone wp-image-20906" src="http://ift.tt/1SOOcgG" alt="adobe sketch" width="500" height="229" srcset="http://ift.tt/1S1aKbL 600w, http://ift.tt/1SOO9RT 768w, http://ift.tt/1S1aLMN 1024w, http://ift.tt/1SOO9RX 1440w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Sketch has been quickly growing support as the defacto choice for website and user interface design. Released late in 2010 it has continued to enjoy updates and a growing user base.</p>
<p>Supporters have long made the argument that it is hands down better than Photoshop. It’s not too hard of an argument to make as Photoshop was created by Adobe as a photo editing tool.</p>
<h3>How Sketch Got A Head Start</h3>
<p>Sketch was able to capitalise on this and build an application that is vector based. This means that quality is not compromised by the size. This is important as Photoshop is not vector based it required users to make objects Smart Objects. Sketch champions that they are vector based and pixel aware.</p>
<p>Sketch looked like it was going to run away adding features like objects without hidden paths, snap to pixel, dynamic properties, reusable elements, and <a href="http://ift.tt/1lnlfLC">many more features</a>.</p>
<h3>Adobe Looks To Compete With Sketch</h3>
<p>Adobe took note and almost 6 years after the launch of Sketch they are launching <a href="http://ift.tt/1QX7ko7">Adobe Experience Design CC</a>. The project was originally known as “<a href="http://ift.tt/1nID9sj">Project Comet</a>” (because code names cool). Today it was released for Mac OS X, yet a windows version will be released at a later date.</p>
<p>Adobe Experience Design (shortened to XD) is available for (free!) download for users with an existing Adobe account. Even though Adobe has been slow to react to Sketch it has given them time to see what users like and dislike about the app. Adobe also is releasing the application to it’s much larger user base.</p>
<p>XD big sell is that it allows you to build an experience from the beginning to the end. It also seamlessly integrates with your existing Creative Cloud suite. It allows you to go from wireframes to interactive prototypes. This brings in functionality that has recently become popular with apps like InVision.</p>
<p><img class="alignnone size-medium wp-image-20905" src="http://ift.tt/1S1aLMR" alt="adobexd_hero" width="600" height="376" srcset="http://ift.tt/1SOOcgN 600w, http://ift.tt/1S1aKbS 768w, http://ift.tt/1SOOcgP 1024w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<h3>Adobe Experience Features</h3>
<p>The app is still in being rapidly developed yet there are already many features that are sure to make it popular with designers.</p>
<p><strong>User Interface </strong>– The UI has a nice clean aesthetic. This is greatly appreciated as the existing Adobe suite is starting to feel bloated and aging.</p>
<p><strong>Draw Vector Artwork </strong>– A feature of sketch you can use the tools that you are used to using in Illustrator to create vector graphics. You retain total control over the objects allowing you to edit border color, thickness, etc.</p>
<p><strong>Photoshop & Illustrator Integration –</strong> You can pull .svg from Apple Finder but also from AI & PSD. To do this you just need to copy and paste into XD. Because it is a SVG you can edit it directly in XD.</p>
<p><strong>Multi Screen Artboards –</strong> Adobe XD<strong> </strong>starts with an infinite canvas, from there you can choose to create an artboard. It allows you to create an artboard by device size (iphone6).</p>
<p><strong>Repeat Grid – </strong>This is one of the most powerful tools that Adobe has put in XD. Once you have a screen with an item that needs to repeat you can select the item you want to repeat. From there you can select “repeat grid”, as you pull down the app will automatically repeat that object. Making a blog just became easier. The styles are global so a change to one of the objects will change the content in the rest of the screens. Repeat grid allows the individual content to be unique. This means that you can change the text or images to the uniform style.</p>
<p><strong>Export Features for Production – </strong>Website and application designs don’t stop with the design. You still need to pass your designs to development. XD allows you to export assets as either a PNG or SVG for your development team. You are also able to save for iOS, web, or Android. You also have the ability to minify the size for the SVG direct from the export feature.</p>
<p><strong>Mask Items and Add Images – </strong>You can bring any bitmap from photoshop to work with in XD. You can easily mask an image directly in XD. Once you have added an image it becomes the fill and will never become distorted.</p>
<p><strong>UX Prototyping Tools –</strong> When you are done designing you can switch to the prototype mode in the top left-hand corner of XD. Once you have selected the prototype mode you can click and drag to map the application interactions. The preview tool makes it easy to test that your buttons are correctly mapped.</p>
<p><img class="alignnone size-medium wp-image-20904" src="http://ift.tt/1S1aLMT" alt="repeatgrid-image-730x410px" width="600" height="337" srcset="http://ift.tt/1SOOcx3 600w, http://ift.tt/1S1aLMX 730w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><strong>Record User Tests – </strong>This is where Adobe pushes past Sketch and starts to move into UX tools like InVision. You can create a recording of a user’s interactions with your prototype. Once you are done you can save a .mov file directly from the application. This lets your stakeholders view how users are interacting with your prototype.</p>
<h3>New Adobe XD Features</h3>
<p>The Adobe team is just getting started. They have mapped their future features in blog posts that you can <a href="http://ift.tt/1SOOcx5">read here</a>. Highlights of the list include: real-time design preview and testing on mobile devices, responsive design support, API creation for plug-ins, and more design features.</p>
<h3>How Will Sketch Respond?</h3>
<p>It will be interesting to see how Sketch responds. Almost all graphic designers use Creative Cloud so using XD wouldn’t be a big switch. Sketch does have a much larger plugin library and pricing model.</p>
<h3>Pricing?</h3>
<p>Right now EX is free for users with an Adobe ID. Eventually it will probably be added to Adobe Creative Cloud which offers software for a monthly fee. When Adobe switched to the monthly model many users were upset and felt like they were being held at gunpoint. Adobe made the move to increase recurring revenue, increase adoption of their newest version, and decrease pirating of their software. Sketch, on the other hand is offered for a one-time cost of $99.</p>
<h3>Conclusion</h3>
<p>Adobe realized that UI/UX design has moved very quickly. As there are multiple devices and platforms designers need to show designs as working prototypes. Adobe XD is drinking their own Koolaid. They are pledging to update the app monthly based on feedback from their users. We’re curious to hear your thoughts. Drop them in the comments below. Are you going to switch from Photoshop or Sketch to <a href="http://ift.tt/1SMOt3F">Adobe Experience Design</a>?</p>
<div class="feedflare"><a href="http://ift.tt/1S1aKs9"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1S1aLN1"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1S1aM3f"><img src="http://ift.tt/1SOOcx7" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-28183836099000135302016-02-25T23:43:00.001-06:002016-02-25T23:43:04.618-06:00How To Brand Yourself As A Freelance Web Developer<p><strong>It’s not all about the CV</strong></p>
<p><span style="font-weight: 400;">A CV jam-packed with references and recommendations is a powerful weapon in your attempts to climb up the career ladder. However, it is not a silver bullet and solution to all professional problems. The resources on the market are limited and there are more and more competent developers seeking to exploit them. The best way to separate yourself from the competition is to nurture your own distinctive voice: A personal brand. Startups and corporations are not the only subjects in need of a business identity. In fact, each and every individual on the market can benefit from learning how to brand yourself. To become a recognizable business persona, you must learn how to increase your value and sell yourself.</span></p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">A career of a freelance web developer is one of those that take advantage of the modern way of <img class="wp-image-20864 alignright" src="http://ift.tt/1RrMAa7" alt="arms in papers" width="300" height="300" srcset="http://ift.tt/1KPkfLw 150w, http://ift.tt/1RrMz61 600w, http://ift.tt/1KPkcPQ 768w, http://ift.tt/1RrMz63 1024w, http://ift.tt/1KPkcPU 160w" sizes="(max-width: 300px) 100vw, 300px" />doing work. Being a one-man company, however, is</span> <a href="http://ift.tt/1RrMz65"><span style="font-weight: 400;">harder than many freelancers imagine</span></a><span style="font-weight: 400;">. Employers choose the candidates based on things that caught their eye. Your skills do not set you apart from legions of others as much as you think, and will not get your name tossed around on their own. This is a crucial thing to keep in mind for those developers who are only starting out. That being said never let the time dedicated to learning how to brand yourself compromise the quality of your work as you would only undermine the whole mission and beat it’s purpose.</span></li>
</ul>
<p> </p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">By infusing your brand with your personality, you can breathe some life in it and make it shine. Still, it can be hard to be objective and identify the parts of your personality that make you stand out from the competition. So, why don’t you ask others? Or, if you are still feeling disoriented, feel free to follow other examples and use online resources for personal branding development. By basing your brand on your persona, you can achieve consistency and show that you are genuine. Of course, a business image is a stylized version of your real self, but they grow and develop together. Do not just make an effort to have a brand. Be your brand, and live and die by it. This involves the ability to make every project distinctively yours.</span></li>
</ul>
<p> </p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">When making your own website, there are several things to consider. First, what could your unique name be? It must reflect your brand, but you also need to avoid it being similar to others. So do not go with something like “Creative Web Development”. Think about the</span> <a href="http://ift.tt/1Ksgtaq"><span style="font-weight: 400;">SEO benefits of domain name</span></a><span style="font-weight: 400;">, and aim for a high Google ranking with appropriate keywords and content. One of the most obvious examples for this is really simple. If you’re running a site that is selling</span> <a href="http://tonerprice.com/"><span style="font-weight: 400;">printer equipment, toners, cartridges and ink</span></a> <span style="font-weight: 400;">– you can’t go wrong with the name tonerprice.com. People would definitely know where they’re going and what to expect when they come there.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Next, come up with a tagline and a slogan, to accompany the brand name. These are supposed to give people a comprehensive idea about your skill set. It is advisable to write a bio first, and then reduce it to the tagline, which usually contains eight or fewer words. As for a bio, its place is in “about” section of the website, as well as on social media profiles.</span></li>
</ul>
<p> </p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Social media are indispensable in your efforts to build a name for yourself. It is more than just your profile and cover picture on your account. That does not mean you should not pay attention to this element, because it is the first one other will notice. Just do not spread yourself too thin, and focus on networks like LinkedIn or</span> <a href="http://ift.tt/1RrMAa9"><span style="font-weight: 400;">popular developers’ platforms</span></a><span style="font-weight: 400;">. Bear in mind that you are not amassing the likes with your holiday picture, but trying to present yourself as a businessman. Social updates should cover your unique selling proposition (USP), and be related to your niche. Use these platforms to showcase your brand voice and engage in industry-related discussions.</span></li>
</ul>
<p> </p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Note that the online realm is oversaturated with visual content. This tells you two things. First is that visuals are the backbone of marketing and branding activities, effortlessly grabbing attention of people. Second, this suggests that you cannot offer just some generic and unappealing content. Take your time to develop a striking logo, and use it across the digital landscape. It must also set the tone for the rest of your visual branding efforts. Remember this when picking your signature typography, color scheme on the website and the font you use. Every bit of digital real estate should be painted with ingenuity, as it is a visible counterpart to your unique brand voice.</span></li>
</ul>
<p> </p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">A business blog is another great tool for reaching out a wider audience and enhancing your reputation. Offer a different angle than other developers, and instruct people on how to solve practical problems. Create lists of tips and include video content if possible, because these features steal the show. Also, try to contact prominent bloggers and renowned developers and guest post on their blogs. This is a way to drive more internet traffic your way and establish connections with influential people. Finally, engage in blog-commenting on other relevant posts as well and present yourself as an expert with a clear opinion.</span></li>
</ul>
<p> </p>
<div class="feedflare"><a href="http://ift.tt/1KPkcPW"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1KPkcPY"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1KPkfLA"><img src="http://ift.tt/1RrMz67" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-72120232788691853152016-02-11T11:16:00.001-06:002016-02-11T11:16:23.864-06:00Exclusive Freebie: Hand Drawn Valentines Day Doodles<p>Love is in the air (brush) with this exclusive Crazy Leaf freebie from <a href="http://freepik.com" target="_blank">freepik.com</a>. Use them in your Valentine’s Day design projects for free, but show some love with attribution. They are perfect for cards, emails, and more. This exclusive freebie set includes a JPG file, AI format, and EPS files. <a href="http://ift.tt/20XUqNh" target="_blank">Download the pack here.</a></p>
<p><img class="alignnone size-medium wp-image-20860" src="http://ift.tt/1ouSNZm" alt="Hand drawn love elements" width="600" height="8865" srcset="http://ift.tt/20XUpcb 600w, http://ift.tt/1ouSOMU 700w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="feedflare"><a href="http://ift.tt/20XUr3x"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/20XUr3B"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/20XUr3F"><img src="http://ift.tt/1ouSNZq" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-822589422823302882016-01-26T09:27:00.001-06:002016-01-26T09:27:07.884-06:00Exclusive Freebie: 36 Hand Drawn Food & Drink Icons (PNG, PSD, AI, EPS)<h2>Today’s freebie comes from our good buddies over at <a href="http://dryicons.com/" target="_blank">dryicons.com</a>. With 6700 vectors and icons in their database, there’s no shortage of awesome resources for designers.</h2>
<p>Today’s offering is a cool set of 36 hand drawn food and drink icons that is perfect for your next restaurant menu, cafe brochure or bistro website design project.</p>
<p>This exclusive freebie set includes a PNG file, a PSD file, AI formats and EPS files. It’s licensed under a Creative Commons Attribution 3.0 Unported License.</p>
<p>Check it out and share your projects with us if you use the icons. Direct download after the jump!</p>
<p><img class="alignnone size-full wp-image-20854" src="http://ift.tt/1PPCtbI" alt="hand-drawn-food-and-drink-icons" width="700" height="800" srcset="http://ift.tt/1nMZhSZ 600w, http://ift.tt/1PPCvAD 700w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p><a href="http://ift.tt/1nMZhT1" target="_blank">feed me!</a></p>
<div class="feedflare"><a href="http://ift.tt/1PPCvQR"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1nMZk1d"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1PPCtbK"><img src="http://ift.tt/1PPCvQU" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-340778524089284802016-01-25T12:02:00.001-06:002016-01-25T12:02:23.834-06:0012 Must Read Books For Creative and Highly Ambitious People<h2>As creative individuals we fantasize everyday about leaving our mark on this Earth when we checkout. It’s not an easy feat to accomplish, but we aspire in our own little way to satisfy our need.</h2>
<p>Since creativity is ultimately the <a href="http://ift.tt/1L4kn5n" target="_blank">source of our existence</a>, we operate on a high level of consciousness and are able to adapt to our surroundings with ease. To compliment this journey of creativity, this week we’ve compiled a list of great titles to help with your career and to give you some insights. If you’re looking to jumpstart your 2016 with some motivation, inspiration and empowerment, look no further, we’re sure one of more of these books will do the trick.</p>
<h4><a href="http://amzn.to/1UaPFfc" target="_blank">Show Your Work! 10 Ways to Share Your Creativity and Get Discovered</a></h4>
<p><a href="http://amzn.to/1UaPFfc" target="_blank"><img class="alignnone size-full wp-image-20847" src="http://ift.tt/1S6xjhX" alt="12 Must Read Books For Highly Creative and Ambitious People" width="578" height="585" /></a></p>
<p>Austin Kleon shows readers how to master the next step of the creative journey―getting known. Show Your Work! is about why generosity trumps genius. It’s about getting findable, about using the network instead of wasting time “networking.” It’s not self-promotion, it’s self-discovery―let others into your process, then let them steal from you. Filled with illustrations, quotes, stories, and examples, Show Your Work! offers ten transformative rules for being open, generous, brave, productive.</p>
<h4><a href="http://amzn.to/1UaPFvB" target="_blank">The Obstacle Is the Way: The Timeless Art of Turning Trials into Triumph</a></h4>
<p><a href="http://amzn.to/1UaPFvB" target="_blank"><img class="alignnone size-full wp-image-20850" src="http://ift.tt/1nulcOY" alt="12 Must Read Books For Highly Creative and Ambitious People" width="467" height="668" /></a></p>
<p>Ryan Holiday shows us how some of the most successful people in history—from John D. Rockefeller to Amelia Earhart to Ulysses S. Grant to Steve Jobs—have applied stoicism – the ancient Greek philosophy of enduring pain or adversity with perseverance and resilience, to overcome difficult or even impossible situations. Their embrace of these principles ultimately mattered more than their natural intelligence, talents, or luck.</p>
<h4><a href="http://amzn.to/1S3vqAJ" target="_blank">Big Magic: Creative Living Beyond Fear</a></h4>
<p><a href="http://amzn.to/1S3vqAJ" target="_blank"><img class="alignnone size-full wp-image-20841" src="http://ift.tt/1VlcDjP" alt="12 Must Read Books For Highly Creative and Ambitious People" width="441" height="672" /></a></p>
<p>Readers of all ages and walks of life have drawn inspiration and empowerment from Elizabeth Gilbert’s books for years. She asks us to embrace our curiosity and let go of needless suffering. She shows us how to tackle what we most love, and how to face down what we most fear. She discusses the attitudes, approaches, and habits we need in order to live our most creative lives.</p>
<h4><a href="http://amzn.to/1UaPGj8" target="_blank">The Accidental Creative: How to Be Brilliant at a Moment’s Notice</a></h4>
<p><a href="http://amzn.to/1UaPGj8" target="_blank"><img class="alignnone size-full wp-image-20849" src="http://ift.tt/1nulaa1" alt="12 Must Read Books For Highly Creative and Ambitious People" width="442" height="674" /></a></p>
<p>Business creativity expert Todd Henry explains how to unleash your creative potential. Whether you’re a creative by trade or an “accidental creative,” this book will help you quickly and effectively integrate new ideas into your daily life.</p>
<h4><a href="http://amzn.to/1S3vrEU" target="_blank">Unthink: Rediscover Your Creative Genius</a></h4>
<p><a href="http://amzn.to/1S3vrEU" target="_blank"><img class="alignnone size-full wp-image-20851" src="http://ift.tt/1VlcAVh" alt="12 Must Read Books For Highly Creative and Ambitious People" width="451" height="671" /></a></p>
<p>This book will inspire everyone to realize that we are capable of so much more than we have pre-conditioned for. Creativity is not in one special place–and it is not in one special person. Creativity is everywhere and in everyone who has the courage to unleash their creative genius.</p>
<h4><a href="http://amzn.to/1JXzJwe" target="_blank">Creative Block: Get Unstuck, Discover New Ideas. Advice & Projects from 50 Successful Artists</a></h4>
<p><a href="http://amzn.to/1JXzJwe" target="_blank"><img class="alignnone size-full wp-image-20843" src="http://ift.tt/1nulaqh" alt="12 Must Read Books For Highly Creative and Ambitious People" width="597" height="588" /></a></p>
<p>This chunky blockbuster of a book is chock-full of solutions for overcoming all manner of artistic impediment. The blogger behind The Jealous Curator interviews 50 successful international artists working in different mediums and mines their insights on how to conquer self-doubt, stay motivated, and get new ideas to flow. Each artist offers a tried-and-true exercise—from road trips to 30-day challenges to cataloging the medicine cabinet— that will kick-start the creative process.</p>
<h4><a href="http://amzn.to/1UaPzUM" target="_blank">Breakthrough! Proven Strategies to Overcome Creative Block and Spark Your Imagination</a></h4>
<p><a href="http://amzn.to/1UaPzUM" target="_blank"><img class="alignnone size-full wp-image-20842" src="http://ift.tt/1VlcDjS" alt="12 Must Read Books For Highly Creative and Ambitious People" width="523" height="671" /></a></p>
<p>From cleaning the house and eating spicy food to making a plaster cast of your hands and feet, Breakthrough! is rocket fuel for any creative individual in need of a catalyst to get ideas flowing again. This book is a compilation of strategies for combating creative block offered by a who’s who of leading graphic designers, typographers, cartoonists, photographers, illustrators, musicians, writers, and other creative professionals.</p>
<h4><a href="http://amzn.to/1UaPC31" target="_blank">Damn Good Advice (For People with Talent!): How To Unleash Your Creative Potential by America’s Master Communicator</a></h4>
<p><a href="http://amzn.to/1UaPC31" target="_blank"><img class="alignnone size-full wp-image-20844" src="http://ift.tt/1nulcP0" alt="12 Must Read Books For Highly Creative and Ambitious People" width="915" height="1283" srcset="http://ift.tt/1VlcDjU 600w, http://ift.tt/1nulcP4 768w, http://ift.tt/1VlcDjW 730w, http://ift.tt/1nulaql 915w" sizes="(max-width: 915px) 100vw, 915px" /></a></p>
<p>Take a look into the mind of one of America’s most legendary creative thinkers, George Lois. Offering lessons, practical advice, facts, anecdotes and inspiration, this book is a timeless creative bible for all those looking to succeed in life, business and creativity.</p>
<h4><a href="http://amzn.to/1S3vlx5" target="_blank">Steal Like an Artist: 10 Things Nobody Told You About Being Creative</a></h4>
<p><a href="http://amzn.to/1S3vlx5" target="_blank"><img class="alignnone size-full wp-image-20848" src="http://ift.tt/1VlcBbG" alt="12 Must Read Books For Highly Creative and Ambitious People" width="589" height="592" /></a></p>
<p>You don’t need to be a genius, you just need to be yourself. That’s the message from Austin Kleon, a young writer and artist who knows that creativity is everywhere, creativity is for everyone.</p>
<h4><a href="http://amzn.to/1S3vlNx" target="_blank">Art & Fear: Observations On the Perils (and Rewards) of Artmaking</a></h4>
<p><a href="http://amzn.to/1S3vlNx" target="_blank"><img class="alignnone size-full wp-image-20840" src="http://ift.tt/1nulaqp" alt="12 Must Read Books For Highly Creative and Ambitious People" width="424" height="671" /></a></p>
<p>Art & Fear explores the way art gets made, the reasons it often doesn’t get made, and the nature of the difficulties that cause so many artists to give up along the way. Written by two working artists, the book offers insights and observations, drawn from personal experiences, and provides an incisive view into the world of art as it is experienced.</p>
<h4><a href="http://amzn.to/1S3vmkA" target="_blank">Quitter: Closing the Gap Between Your Day Job & Your Dream Job</a></h4>
<p><a href="http://amzn.to/1S3vmkA" target="_blank"><img class="alignnone size-full wp-image-20846" src="http://ift.tt/1VlcDk0" alt="12 Must Read Books For Highly Creative and Ambitious People" width="485" height="676" /></a></p>
<p>Quitter is a book about how it’s possible not only to survive, but actually thrive in the tension between a day job and a daydream. If you’ve ever sat in a cubicle and thought, I don’t want to do this job for the rest of my life, this book is for you.</p>
<h4><a href="http://amzn.to/1UaPDnu" target="_blank">Linchpin: Are You Indispensable?</a></h4>
<p><a href="http://amzn.to/1JXzJwe" target="_blank"><img class="alignnone size-full wp-image-20845" src="http://ift.tt/1nulcP8" alt="12 Must Read Books For Highly Creative and Ambitious People" width="504" height="671" /></a></p>
<p>There used to be two teams in every workplace: management and labor. Now there’s a third team, the linchpins. These people figure out what to do when there’s no rule-book. They delight and challenge their customers and peers. They love their work, pour their best selves into it, and turn each day into a kind of art. Seth Godin teaches you how to make a huge difference in whatever field you choose.</p>
<p>What other books do you think should be on this list? Leave your comments and happy reading!</p>
<div class="feedflare"><a href="http://ift.tt/1VlcBbI"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1VlcBbK"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1VlcDk6"><img src="http://ift.tt/1nulcPc" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-83148433322236092302016-01-21T09:28:00.001-06:002016-01-21T09:28:08.338-06:00How to Keep Web Design Projects on Budget — Before They Even Start<h2>As web designers, we understand that creating sites for clients is often a balancing act between giving them an attractive, functional site while keeping costs within budget.</h2>
<p>There’s nothing more that will make clients unhappy than getting a bill that’s significantly higher than expected — and having to keep paying for more services as they upgrade and make changes.</p>
<p>Keeping design projects within budget doesn’t mean sacrificing quality, though. With the right approach, you can give clients exactly what they want while still keeping the costs down. The key, as with any small-business management strategy, is to have a plan and specific goals in mind before you even begin the creative and technical aspects of the project.</p>
<p><img class="alignnone wp-image-20837 size-full" src="http://ift.tt/1OzqqBL" alt="web design under budget" width="501" height="335" /></p>
<p>You might be able to stay afloat <a href="http://ift.tt/1Tjh2CT" target="_blank" rel="dofollow">utilizing business credit cards</a>, but if your projects routinely go over budget due to your grand vision for your clients’ sites, it’s time to rein it in.</p>
<h4>Website Planning to Contain Costs</h4>
<p>Consider your typical client meeting. Chances are your client comes in and starts the conversation with “We need a website. How much is that going to cost?”</p>
<p>Of course, this question is like walking into a real estate agency and asking “How much is a house?” There is a big difference in cost between a modest cottage in the suburbs and a mansion overlooking the sea, and the location, size, and features of a house all influence the price of house. The same goes for websites. The more features and complex the design, the more it costs.</p>
<p>That’s why a cost-conscious Web designer needs to focus on the company’s plan for the site to determine the budget. Just as you wouldn’t purchase a home that’s bigger or smaller than you need for the foreseeable future, you don’t want to develop a website that has features the client won’t use or lacks basic functionality. With a well-thought-out plan from the start, the job can be done efficiently and effectively.</p>
<p>So what goes in to a website plan? Before you even get into the quoting process, ask these important questions:</p>
<ol>
<li>What are you hoping to accomplish with the website? Is it simply informational, or do you need interactive elements like a shopping cart?</li>
<li>What are your future plans for the site?</li>
<li>What are your goals for the site, both short and long term?</li>
<li>How often will you need to update the site?</li>
<li>How will site updates be handled? Do you have the skills or team talent necessary to handle updates and changes on your own?</li>
<li>How does the site fit in with your overall marketing plan? Will you need to make changes to align with your marketing; i.e., regularly refreshed landing pages?</li>
<li>Do you have a branding strategy? How will the site align with that strategy?</li>
<li>What do your competitor sites look like? What do you want to emulate or do differently?</li>
</ol>
<p>By asking these important questions, you can work with the client to create a budget-friendly plan that actually addresses their priorities. By approaching the project as a member of their team, rather than just an order taker, the site won’t be bogged down by unnecessary features or have such limited or complex functionality that the business owners cannot manage the site themselves.</p>
<h4>Building a Better Mousetrap</h4>
<p><img class="alignnone size-full wp-image-20836" src="http://ift.tt/1S7c9hP" alt="web design under budget 2" width="500" height="335" /></p>
<p>Often, website design projects go over budget because designers spend too much time building a better mousetrap. That is, they spend time developing technology for clients that already exists in a form that will be perfectly acceptable for the client. Again, this speaks to the common issue of giving clients “too much site.”</p>
<p>Sure, it’s exciting to develop a ton of cool features and make a whiz-bang website, but if that technology takes forever to develop, and is difficult for your not-quite-tech savvy client to use, you’re wasting time and money.</p>
<p>Therefore, once you have a plan in place, the next best way to save money is to <a href="http://ift.tt/1OzqqS3" target="_blank" rel="dofollow">use existing technology to power the site</a>. This might mean using predesigned Web pages for those “quick and dirty” jobs, or incorporating open-source software that can be customized to the client’s needs. It’s possible that a client will come to you expecting that you’ll develop something unique for them, but if the product already exists, use it.</p>
<p>Keeping website design and development costs in check comes down to several factors, but planning and preparation along with using existing tools are the most important. Smart clients understand that a good website is going to cost them money, but by working with them to keep those costs in check, you’ll develop a loyal following and grow your own business as you help others grow theirs.</p>
<div class="feedflare"><a href="http://ift.tt/1S7c6mo"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1S7c6mq"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1S7c6CG"><img src="http://ift.tt/1OzqqS8" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-57863814716362000632016-01-19T09:38:00.001-06:002016-01-19T09:38:26.427-06:0010 Freshest Portfolio Themes for 2016<h2>So it’s the new year and hopefully it’s been a great one so far. As we gradually come out of the holiday season bubble and into reality, let’s look at what our workflow has in store for us this year.</h2>
<p>Designers are busy, creative and highly curious creatures. This however, often times lead to being scatterbrained and disorganization. Unfortunately, this lack of time/attention always means our dear portfolios suffer in silence.</p>
<p>You know what I mean – that one piece of work that’s *almost* done.</p>
<p>If you’re the type who knows what I’m talking about, and constantly find yourself overwhelmed by the amount of stuff to get done, consider reading Jonathan Mead’s post on how to get <a href="http://ift.tt/1R99h3Q" target="_blank">massive amount of s**t done</a>.</p>
<p>And once you’re motivated enough, consider adding some life into your brain-power eating zombie portfolios. If you need some help, check out these beautifully crafted themes that I guarantee will save you a massive amount of time to make your work stand out!</p>
<h4><a href="http://crtv.mk/b0NJu" target="_blank">Industry – Modern Portfolio Theme</a></h4>
<p><a href="http://crtv.mk/b0NJu" target="_blank"><img class="alignnone size-full wp-image-20826" src="http://ift.tt/1V5cMI3" alt="10 Freshest Portfolio Themes for 2016" width="580" height="386" /></a></p>
<p>Say hello to Industry – a modern and minimalist WordPress theme for today’s creative professional. Crafted for designers, makers, artisans and photographers, Industry is made for anyone with stunning work and a story to share.</p>
<h4><a href="http://crtv.mk/u0lo" target="_blank">Liquid – Responsive Portfolio Theme</a></h4>
<p><a href="http://crtv.mk/u0lo" target="_blank"><img class="alignnone size-full wp-image-20828" src="http://ift.tt/1ODz13W" alt="10 Freshest Portfolio Themes for 2016" width="580" height="386" /></a></p>
<p>Liquid is a fully responsive, modern, and flexible portfolio WordPress theme for creative individuals. Liquid enables you to quickly build your portfolio in a delightful manner backed by robust coding.</p>
<h4><a href="http://crtv.mk/j0Xr9" target="_blank">Agency</a></h4>
<p><a href="http://crtv.mk/j0Xr9" target="_blank"><img class="alignnone size-full wp-image-20822" src="http://ift.tt/1Jfy3OT" alt="10 Freshest Portfolio Themes for 2016" width="580" height="386" /></a></p>
<p>Agency is a perfect theme for the creative agency, freelancer, or business. A fullscreen homepage, two portfolio layouts, and strong typography offer flexibility and minimalism in this awesome feature-set theme.</p>
<h4><a href="http://crtv.mk/b0NJv" target="_blank">Workality Lite</a></h4>
<p><a href="http://crtv.mk/b0NJv" target="_blank"><img class="alignnone size-full wp-image-20830" src="http://ift.tt/1ODz3c8" alt="10 Freshest Portfolio Themes for 2016" width="580" height="386" /></a></p>
<p>Workality Lite is fully responsive WordPress Portfolio Theme for creative people and agencies. Great for building a simple portfolio website through portfolio post type with four grid layout options.</p>
<h4><a href="http://crtv.mk/z1kL" target="_blank">BASK</a></h4>
<p><a href="http://crtv.mk/z1kL" target="_blank"><img class="alignnone size-full wp-image-20823" src="http://ift.tt/1Jfy5WQ" alt="10 Freshest Portfolio Themes for 2016" width="580" height="386" /></a></p>
<p>BASK is a not so simple WordPress blog. And that means it’s packed with a ton of features! It’s a clean and responsive portfolio blog that’s perfect for any creative portfolio. Highlight your work or photography with beautiful parallax technology using masonry framework.</p>
<h4><a href="http://ift.tt/1ODz3ca" target="_blank">William</a></h4>
<p><a href="http://ift.tt/1ODz3ca" target="_blank"><img class="alignnone size-full wp-image-20831" src="http://ift.tt/1Jfy5WV" alt="10 Freshest Portfolio Themes for 2016" width="1402" height="669" srcset="http://ift.tt/1ODz142 600w, http://ift.tt/1Jfy5WX 768w, http://ift.tt/1ODz144 1024w, http://ift.tt/1Jfy5WZ 1402w" sizes="(max-width: 1402px) 100vw, 1402px" /></a></p>
<p>A minimalist and simple portfolio concept for creative agencies and freelancers. William is a polished creative theme for WordPress. Absolutely unique and mature design is what You need to inspire your website visitors. Make it easy with your new modern theme! William is suitable for agency, personal, portfolio, freelancer, creative and simple blogging websites.</p>
<h4><a href="http://ift.tt/1ODz146" target="_blank">Uncode – Creative Multiuse WordPress Theme</a></h4>
<p><a href="http://ift.tt/1ODz146" target="_blank"><img class="alignnone size-full wp-image-20829" src="http://ift.tt/1Jfy45i" alt="10 Freshest Portfolio Themes for 2016" width="1232" height="1101" srcset="http://ift.tt/1ODz148 600w, http://ift.tt/1Jfy45k 768w, http://ift.tt/1ODz3ck 1024w, http://ift.tt/1Jfy6dh 1232w" sizes="(max-width: 1232px) 100vw, 1232px" /></a></p>
<p>A pixel perfect creative multi use WordPress Theme designed with terrific attention to details and performance. Powered by Visual Composer, this theme takes building a website to a whole new level.</p>
<h4><a href="http://ift.tt/1ODz14a" target="_blank">Kvadrat – Contemporary Portfolio</a></h4>
<p><a href="http://ift.tt/1ODz14a" target="_blank"><img class="alignnone size-full wp-image-20832" src="http://ift.tt/1Jfy6dj" alt="10 Freshest Portfolio Themes for 2016" width="616" height="290" srcset="http://ift.tt/1ODz14c 600w, http://ift.tt/1Jfy6dm 520w, http://ift.tt/1ODz3sM 720w, http://ift.tt/1Jfy6dp 616w" sizes="(max-width: 616px) 100vw, 616px" /></a></p>
<p>This contemporary portfolio theme comes equipped with an easy-to-use and powerful admin Interface that features a one-click import that automatically loads the home and inner pages quickly. There’s a huge collection of custom short codes that you can use to customize layouts with sliders, animations, parallax, transitions, galleries and more!</p>
<h4><a href="http://ift.tt/1ODz1kA" target="_blank">Hyper-X The Portfolio Website Designer</a></h4>
<p><a href="http://ift.tt/1ODz1kA" target="_blank"><img class="alignnone size-full wp-image-20825" src="http://ift.tt/1Jfy4lG" alt="10 Freshest Portfolio Themes for 2016" width="613" height="550" /></a></p>
<p>Forget the backend, Hyper-X let’s you design your website from the theme options, giving you the ability to Live Preview all changes in real time! Responsive and retina ready, the theme comes with 3 premium plugins including Visual Composer, Ultimate Addons and slide Revolution!</p>
<h4><a href="http://ift.tt/1ODz3sS" target="_blank">Empire – A Fullscreen Portfolio Theme</a></h4>
<p><a href="http://ift.tt/1ODz3sS" target="_blank"><img class="alignnone size-full wp-image-20824" src="http://ift.tt/1Jfy6dt" alt="10 Freshest Portfolio Themes for 2016" width="590" height="300" /></a></p>
<p>Empire is an easy-to-use fullscreen portfolio WordPress theme for freelancers and agencies. Graphic designers, illustrators, photographers or any type of creative is now easily able to create a quick & easy portfolio to showcase their work with a unique and creative touch.</p>
<div class="feedflare"><a href="http://ift.tt/1ODz1kG"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1ODz3Ja"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1ODz3Je"><img src="http://ift.tt/1Jfy6dw" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-55844444231187518272016-01-15T10:38:00.001-06:002016-01-15T10:38:06.305-06:00CLD Exclusive Freebie: Ancient Egyptian Hieroglyphics Set (Vector)<h2>Today’s awesome freebie comes from our good buddies over at Freepik. With the best collection of free resources on the web, here’s another addition to the lot.</h2>
<p>Hieroglyphs were called, by the Egyptians, “the words of God” and were used mainly by the priests. Hieroglyphs are written in rows or columns and can be read from left to right or from right to left.</p>
<p>Today’s freebie is a collection of intricate hieroglyphs that can be used stand alone or together to form your own Egyptian messages. Available in color and line art, these unique icons come in SVG and PNG. Get your mummy’s tomb after the jump!</p>
<p><img class="alignnone size-full wp-image-20820" style="line-height: 1.5;" src="http://ift.tt/234F5wh" alt="cld-freebie-egyptian" width="1000" height="3786" srcset="http://ift.tt/1OvkM15 600w, http://ift.tt/234F7Es 768w, http://ift.tt/1OvkKq7 1000w" sizes="(max-width: 1000px) 100vw, 1000px" /></p>
<p><a href="http://ift.tt/234F7Eu" target="_blank">egyptian</a></p>
<div class="feedflare"><a href="http://ift.tt/1OvkKqb"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1OvkM1b"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1OvkKqd"><img src="http://ift.tt/234F5MG" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-79791261158121003912016-01-14T08:48:00.001-06:002016-01-14T08:48:24.332-06:00Flash is dead! Here’s 10 Places to Learn & Master HTML5<h2>When the big G <a href="http://ift.tt/1JK7MRU" target="_blank">announced last year</a> that internet ads using Adobe Flash would be blocked/paused on Chrome, it became the nail in the coffin for the multimedia platform.</h2>
<p>All good things must come to an end, but in a way, we couldn’t be happier. Good riddance to heavy interactive files that would increase load times and affect user experience.</p>
<p>So with HTML5 being recommended by both Google and the Interactive Advertising Bureau, it proves that this is the time to welcome a new learning challenge. If you haven’t caught on yet, shame on you. Not only is HTML5 a versatile language that works on all browser platforms, allows you to create more engaging and interactive content that mirrors Flash with more efficiency, but it’s going to <a href="http://ift.tt/1HYwYGE" target="_blank">increase your payday</a> by a few more zeros.</p>
<p>To kick up your HTML skills a notch, we recommend checking out these places. Most are free resources, some are paid but offer a trial. Let’s get down to business shall we?</p>
<h4><a href="http://ift.tt/XG4gAq" target="_blank">Udacity</a></h4>
<p><a href="http://ift.tt/XG4gAq" target="_blank"><img class="alignnone wp-image-20800 size-full" src="http://ift.tt/1P2EN4W" alt="Flash is dead! Here’s 10 Places to Learn & Master HTML5 Udacity" width="1261" height="768" srcset="http://ift.tt/1WaPYb3 600w, http://ift.tt/1P2ENla 768w, http://ift.tt/1WaQ0jl 1024w, http://ift.tt/1P2ELtA 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></p>
<p>An online teaching start-up, Udacity offers “nanodegree” programs, which are both affordable and accessible. These programs are tailored to match your skills and availability so you won’t need to interrupt your lifestyle while still gaining a recognized skill. For HTML5, check out the Front-end Web Developer nano degree.</p>
<h4><a href="http://ift.tt/1WaPYb7" target="_blank">Adobe KnowHow</a></h4>
<h4><a href="http://ift.tt/1WaPYb7" target="_blank"><img class="alignnone size-full wp-image-20806" src="http://ift.tt/1P2ELtC" alt="Learn HTML5 Programming From Scratch" width="1261" height="768" srcset="http://ift.tt/1WaPYb9 600w, http://ift.tt/1P2ENlc 768w, http://ift.tt/1WaPYbb 1024w, http://ift.tt/1P2ENli 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></h4>
<p>Created by Eduonix Learning Solutions, you learn the basic of HTML through to its advanced features. Eduonix comprises of industry professionals who teach you the course from scratch. Perfect for beginners, the course fee is a mere $25 and is spread out over 5 chapters and takes 8 hours and 23 minutes.</p>
<h4><a href="http://ift.tt/1WaPYbg" target="_blank">Skillshare</a></h4>
<h4><a href="http://ift.tt/1WaPYbg" target="_blank"><img class="alignnone size-full wp-image-20804" src="http://ift.tt/1P2ENlk" alt="Learn Basic HTML5 CSS and JavaScript Programming from Scratch Skillshare" width="1261" height="768" srcset="http://ift.tt/1WaPYru 600w, http://ift.tt/1P2ELtE 768w, http://ift.tt/1WaPYrw 1024w, http://ift.tt/1P2ENln 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></h4>
<p>One of the most popular teaching platforms around has a full course to Learn Basic HTML5, CSS and JavaScript Programming from Scratch. Taught by Richard Sneyd, founder and CEO of CyberMyth Games, the class incorporates completing projects and even has a community surrounding the topics you learn.</p>
<h4><a href="http://ift.tt/1L62ch7" target="_blank">Code Avengers</a></h4>
<h4><a href="http://ift.tt/1L62ch7" target="_blank"><img class="alignnone size-full wp-image-20803" src="http://ift.tt/1P2ELtG" alt="HTML5 CSS3 Intro.1.1 Code Avengers" width="1261" height="768" srcset="http://ift.tt/1WaPYrz 600w, http://ift.tt/1P2ELtI 768w, http://ift.tt/1WaQ0zF 1024w, http://ift.tt/1P2ELtK 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></h4>
<p>I really like the concept behind Code Avengers. Their teachings are all guided courses that show you what needs to be done step-by -step. So whether this is your first time coding, or you have tried it before – their are program offers practical coding skills to help you learn at your own pace.</p>
<h4><a href="http://ift.tt/12sx0Ez" target="_blank">Udemy</a></h4>
<p><a href="http://ift.tt/12sx0Ez" target="_blank"><img class="alignnone size-full wp-image-20805" src="http://ift.tt/1P2ELtM" alt="Learn HTML5 From Scratch Free HTML5 Tutorial Udemy" width="1261" height="768" srcset="http://ift.tt/1WaPYrE 600w, http://ift.tt/1P2ELtO 768w, http://ift.tt/1WaPYrG 1024w, http://ift.tt/1P2ENlr 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a>Popular in the tech industry as a learning portal, Udemy offers a complete HTML5 programming course for beginners. There are over 46 lectures and 10.5 hours of content packed into this 7 section course. Created by Eduonix, this course is Free and only requires that you have the passion to learn.</p>
<h4><a href="http://ift.tt/LfICD8" target="_blank">Treehouse</a></h4>
<p><a href="http://ift.tt/LfICD8" target="_blank"><img class="alignnone size-full wp-image-20809" src="http://ift.tt/1WaPYrK" alt="Start Learning at Treehouse for Free" width="1261" height="768" srcset="http://ift.tt/1P2ELtQ 600w, http://ift.tt/1WaQ0zP 768w, http://ift.tt/1P2EOpe 1024w, http://ift.tt/1WaPYI0 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a>Treehouse prides themselves as a portal that will help you gain skills that can secure you a job, digital job that is. Perfect for beginners, you can learn HTML with a free trial and later for only $25/month. With great support, you can practice your skills live in their Code Challenge Engine and get help from members-only forums.</p>
<h4><a href="http://ift.tt/WWk3Kw" target="_blank">Shay Howe</a></h4>
<p><a href="http://ift.tt/WWk3Kw" target="_blank"><img class="alignnone size-full wp-image-20808" src="http://ift.tt/1WaQ0zT" alt="Performance Organization Learn to Code Advanced HTML CSS" width="1261" height="768" srcset="http://ift.tt/1P2EOpg 600w, http://ift.tt/1WaPYI3 768w, http://ift.tt/1P2EOpj 1024w, http://ift.tt/1WaQ0Q9 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a>Created by designer and front-end developer Shay Howe, he shows us how to code advanced HTML & CSS in a blog post style. In his lessons (Total 10), he takes a deeper look at front-end design and development, expanding on what is covered in his beginner’s guide, and teaches the latest for any designer looking to round out their front-end skills.</p>
<h4><a href="http://ift.tt/NNLzWO" target="_blank">Codecademy</a></h4>
<h4><a href="http://ift.tt/NNLzWO" target="_blank"><img class="alignnone size-full wp-image-20807" src="http://ift.tt/1WaPYI7" alt="Learn to code Codecademy" width="1261" height="768" srcset="http://ift.tt/1P2ENlt 600w, http://ift.tt/1WaPYI9 768w, http://ift.tt/1P2EOpo 1024w, http://ift.tt/1WaPYIb 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></h4>
<p>One of my personal favorites, Codecademy teaches anyone how to code interactively, for free! Join 4.5million students and take their HTML & CSS course over 7 hours. Once you’re done with this beginner course, you’ll be able to create websites by structuring and styling your pages with HTML and CSS.</p>
<h4><a href="http://ift.tt/1eOC1Zq" target="_blank">Envato</a></h4>
<h4><a href="http://ift.tt/1eOC1Zq" target="_blank"><img class="alignnone size-full wp-image-20802" src="http://ift.tt/1WaQ0Qh" alt="HTML5 and You Envato Tuts Code Tutorials" width="1261" height="768" srcset="http://ift.tt/1P2EOpq 600w, http://ift.tt/1WaQ0Ql 768w, http://ift.tt/1P2EOpu 1024w, http://ift.tt/1WaQ0Qn 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></h4>
<p>Envato is the treasure chest for web resources and what better way to learn HTML5 than their series titled “HTML5 and You”. It covers everything from the new HTML5 elements, to microdata, to the new JavaScript APIs. Since each lesson appears as posts, this won’t feel like a class, but more of a discussion session.</p>
<h4><a href="http://ift.tt/rfxtvN" target="_blank">Codeschool</a></h4>
<p><a href="http://ift.tt/rfxtvN" target="_blank"><img class="alignnone size-full wp-image-20801" src="http://ift.tt/1WaPYIh" alt="HTML CSS Code School" width="1261" height="768" srcset="http://ift.tt/1P2EOFK 600w, http://ift.tt/1WaQ0Qr 768w, http://ift.tt/1P2ENBN 1024w, http://ift.tt/1WaQ16H 1261w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></p>
<p>Code School courses are structured by ‘Paths’ based on the type of technology. They believe in learning by doing, and is structured for beginners to intermediate coders. Get started with HTML5 for $29/month, and go through each level (5 in total) and take their challenges to become a ninja.</p>
<p>So there you have it, 10 places on the web you can use to immediately enhance your skills (and pay grade). While this resource is a great starting ground, you might want to structure and plan how you’ll actually get down to doing it. Time, as we all know is an important commodity and managing it is crucial to doing anything. Here’s an <a href="http://ift.tt/1P2ENBP" target="_blank">interesting life hack article</a> by Sean Kim on how to get more time to learn something new.</p>
<div class="feedflare"><a href="http://ift.tt/1WaPYYx"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1WaPYYA"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1WaQ16J"><img src="http://ift.tt/1P2EOFQ" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-76299231443412152752016-01-13T09:02:00.001-06:002016-01-13T09:02:25.287-06:00Featured Work: Live Wild with HuskyFox Brand Identity<div class="project-module module project-module-text text align-left">
<div class="main-text">
<div class="main-text">
<h2 class="main-text">Today’s featured work comes from a branding company based in Seoul called HuskyFox. They create branding for clients and today, they’ve given us their beliefs of what their own brand means.</h2>
<div class="main-text">The name HuskyFox is a compound name of ‘Siberian husky’ and ‘Fox’ which stands for the two founders’ nicknames. Each of their members also have their own nicknames of wild animals. In turn, they maintain their responsibilities with the activeness and sharpness in its free atmosphere.</div>
<div class="main-text"></div>
<div class="main-text">Their brand represents a sharp shape and red color reflecting lively wildness.</div>
<div class="main-text"></div>
<div class="main-text"><img class="alignnone size-full wp-image-20815" src="http://ift.tt/1J2RDxw" alt="logo" width="1200" height="600" srcset="http://ift.tt/200jhj0 600w, http://ift.tt/1J2RBFY 768w, http://ift.tt/200jhze 1024w, http://ift.tt/1J2RDxz 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<div class="main-text">
<div class="main-text"></div>
<div class="main-text">Building relationships between brands and users via brand languages and visual elements, HuskyFox delivers solutions, sustain experiences with high values.</div>
<div class="main-text"></div>
</div>
<div class="main-text"><img class="alignnone size-full wp-image-20811" src="http://ift.tt/200jhzi" alt="husk" width="1200" height="800" srcset="http://ift.tt/1J2RBG1 600w, http://ift.tt/200jhzq 768w, http://ift.tt/1J2RBWk 1024w, http://ift.tt/1J2RBWm 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /> <img class="alignnone size-full wp-image-20812" src="http://ift.tt/200jiTR" alt="91004c30933127.5639fb68aef75" width="1200" height="800" srcset="http://ift.tt/1J2RBWs 600w, http://ift.tt/200jiTT 768w, http://ift.tt/1J2RBWu 1024w, http://ift.tt/200jhPK 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /> <img class="alignnone size-full wp-image-20813" src="http://ift.tt/200jiTX" alt="ff448330933127.5639fb68b2c2e" width="1200" height="800" srcset="http://ift.tt/200jiU2 600w, http://ift.tt/200jhPN 768w, http://ift.tt/1J2RBWy 1024w, http://ift.tt/1J2RBWA 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /> <img class="alignnone size-full wp-image-20814" src="http://ift.tt/200jhPP" alt="husky" width="1200" height="896" srcset="http://ift.tt/1J2RBWC 600w, http://ift.tt/200jjan 768w, http://ift.tt/1J2RCcR 1024w, http://ift.tt/200jhPU 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<div class="main-text">For more of HuskyFox’s brand identify, head over to their <a href="http://ift.tt/20L1gq9" target="_blank">Behance portfolio.</a></div>
</div>
</div>
</div>
<div class="project-module module project-module-text text align-left"></div>
<div class="feedflare"><a href="http://ift.tt/1J2RCcV"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1J2RCcX"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1J2RCcZ"><img src="http://ift.tt/1J2RCd1" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-71989479223190059602016-01-12T09:14:00.001-06:002016-01-12T09:14:10.383-06:006 Collaborative Tools to Increase Visual Communication and Productivity<h2>Design is a collaborative process and very rare do we as designers create alone. For most of us who are lucky to work in a supportive and a creative environment, it is highly productive to be able to gather feedback.</h2>
<p>As important as the tools we use to create, today we’ll be looking at some awesome tools to help simplify the flow of gathering information. If you or your team are still in the ages of manually highlighting details using Powerpoint slides or (kill me) Word, it’s best if you started exploring the list below.</p>
<h4><a href="https://redpen.io/" target="_blank">Red Pen</a></h4>
<p><a href="https://redpen.io/" target="_blank"><img class="alignnone wp-image-20795 size-full" src="http://ift.tt/1mUe3am" alt="List: 6 Design Tools to Increase Communication and Productivity" width="1436" height="1376" srcset="http://ift.tt/1N4ZqG2 600w, http://ift.tt/1mUe51Z 768w, http://ift.tt/1N4Zo0N 1024w, http://ift.tt/1mUe521 1436w" sizes="(max-width: 1436px) 100vw, 1436px" /></a></p>
<p>This might be the fastest way to get feedback on your designs. As a super basic Web app that lets you upload a file and share it with clients and team members, it’s main feature is that it’s extremely light-weight (zero setup time). If you’re like me and hate emailing large files back and forth, you’ll want to check out Red Pen.</p>
<h4><a href="http://ift.tt/1EfVvll" target="_blank">Hightail</a></h4>
<p><a href="http://ift.tt/1EfVvll" target="_blank"><img class="alignnone size-full wp-image-20793" src="http://ift.tt/1mUe3aA" alt="List: 6 Design Tools to Increase Communication and Productivity" width="1436" height="783" srcset="http://ift.tt/1N4ZqG7 600w, http://ift.tt/1mUe665 768w, http://ift.tt/1N4Zo0R 1024w, http://ift.tt/1mUe667 1436w" sizes="(max-width: 1436px) 100vw, 1436px" /></a></p>
<p>Share files, get feedback and take projects from concept to completion, Hightail allows creative collaboration that leaves behind email. It unites everyone in your team—from creator to client, PM to CMO—in one intuitive platform. The Lite version which allows 5 spaces is Free.</p>
<h4><a href="http://www.codesign.io/" target="_blank">Codesign</a></h4>
<p><a href="http://www.codesign.io/" target="_blank"><img class="alignnone size-full wp-image-20792" src="http://ift.tt/1N4ZqWn" alt="List: 6 Design Tools to Increase Communication and Productivity" width="1421" height="1134" srcset="http://ift.tt/1mUe66e 600w, http://ift.tt/1N4ZqWp 768w, http://ift.tt/1mUe529 1024w, http://ift.tt/1N4Zo0T 1421w" sizes="(max-width: 1421px) 100vw, 1421px" /></a></p>
<p>This web app helps designers keep the feedback process clean, fast and organized. It’s a minimal project management for web-development and graphical-design that requires no prototyping. Codesign’s primary focus is to discuss and to point out fixes to be done. To put it simple, Codesign is “Invision on diet” — keeping the app as simple, as natural and as “fit” with features as possible.</p>
<h4><a href="https://kivo.com/" target="_blank">Kivo</a></h4>
<p><a href="https://kivo.com/" target="_blank"><img class="alignnone size-full wp-image-20794" src="http://ift.tt/1N4ZqWv" alt="List: 6 Design Tools to Increase Communication and Productivity" width="1436" height="858" srcset="http://ift.tt/1mUe52f 600w, http://ift.tt/1N4Zo0V 768w, http://ift.tt/1mUe5it 1024w, http://ift.tt/1N4ZqWz 1436w" sizes="(max-width: 1436px) 100vw, 1436px" /></a><br />
The simplest way to work with someone else on a file. Kivo is a collaboration layer that sits on top of existing storage platforms and allows multiple people to edit a file at the same time regardless of file type or storage layer.</p>
<h4><a href="https://wake.io/" target="_blank">Wake</a></h4>
<p><a href="https://wake.io/" target="_blank"><img class="alignnone size-full wp-image-20797" src="http://ift.tt/1mUe5ix" alt="List: 6 Design Tools to Increase Communication and Productivity" width="1420" height="1880" srcset="http://ift.tt/1N4ZqWB 600w, http://ift.tt/1mUe5iB 768w, http://ift.tt/1N4ZqWD 773w, http://ift.tt/1mUe6mJ 1420w" sizes="(max-width: 1420px) 100vw, 1420px" /></a><br />
As a private space to share and discuss design work with your team, Wake works on the web, desktop and mobile platform. It’s super easy for designers to share, enabling a more open and transparent design process. You can also shoot photos of analog work with the iPhone app and easily collaborate if you’re working remotely.</p>
<h4><a href="https://relay.io/" target="_blank">Relay.io</a></h4>
<p><a href="https://relay.io/" target="_blank"><img class="alignnone wp-image-20796 size-full" src="http://ift.tt/1N4ZrcR" alt="List: 6 Design Tools to Increase Communication and Productivity" width="1436" height="892" srcset="http://ift.tt/1mUe6mP 600w, http://ift.tt/1N4ZrcV 768w, http://ift.tt/1mUe6D5 1024w, http://ift.tt/1N4Zohd 1436w" sizes="(max-width: 1436px) 100vw, 1436px" /></a><br />
If your design team uses Slack – the a cloud-based messaging app/collaboration tool, you can thank the stars for Relay. Synced with Slack, you can use Relay to capture screens directly from Adobe CC, Sketch, Chrome and share work in progress while discussing design with your team.</p>
<p>So there you have it guys, let us know in the comments which tool you and your team uses and if I’m missing out on more resources!</p>
<div class="feedflare"><a href="http://ift.tt/1mUe5iG"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1mUe5iI"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1mUe5z0"><img src="http://ift.tt/1N4Zrd1" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-60124372693509432752016-01-11T08:45:00.001-06:002016-01-11T08:45:28.234-06:00Featured Work: A series of bacteria by Vladimir Stankovic<h2>Today’s featured work comes from Vladimir Stankovic from the third largest city in Denmark called Odense. His sketches are gorgeous, cute, and disgusting!</h2>
<p>Vladimir has created a series of bacteria characters for an animated TV commercial about the friendly probiotic called “Biosporin”. Commissioned by a Ukrainian creative advertisement agency FEDORIV, the series is about the probiotic and its fight against bad bacteria.</p>
<p>Vlad’s characters are brought to life from illustration to save the day! For more on this awesome series and Vlad’s work, head over to his Behance portfolio after the jump!</p>
<p><img class="alignnone size-full wp-image-20788" src="http://ift.tt/1OKz1CI" alt="bacteria" width="900" height="3830" srcset="http://ift.tt/1N2WLfO 600w, http://ift.tt/1SJAX02 768w, http://ift.tt/1N2WLfQ 900w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://ift.tt/1MAN3WI" target="_blank">bacteria</a></p>
<div class="feedflare"><a href="http://ift.tt/1N2WLfU"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1SJAV8v"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1SJAX0a"><img src="http://ift.tt/1N2WLg0" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-57977486015243977462016-01-06T08:11:00.001-06:002016-01-06T08:11:12.228-06:00Freebie: 30 Apple Watch Wireframing UI screens & elements<h2>Today’s daily freebie comes from UXPin, the platform that helps teams in their daily work. Today, we’ve got a sweet pack of wireframes of the Apple watch.</h2>
<p>Complete in Illustrator, Photoshop and Sketch format, this beautiful, low fidelity wireframe kit contains over 30 handcrafted elements of Apple’s flagship wearable tech. It also comes in two sizes – 340 x 272px and 390 x 312px. This makes it super easy for a designer to create nifty flows and concepts for an app.</p>
<p>2016 is <a href="http://ift.tt/1Tch4gk" target="_blank">predicted to be the year of wearables</a> and this is the best time to get on the bandwagon if you haven’t already done so. Head over to UXPin and check out their cool platform or grab this freebie from their site after the jump!</p>
<p><img class="alignnone wp-image-20733 size-full" src="http://ift.tt/1OaCgQh" alt="30 Apple Watch Wireframing UI screens & elements" width="1217" height="1304" srcset="http://ift.tt/1RrSedc 600w, http://ift.tt/1OaCgQj 768w, http://ift.tt/1RrSby1 956w, http://ift.tt/1OaChUv 1217w" sizes="(max-width: 1217px) 100vw, 1217px" /></p>
<p><a href="http://ift.tt/1OaCiaJ" target="_blank">Pin me!</a></p>
<div class="feedflare"><a href="http://ift.tt/1OaCiaL"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1OaCiaN"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1OaCiaP"><img src="http://ift.tt/1RrSedk" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-6248515561158245302016-01-05T09:38:00.001-06:002016-01-05T09:38:12.829-06:00Featured Photographer: David Sykes Shooting Still Life<h2>Today’s featured photographer is London based-still life photographer David Sykes.</h2>
<p>Utilizing a palette of colorful pastels and often playful approach, David’s style is truly unique, making his images some of the most recognizable in the industry.</p>
<p>As a busy advertising photographer, David’s racked up an impressive list of clients while winning a few coveted awards.</p>
<p>We really enjoy and appreciate his work especially with food. He’s framing and setup technique gives an aesthetic that is truly compelling.</p>
<p>Here’s just a few selected pieces that we love, for anyone who’s interested in still life photography, do check out David’s full portfolio (link below) for some incredible and inspiring images.</p>
<p><img class="alignnone size-full wp-image-20775" src="http://ift.tt/1PIleMa" alt="Featured-Photographer--David-Sykes-Shooting-Still-Life" width="594" height="783" /> <img class="alignnone size-full wp-image-20774" src="http://ift.tt/1S1Xshi" alt="Featured-Photographer--David-Sykes-Shooting-Still-Life" width="594" height="783" /> <img class="alignnone size-full wp-image-20773" src="http://ift.tt/1PIlhr5" alt="Featured-Photographer--David-Sykes-Shooting-Still-Life" width="594" height="783" /> <img class="alignnone size-full wp-image-20772" src="http://ift.tt/1S1Xu8X" alt="Featured-Photographer--David-Sykes-Shooting-Still-Life" width="594" height="783" /> <img class="alignnone size-full wp-image-20771" src="http://ift.tt/1PIlf2o" alt="Featured-Photographer--David-Sykes-Shooting-Still-Life" width="594" height="783" /></p>
<p><a href="http://ift.tt/sJfjOT" target="_blank">still life photography</a></p>
<div class="feedflare"><a href="http://ift.tt/1S1Xu91"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1S1Xshm"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1PIlf2u"><img src="http://ift.tt/1S1Xsho" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-44544375914134612862016-01-04T12:04:00.001-06:002016-01-04T12:04:06.455-06:00Daily Freebie: Idolatra Font by Felipe Moreno Guajardo<h2>Today’s daily freebie comes from the personal portfolio of Felipe Moreno Guajardo. A graphic designer from Tenerife, Canary Islands, Felipe brings us an awesome bunch of letters.</h2>
<p>From Felipe’s portfolio, Duttyfree – “Idolatra is a capital group of letters inspired from Polynesian culture and tiki style from the 40’s and 50’s with a modern touch, more solid and minimalistic.”</p>
<p>Great for headlines, slogans, logos, display text and more, you can grab this awesome font in its “regular” size now for personal and commercial use! Download link is available on Felipe’s site after the jump!</p>
<p><img class="alignnone size-full wp-image-20782" src="http://ift.tt/1mAO1bx" alt="freebie: idolatra" width="1000" height="499" srcset="http://ift.tt/1IN55FK 600w, http://ift.tt/1mAO1bz 768w, http://ift.tt/1IN55FM 1000w" sizes="(max-width: 1000px) 100vw, 1000px" /> <img class="alignnone size-full wp-image-20783" src="http://ift.tt/1mAO3A5" alt="freebie: idolatra" width="958" height="268" srcset="http://ift.tt/1IN55FQ 600w, http://ift.tt/1mAO1bB 768w, http://ift.tt/1IN584k 958w" sizes="(max-width: 958px) 100vw, 958px" /> <img class="alignnone size-full wp-image-20784" src="http://ift.tt/1IN584m" alt="freebie: idolatra" width="1034" height="519" srcset="http://ift.tt/1mAO1bE 600w, http://ift.tt/1IN55W4 768w, http://ift.tt/1mAO1rU 1024w, http://ift.tt/1IN55W6 1034w" sizes="(max-width: 1034px) 100vw, 1034px" /> <img class="alignnone size-full wp-image-20785" src="http://ift.tt/1mAO1rY" alt="freebie: idolatra" width="1199" height="558" srcset="http://ift.tt/1IN584q 600w, http://ift.tt/1mAO1s2 768w, http://ift.tt/1IN55W8 1024w, http://ift.tt/1mAO1by 1199w" sizes="(max-width: 1199px) 100vw, 1199px" /></p>
<p><a href="http://ift.tt/1IN584s" target="_blank">Idolatra font</a></p>
<div class="feedflare"><a href="http://ift.tt/1IN55Wa"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1IN55Wc"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1IN55We"><img src="http://ift.tt/1IN55Wg" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-79116453169622447352016-01-01T09:13:00.001-06:002016-01-01T09:13:06.782-06:00Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials<h2>The search field is also referred as the search box and search bar. Having this on the website is pivotal from the business perspectives.</h2>
<p>Hence, there should be more attention paid to that particular field while designing or adding to the site. Imagining a website without search bar means an incomplete process because this works as a key and its absence may frustrate the visitors while finding anything from that place.</p>
<h4>Let us give you an example to show the importance of search field/box/bar</h4>
<p>Suppose, there is a website loaded with content and the visitor falls down here to find some specific things. In this situation, how will he find the desired information without any search box.</p>
<p>In this circumstance, should he move to the data archives or you will provide an easy software to fulfill this need on your site that is your question and you need to find out the right solution.</p>
<p>Thanks to the available broad range of search box tutorials that have made it easy by the time. Thus, regardless of wasting your precious time, we thought to come up with the best tutorial collection directly that actually you are looking for.</p>
<p>So, go through the following well-noted search form tutorials and take inspiration from them to make your own site powerful.</p>
<h4><a href="http://ift.tt/Q9FvQK" target="_blank">Rocking & Rolling jQuery Search Form With Rounded Menu</a></h4>
<p><img class="alignnone wp-image-20759 size-full" src="http://ift.tt/1Re3kSX" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="413" height="224" /></p>
<p>The commendable utilization of scaling and rotating jQuery powered patches. Taking aspiration from this tutorial, you need to build a menu with small icons and once you hover over them, you will get automatically rotate. Also, you should have the capability of expanding menu just to unveil the integrated items.</p>
<h4><a href="http://ift.tt/n9hEk2" target="_blank">CSS3 Search Bar Influenced by Apple</a></h4>
<p><img class="alignnone size-full wp-image-20760" src="http://ift.tt/1Re3kT1" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="413" height="75" /></p>
<p>Are you the Apple fan and want to create something look like this even remotely, then you’re at the right place as we have listed Apple-esque search bar in this tutorial built with CSS3. This should be able to expand especially when in an active situation.</p>
<h4><a href="http://ift.tt/1m7EIuR" target="_blank">Simple Search Form Created Using jQuery/CSS3 & PSD</a></h4>
<p><img class="alignnone size-full wp-image-20761" src="http://ift.tt/1TtHdqX" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="381" height="233" /></p>
<p>When it comes to design, then you will experience professional look with the simplicity which is actually a plus point of its popularity. This comprises clean jQuery validation along with PSD and pop appearance until the search field is filled.</p>
<h4><a href="http://ift.tt/nVcxJF" target="_blank">Search Box Inspired By Google</a></h4>
<p><strong> <img class="alignnone size-full wp-image-20762" src="http://ift.tt/1TtHbiI" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="433" height="144" /></strong></p>
<p>This customized search box built with HTML5, AJAX, CSS3 and jQuery looks simple but eye-catching, that is why, many webmasters prefer to keep it on their sites. This owns the ability to search individually from images, videos, and Google.</p>
<h4><a href="http://ift.tt/15HwYb0" target="_blank">Deconstructed & Expandable Search Box</a></h4>
<p><strong> <img class="alignnone size-full wp-image-20763" src="http://ift.tt/1TtHbiK" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="433" height="234" /></strong></p>
<p>One nice thing that we can observe here is; changing search input. You can put it via sidebar into the header sector using some effects, wherein you need to click in order to expand the section of input. Expanding it seems to be easy if you apply an effective trick to make it worthy in terms of performance.</p>
<h4><a href="http://ift.tt/1lwAZqP" target="_blank">Search Box with Drop Down Menu in HTML & CSS3</a></h4>
<p><img class="alignnone size-full wp-image-20764" src="http://ift.tt/1TtHbiM" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="433" height="33" /></p>
<p>This tutorial will help you develop the completely flat styled navigation in the search field or box along with the facility of drop down menu that came from Square UI as you can see below in the image. Another impressive example of the search box with an appealing look.</p>
<h4><a href="http://ift.tt/YbXpAU" target="_blank">CSS3 Search Field</a></h4>
<p><img class="alignnone size-full wp-image-20765" src="http://ift.tt/1TtHdqZ" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="413" height="193" /></p>
<p>It’s a fact that CSS3 is brilliant in the account of the web design. Therefore, we find the majority of CSS3 powered sites after surfing the web. Undoubtedly, it caters plenty of functions such as animation, shadow, transitions, and many more required to develop enticing, simple and powerful search form.</p>
<h4><a href="http://ift.tt/1mvXXO9">Realistic Soft CSS Search Field Form</a></h4>
<p><img class="alignnone size-full wp-image-20766" src="http://ift.tt/1TtHbiR" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="433" height="178" /></p>
<p>Here, you will know how to build search box with realistic shadow visual considering or utilizing HTML5 placeholder and CSS styling. The perfect blend of both attributes produces a simple search box design with shadow effects.</p>
<h4><a href="codepen.io:nikhil:pen:GxhcD">Suggestions Search Box in pure CSS</a></h4>
<p><img class="alignnone size-full wp-image-20767" src="http://ift.tt/1Re3mKF" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="388" height="253" /></p>
<p>Do you love playing with CSS functions? If yes, then go with this easy tutorial helpful to create the expandable suggestion search field which is purely developed by CSS technology. This tutorial will really help you attain an ideal CSS powered search box.</p>
<h4><a href="http://ift.tt/1AsKX5z" target="_blank">Flexible Search Form</a></h4>
<p><img class="alignnone size-full wp-image-20768" src="http://ift.tt/1Re3kTa" alt="Best Collection of CSS3, jQuery & HTML5 Built Search Form Tutorials" width="433" height="60" /></p>
<p>An example of flexible search input comes with fixed width submit button and border that allows using search input as per the need or flexibility.</p>
<p><strong>Conclusion:</strong></p>
<p>Many website developers ignore the search bar importance by giving priority to other web design & development related tasks. This feature owns utmost significance. Hence, it must be placed over the website to make the visitors’ searching task flawless. I hope you enjoyed this tutorial feed and liked the listed search forms powered by CSS3, HTML5, and jQuery.</p>
<p> </p>
<p style="text-align: center;">– – –</p>
<p> </p>
<p><strong>Author Bio:</strong></p>
<p>David Meyer is a web developer from <a href="http://ift.tt/1TtHdr1" target="_blank">CSSChopper – Sketch to HTML company</a>. Being a passionate writer, he loves writing posts on different website development technology. Follow him on <a href="http://ift.tt/1Re3kTc" target="_blank">Facebook</a>, <a href="http://twitter.com/CSSCHOPPER" target="_blank">Twitter</a> and <a href="http://ift.tt/1TtHbiX" target="_blank">Google+</a>.</p>
<div class="feedflare"><a href="http://ift.tt/1Re3l9r"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1Re3mKP"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1Re3n13"><img src="http://ift.tt/1TtHdr3" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-10987523369555595612015-12-30T10:45:00.001-06:002015-12-30T10:45:33.448-06:00Featured Designer: Alberto Revuelta – Unleashing Fantasy<h2>Today’s featured designer is freelance illustrator and visual artist Alberto Revuelta of Mexico City. For anyone who digs fantasy art as much as we do, read on.</h2>
<p>Growing up on a steady consumption of comics, cartoons, posters, and fantasy art by <a href="http://ift.tt/Vk493K" target="_blank">Boris Vallejo</a> during the 90s, it was only natural for us to fall crazy in love with Alberto’s work. His style borders street art and surrealism, resulting in a myriad of colors, playfulness, form and cultural exhibits of Mexicania.</p>
<p>Alberto’s art is also exploratory and experimental, with each piece defined in detail with intricate strokes. As illustrators, we love that.</p>
<p>The pieces below are just some of our favorites, to see more of Alberto’s work, head over to his portfolio on <a href="http://ift.tt/1JfPAGi" target="_blank">Tumblr</a>.</p>
<p><img class="alignnone size-full wp-image-20745" src="http://ift.tt/1VpHmNu" alt="tumblr_nvvex8qU9q1s3j9gjo1_1280" width="1244" height="1920" srcset="http://ift.tt/1VpHmNy 600w, http://ift.tt/1JfPz52 768w, http://ift.tt/1VpHmNA 663w, http://ift.tt/1JfPAWA 1244w" sizes="(max-width: 1244px) 100vw, 1244px" /> <img class="alignnone size-full wp-image-20746" src="http://ift.tt/1JfPAWC" alt="tumblr_nvx6atscQE1s3j9gjo1_1280" width="1280" height="1863" srcset="http://ift.tt/1VpHlsO 600w, http://ift.tt/1JfPAWG 768w, http://ift.tt/1VpHn3Q 704w, http://ift.tt/1JfPAWI 1280w" sizes="(max-width: 1280px) 100vw, 1280px" /> <img class="alignnone size-full wp-image-20747" src="http://ift.tt/1VpHn3S" alt="tumblr_mnlneujZSC1s3j9gjo1_1280" width="1280" height="1661" srcset="http://ift.tt/1JfPz56 600w, http://ift.tt/1VpHn3U 768w, http://ift.tt/1JfPz5a 789w, http://ift.tt/1VpHn3W 1280w" sizes="(max-width: 1280px) 100vw, 1280px" /> <img class="alignnone size-full wp-image-20748" src="http://ift.tt/1JfPAWK" alt="tumblr_mucz4cbmGQ1s3j9gjo1_1280" width="1280" height="1667" srcset="http://ift.tt/1VpHn40 600w, http://ift.tt/1JfPz5c 768w, http://ift.tt/1JfPz5e 786w, http://ift.tt/1VpHlsS 1280w" sizes="(max-width: 1280px) 100vw, 1280px" /> <img class="alignnone size-full wp-image-20749" src="http://ift.tt/1JfPAWO" alt="tumblr_n3n41nZa0A1s3j9gjo1_1280" width="1280" height="1663" srcset="http://ift.tt/1VpHn43 600w, http://ift.tt/1JfPz5g 768w, http://ift.tt/1VpHlsU 788w, http://ift.tt/1JfPzlu 1280w" sizes="(max-width: 1280px) 100vw, 1280px" /> <img class="alignnone size-full wp-image-20750" src="http://ift.tt/1VpHn47" alt="tumblr_n4yhwdlYVK1s3j9gjo1_r1_1280" width="1280" height="1678" srcset="http://ift.tt/1JfPzlw 600w, http://ift.tt/1VpHnkl 768w, http://ift.tt/1JfPBd6 781w, http://ift.tt/1VpHlsW 1280w" sizes="(max-width: 1280px) 100vw, 1280px" /></p>
<p> </p>
<div class="feedflare"><a href="http://ift.tt/1JfPzlA"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1JfPzlE"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1JfPBd8"><img src="http://ift.tt/1VpHlt0" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-25201465614269549992015-12-29T09:03:00.001-06:002015-12-29T09:03:07.224-06:00Freebie: WONDER – Premium App Design UI Kit (10 Screens)<h2>Today’s freebie comes from an author faheemiya from Graphicsfuel. This crazy complete set of app UI kit uses clean design for your next app project.</h2>
<p>The WONDER app UI kit contains a pack of 10 premium quality screens to make your app design prototyping fast and super easy. All PSD files are neatly organized and screens are categorized.</p>
<p>From sign-in and sign-up, walkthrough, news, categories, profiles, friends, and menu, each screen is fully editable and customizable, duly named, retina-ready and well-oganized in PSD format.</p>
<p>Volume 1 uses a free font called Montserrat with free images (CC0) from Unsplash, Pexels, Pixabay and Gratisography. Head over to GraphicsFuel to download this awesome PSD right after the jump below!</p>
<p><img class="alignnone size-full wp-image-20736" src="http://ift.tt/1R5LvFD" alt="wonder-app-ui-kit-fullview" width="1100" height="5250" srcset="http://ift.tt/1NU1hiA 600w, http://ift.tt/1R5Ly4m 768w, http://ift.tt/1NU1hiC 1100w" sizes="(max-width: 1100px) 100vw, 1100px" /></p>
<p><a href="http://ift.tt/1QiZHMw" target="_blank">Wondering?</a></p>
<p> </p>
<div class="feedflare"><a href="http://ift.tt/1NU1jXy"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1NU1hiE"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1NU1hiG"><img src="http://ift.tt/1R5Ly4s" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.comtag:blogger.com,1999:blog-7508259735061386441.post-91733740235849982172015-12-28T09:13:00.001-06:002015-12-28T09:13:24.543-06:00Featured Work: Me & My Other Me by Fulvio Obregon<h2>Today’s featured work is from Colombian graphic designer, illustrator and character designer Fulvio Obregon. He’s created a series of fascinating illustrations of celebrities we all know and love.</h2>
<p>The project title “Me & My Other Me” is an inspiring work that illustrates celebrities now and then. “Each character has some detail of what has been essentially along their respective career, life or profession.” says Fulvio.</p>
<p>From Michael Jackson to Bill Gates to Al Pacino, it’s awesome to see their younger self hanging out with their older self. Here’s a few of the celebrities I love, for more just head over to Fulvio’s Behance page after the jump!</p>
<p><img class="alignnone wp-image-20752 size-full" src="http://ift.tt/1QRUgVH" alt="Me & My Other Me" width="1200" height="1200" srcset="http://ift.tt/1MDePNs 150w, http://ift.tt/1QRUgVJ 600w, http://ift.tt/1MDePNu 768w, http://ift.tt/1QRUjAU 1024w, http://ift.tt/1MDeOch 160w, http://ift.tt/1QRUgVL 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /> <img class="alignnone wp-image-20753 size-full" src="http://ift.tt/1MDePNC" alt="Me & My Other Me" width="1200" height="1200" srcset="http://ift.tt/1QRUjRc 150w, http://ift.tt/1MDePNE 600w, http://ift.tt/1QRUhc3 768w, http://ift.tt/1MDeOcn 1024w, http://ift.tt/1QRUjRe 160w, http://ift.tt/1MDeOcp 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /> <img class="alignnone wp-image-20754 size-full" src="http://ift.tt/1QRUjRi" alt="Me & My Other Me" width="1200" height="1200" srcset="http://ift.tt/1QRUhc5 150w, http://ift.tt/1MDeQ3S 600w, http://ift.tt/1MDeOcs 768w, http://ift.tt/1QRUhc9 1024w, http://ift.tt/1MDeOcu 160w, http://ift.tt/1QRUhcb 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /> <img class="alignnone wp-image-20755 size-full" src="http://ift.tt/1MDeQ3U" alt="Me & My Other Me" width="1200" height="1200" srcset="http://ift.tt/1QRUjRm 150w, http://ift.tt/1MDeQ3W 600w, http://ift.tt/1QRUjRr 768w, http://ift.tt/1MDeOcy 1024w, http://ift.tt/1QRUk7G 160w, http://ift.tt/1MDeQ3Y 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /> <img class="alignnone wp-image-20756 size-full" src="http://ift.tt/1QRUk7I" alt="Me & My Other Me" width="1200" height="1200" srcset="http://ift.tt/1MDeOsN 150w, http://ift.tt/1QRUhcd 600w, http://ift.tt/1MDeOsP 768w, http://ift.tt/1QRUhci 1024w, http://ift.tt/1MDeOsR 160w, http://ift.tt/1QRUk7O 1200w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p><a href="http://ift.tt/1K8TAWb" target="_blank">see me</a></p>
<div class="feedflare"><a href="http://ift.tt/1QRUk7R"><img src="http://ift.tt/1ceBxti" border="0" /></a> <a href="http://ift.tt/1QRUhsx"><img src="http://ift.tt/1ceBxtl" border="0" /></a> <a href="http://ift.tt/1QRUk7T"><img src="http://ift.tt/1MDeQ48" border="0" /></a></div>
Liam Robertshttp://www.blogger.com/profile/06486742974614662592noreply@blogger.com