Raw, high-quality PSD files are one of the most treasured finds online for web designers. They aren’t particularly easy to find, especially compared to all of the readily available resources out there like tutorials, scripts, and templates. A combination of contractual restrictions for much of our professional work, and fear of outright plagiarism of our hard work keep many from sharing their finished PSD files for others to use.
We should be sharing more of them however. PSDs speed the design process up dramatically, as designers can cut and borrow elements of existing files rather than building nearly identical looking versions from scratch, as often happens.
PSDs are also great for learning. Rather than reading tutorials, designers can dig into PSD files and see how every layer acts, individual settings for simple elements, and truly get hands on while studying other designers’ techniques.
While these files aren’t as popularly shared online, there are some sites devoted strictly to sharing PSDs for our own use. Jacob Gube listed the ten best sites posting new files on a regular basis that are high enough quality to be used professionally.
Conceptualizing a mobile or desktop site has never been as easy as it is today with the huge range of wireframing and prototyping tools at our fingertips. Long gone are the days of sitting down with pen and paper and tossing away pages every time you wanted to change a small detail. To many designers out there, that is a relief, but Lennart Hennigs, writer for Smashing Magazine, suggests it may be better for the final product to revert back to the old ways and undertaking hours of sketching.
Hennigs suggests that these tools which have made getting started on a website faster than ever before are also making us skip over key step that leads to the best results possible: taking to time to actually understand the problem.
Many designers are afraid of white or empty space. The pressure to start from nothing can sometimes be intense, especially on important projects, but when we start to map out the project and work out the problems we also start to create solutions. We aren’t just fixing problems on the paper when we sketch, though. We also generate new ideas out of the lack of established details. Your brain automatically fills in the blanks, and you can often be surprised by what you imagine. The best part of all of this is exploring these options without being forced to commit.
With sketches, you can have three our four different options for a single screen on a single page, all in progress at the same time. You can explore every option you want, and if something goes wrong, mark that design out or throw it away. With prototyping, it isn’t so easy. Prototyping is slower and when it takes more time to create something, we get more attached to it even when it isn’t the best possible design. It is hard to outright throw away a prototype you’ve spent an hour or more on.
The big reason some designers were so happy to see prototyping tools become widely available is they were sketching wrong. Your sketches don’t have to look good, and you definitely don’t need to spend hours cleaning up lines or making them look good. You are conveying ideas, not the final product. You don’t need to be Rembrandt, you just need to get the ideas on the paper. Think of it like writing, you have to be legible enough to communicate the information, but sloppy penmanship doesn’t matter if it is still legible. Similarly, you’re sketches don’t need to look pretty so long as they formulate ideas and could communicate them to collaborators.
If you’re sold on stepping back one step in your design process and opening yourself to new ideas you normally wouldn’t get during the prototyping step, don’t worry about your artistic skills or anything like that. Hennigs suggests more than a few tips in his article for getting started and how to approach the new old part of design.
00TMOhttps://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.pngTMO2013-06-28 12:24:392013-06-28 12:24:39Why Prototyping Tools Shouldn’t Keep You From Sketching
User experience is more important now than ever. A few years ago, visitors would put up with a glitchy or poorly functioning site because the internet as a whole was less developed. Now, if one site doesn’t work well, visitors will simply look for another that was designed properly and responds how they want it to.
Visitors aren’t the only ones who care about user experience, either. Search engines are putting a bigger and bigger emphasis on how much users will enjoy a site instead of focusing on technical things like linkbuilding that visitors won’t ever notice.
Robert Hoekman has been working in the web industry for thirteen years and has first hand seen the changes happening as user experience became one of the most important aspects of running a website. While there are a few dissenters, Hoekman is part of the majority who are happy to see websites being designed for users, not for designers or search engines. However, he knows some designers have had some growing pains during the transition.
To help designers understand the importance of user experience and why it is the key to creating a well ranked and well liked site, Hoekman created a list of 13 tenets of user experience (one for every year he has spent in the business). If you don’t get what the big deal is or why user experience was bound from the beginning to become the most prized aspect of design, his rules should make it all clear.
https://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.png00TMOhttps://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.pngTMO2013-06-27 14:10:292013-06-27 14:10:29The Thirteen Rules of Good UX
We’ve reached the half-way point in the year, and more than a couple web design websites have started sharing their lists of trends for the year. But, most of these lists seem oddly familiar. Anyone keeping up with the blogs and news has already seen more articles on the popularity of minimalism, flat design, responsive design, and typography.
None of those articles are wrong, but surprisingly not much has changed in web design trends over the past six months. The trends gaining traction at the beginning of the year have just ingrained themselves even further into web design, but there are a couple things that have managed to start gaining traction that are worth noting.
Creative Overflow recently shared one of these lists of “new” trends in web design, but surprisingly not a single entry on the list is the least bit new. Minimalism goes hand in hand with responsive design which is quickly becoming a standard. Minimalistic sites also rely strongly on typography because they forsake all the other common embellishments. Elsewhere, the rise of high definition screens on everything from our phones to our computers has led many designers to begin using lush background photography rather than simple colors, because there is now a high enough resolution to differentiate the text from more complex images.
At this point, there is little doubt you’ve heard about all of these issues, but there are a couple more trends slowly spreading that have been less discussed, though they’re far from new.
Detailed illustrations have been a popular part of the internet for quite a while now, but on sites that want to appear light-hearted or nostalgic these illustrations have almost become prerequisite. The illustrations tend to give a sort of hand-crafted charm to sites as well as shying away from the edgy or dramatic moods prevalent on more “serious” minded sites.
An even more popular trend that has been steadily growing for the past couple years is the use of circles. We tend not to think about it, but the internet has been largely rectangular for much of its history, but with the advent of smartphones and touch screens, the use of circles has become shorthand for interactive features. If you want someone to touch something on the screen, make it a circle. Of course, it has outgrown the touch-focused usage, and circles are now just a hugely popular motif in design. Once touch interfaces turned to circles instead of squares, it opened up the floodgates for designers of all kinds to step outside the box based designs.
https://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.png00TMOhttps://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.pngTMO2013-06-26 13:40:062013-06-26 13:40:06The “New” Design Trends of the Past Six Months
Apple’s keynote event earlier this month made news across the world, and few were impacted by the announcement of the new mobile operating system iOS7 more than designers and developers. While consumers will be receiving an updated user experience and new aesthetics on their phones and iPads in the next few months, designers are rushing to update apps and icons to keep their content up to date and optimized for the new operating system.
These designers won’t be forced to redesign from the ground up, however. There are already numerous resources available to help update to the new iOS. Designmodo is gradually collecting the best of these resources, and they recently highlighted two different icon grids for iOS, which are templates which you build icons on top of.
Beyond offering a few simple grids to assist the icon redesign process, there are also tons of examples of updated icons to help get designers steered in the right direction before the public has even gotten a hands-on turn at the operating system.
Tools, templates, plug-ins, and script libraries are all a huge part of web design. If we create absolutely everything from scratch, we often end up spending way more time than necessary to get the same results. We keep complete creative control, while streamlining our process to keep our work fast enough to keep clients happy and stay competitive.
So many tools come out every month, that some websites run weekly round-ups of all the new fancy toys we can use to make beautiful websites without draining all of our time and energy on individual products, but this also means many great tools get lost in the mix, or downloaded to be used once and forgotten.
To keep you from wading through duds, out-dated tools, and countless versions of tools that achieve essentially the same thing, Speckyboy collected 50 of the best resources and tools that have been released over the past year. Time is priceless to designers and all of these tools strive to make sure every minute you spend designing counts.
https://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.png00TMOhttps://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.pngTMO2013-06-24 13:10:352013-06-24 13:10:35The 50 Best Design Tools of the Past Year
While you won’t meet a web designer who doesn’t know about responsive design, its still relatively new. According to Webdesigner Depot, the term was only coined three years ago by web designer Ethan Marcotte who writes for A List Apart.
While some still treat responsive design as a passing trend, it appears that responsive design isn’t going anywhere until new technology requires a new design methodology or we find a better solution. Responsive design aims to make the user experience as enjoyable as possible, and while that pleases users Google has also made it clear that UX is going to be a major consideration in site rankings going forward.
The internet used to be confined to desktops, but we all know that time is long gone. We access the web from countless devices with constantly changing screen sizes and browsers, often from our phone or tablet while at work, on a bus, or watching tv at home. Responsive design strives to make the experience as gratifying and problem-free as possible no matter what platform you are using.
Mashable called this the year of responsive design, and in many ways they are right. It is clear that numerous hugely popular websites have implemented responsive design, and there are many signs it may be considered standard within just a few more years. If you’re still not caught up with this fairly new design method, Marc Schenker recently broke down the facts everyone needs to know about it.
https://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.png00TMOhttps://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.pngTMO2013-06-20 13:33:022013-06-20 13:33:02What You Absolutely Need To Know About Responsive Design
Depending on your skill set, a recent Webmaster video may be good or bad news to bloggers and site owners out there. Most people have never considered whether stock photography or original photography has any effect on search engine rankings. As it happens, not even Matt Cutts has thought about it much.
There are tons of writers out there who don’t have the resources or talent with a camera to take pictures for every page or article they put out. Rather than deliver countless walls of text that people don’t like looking at, most of us without the artistic talent instead use stock photos to make the pages less boring and help our readers understand us more. For now, we have nothing to worry about.
Cutts, the head of Google’s Webspam team, used his latest Webmaster Chat to address this issue, and he says that to the best of his knowledge, original vs. stock photography has no impact on how your pages rank. However, he won’t rule it out for the future.
“But you know what that is a great suggestion for a future signal that we could look at in terms of search quality. Who knows, maybe original image sites might be higher quality, whereas a site that just repeat the same stock photos over and over again might not be nearly as high quality. But to the best of my knowledge, we don’t use that directly in our algorithmic ranking right now.”
Logically, I would say that if Google does decide to start consideration photo originality on web pages, Cutts appears to be more worried about sites that use the same images “over and over” rather than those who search for relevant and unique stock images for articles. Penalizing every website owner without a hired photographer to continuously produce images for every new page would seem a bit overkill.
One of the greatest design benefits of using WordPress is how easy it can be to change themes completely. If you don’t know what I mean by that, consider a time when you’ve gone to a WordPress blog you frequent and noticed a significant change in the appearance or way the site works. A theme is basically the design and layout of the site or blog you’ve been following.
There are thousands of free customizable themes for WordPress available, and even more if you are willing to pay for a professional looking skin, and WP is built for these to be almost interchangeable – almost being the operative word.
When you’ve been running a blog through WP for a while, you accumulate a number of widgets and scripts that are used to improve the performance of your site as a whole. They can run from widgets used for tracking and ads to RSS feeds and an assortment of other additions you’ve made to your blog after you chose the theme you are working to replace or change.
When you change themes, it isn’t uncommon for the new themes to run into problems displaying or running these widgets you’ve built int your site. The standard WP widgets like Archives and Pages are almost always safe, but any special scripts for fighting spam, editing sidebars, and anything else that doesn’t come standard can become break down, bogging down or derailing your site.
OnextraPixel writer Jay Adrianna created a list of 15 things designers or site owners need to do when undertaking a change of themes. If you follow every step, all of your widgets, scripts, and plug-ins will remain safe and sound, and you’re new look will be flawless.
00TMOhttps://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.pngTMO2013-06-18 12:53:502013-06-18 12:53:50Keeping Your Site Working When Changing WordPress Themes
For those who aren’t watching closely, it can be hard to tell how much the color trends in design change. With such a diverse range of sites using different design styles from neons to earth tones, monotones to color clashing, how can you tell what is part of a trend or just a personal designer’s unique choice?
The truth is, most designers are influenced by design trends. We have to be, as we design for others. We have to keep up with what everyone likes visually, even when they aren’t quite aware what they like about it. This year has seen several distinctive trends either popping up out of almost nowhere, and a few who are finally catching on after slowly spreading. Brandon Hill from Design Madness broke down the color palettes and stylings we’ve been seeing all year, to help you design for what audiences are subconsciously loving.
1) All Emerald Everything – One of the biggest trends of the year isn’t inspired so much by popular tastes but by a simple influential recommendation from Pantone. Every year Pantone chooses a single color as their “Color of the Year” and this year Emerald won the distinctive title, and since then it’s been hard to ignore how prevalent it has become. It works well as a strong background color, accent, contrast, and in many other ways, while still feeling fresh. We’ve recently covered the ways designers are enlivening emerald, but suffice to say the color of the year could quite possibly stick around a while.
2) Blacks and Blues – The web has traditionally been set upon a white or like background color as text has usually been a focus. However, thanks to an increased attention on images, and more flexibility with text styling, dark colors like black, browns, and dark blues have become popular for “edgy” or “aggressive” sites. Whether you want to create a mood of foreboding or mystery, black has become a much more viable way to make your site seem cool or intense.
3) Grays and Accents – Gray has long been a loved neutral color for website designers. It doesn’t feel as empty as white when used as a background, and it pairs well with anything. Lately, designers have been choosing to pair this gray with neons and pastels to create heightened accents and playfulness. The rise of this style could be in part helped by flat design, as it works great as a simple neutral that still makes a page feel full.
4) Monochrome – Blame Facebook and Twitter, but the monochrome look is peaking this year, especially when combined with natural colors such as blues, greens, and often grays. It isn’t uncommon for designers to spice up this style with one or two accent colors to draw attention to important site elements like a call to action, but the monochrome look also creates a sense of cohesiveness which many brands find attractive.
5) Color blocking – Color blocking has come and gone in web design before, but its recent rise has been one of the most noticeable changes in design over the past year. The biggest difference between now and past trends that favored color blocking is the trend is now being used more for website functionality than aesthetics. Color blocks are being used as signifying icons of navigation menus, blocks of content you can select from, site categories, and every other way a designer may geometrically organize their site.
The through line of all of these is a recent focus on simplicity. Flat design is growing, and designers have been streamlining and employing minimalism more and more. The color trends of the year reflect this, while also bringing diverse design techniques that make simple color styles feel exciting and new.
00TMOhttps://www.tulsamarketingonline.com/wp-content/uploads/2018/07/TMO-Logo.pngTMO2013-06-17 12:48:252013-06-17 12:48:25The Color Trends From The First Six Months of 2013
Raw, high-quality PSD files are one of the most treasured finds online for web designers. They aren’t particularly easy to find, especially compared to all of the readily available resources out there like tutorials, scripts, and templates. A combination of contractual restrictions for much of our professional work, and fear of outright plagiarism of our hard work keep many from sharing their finished PSD files for others to use.
