Pages

Subscribe:

Ads 468x60px

Labels

Labels

Unordered List

Ordered List

Featured Posts

Saturday 9 April 2016

Comics of the week #334

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

One thing leads to another

Serving a niche market

 

And the mystery continues

Can you relate to these situations? Please share your funny stories and comments below…

UICons: Get 1400+Pixel Crisp Vector Icons (line and filled) – only $15!

Source

si pide pass es: Jerry King

Friday 8 April 2016

Tokyo 2020 logo shortlist revealed

It’s just four years until the Tokyo Summer Olympics and Paralympics, and while the eyes of the sporting world may currently be set on Brazil, attention will turn to Tokyo once the torch is (literally) passed in 5 months.

For any city, even bidding to host the biggest sporting event in the world is a huge expense. To justify the investment, a city needs the event to showcase it to the world, and at the center of that process is the games’ branding.

After the original logos for Tokyo 2020, designed by Kenjiro Sano, were — probably unfairly — dropped amid claims of plagiarism, the Tokyo 2020 Emblems Selection Committee decided to hold a public competition that any Japanese resident could enter. (To protect the event from further potential accusations of copying, entrants have signed guarantees that their designs are original, and have had to submit working documents to show their creative processes.)

In the grand tradition of crowd-sourcing, most of the 14,500 designers who entered the competition will get nothing; the winning designer will only receive $9,200 (approx) and tickets to the opening ceremonies of the Olympic and Paralympic Games. It’s especially galling when designs commissioned for events such as these are often billed well into six-figures.

The competition has however, produced some interesting designs:

Design “A” is a checkerboard pattern that references the Ichimatsu Moyo pattern popular in Japan in the Edo period between the 17th and 19th centuries. The denim-blue it uses is also considered to be traditionally Japanese. Graphically it’s very strong, but the type has a distinctly European flavor.

Design “B” is a circle, and a swirl, designed to represent both “mental and physical strength” and “dynamic movement and speed”. They look very much like a traditional Olympics logo, and this safe option may swing it for the committee who have already weathered enormous criticism over their handling of the original logos.

Design “C” represents the gods of wind and thunder. More figurative than the other entries, this design shows athletes breaking the tape at the end of a race, or perhaps someone running away with 5 gold medals. There is something Olympic about it in spirit, but it’s very close to the Rio 2016 branding. In this instance the type feels far more Japanese.

Design “D” is the most distinctly Asian. Inspired by the morning glory flower which was popular in the Edo period (again) it represents athletes striving to attain their personal best. It suggests growth, development, and optimism. In this case also, the type has a distinctly Japanese feel.

The overall winner will be announced later in the Spring, once the committee have sounded out public reaction to the designs.

Get 4 Fantastic Script Fonts from Tooris Studio – only $9!

Source

si pide pass es: Ben Moss

Vivaldi 1.0 unleashed

It’s fitting that Opera’s ex-CEO is now releasing the finished Vivaldi browser. After all, some say that Vivaldi caters to the demographic that Opera left behind. There was a time that Opera was being designed for more specialized users than the average web surfer, but those days are long gone.

Jon von Tetzchner, Opera’s old CEO, has just debuted Vivaldi 1.0, a browser that promises to be for the “web’s most demanding users.” In a blog post the company notes that 1.0 is focused on three distinct attributes: fun, efficiency and productivity.

After already millions of downloads and longer than a year in public development, 1.0 arrives with great promise for power users that are fond of customizations, as well as shortcuts. Sure, it features one of Opera’s centerpieces in the form of Speed Dial, which allows users fast access to favorite sites from any new tabs, yet it also has a slew of new features that make it stand out from almost any other browser.

Instead of going the route of most browsers, which is stripping down their offerings, 1.0 gives users more options and features to enable a better user experience. Vivaldi’s philosophy has always been to create with and for the Internet. Its user interface utilizes Node.js, React and JavaScript. Pages are rendered very quickly due to the presence of Chromium in 1.0’s core.

The best way to understand a new browser is by taking a look at its features. Here they are:

  • Tab stacks – This feature lets users stack tabs on top of each other by dropping them, allowing a less cluttered interface and promoting order for users. Switching between tabs is easy, thanks to customizations.
  • Tab stack tiling – Tiling tab stacks lets users see multiple pages at once. Think of this feature as giving you multiple desktops.
  • Sessions – Save the set of tabs you use most as a session for future retrieval.
  • Notes – A research tool, this feature lets users mark a quote and then save it as a note. 1.0 will let you take screen shots, too.
  • Quick commands – Enjoy access to history, bookmarks, open tabs and settings.
  • Mouse gestures/keyboard shortcuts – Good for when you want to use 1.0 at lightning speed. Gestures and shortcuts transform flicks of the wrist and key combinations into almost any in-browser action.
  • Speed dial – Gain access to bookmarks and favorite sites from blank tabs.
  • Better bookmarks – Get to your bookmarks from the bookmark panel, bar, manager and the aforementioned Speed Dial.
  • Web panels – This lets you look at sites in the 1.0 sidebar. It’s perfect for attending to social media or chatting with someone right next to your main browser window.
  • Personalized – 1.0 adapts to users, which is why it’s customizable. Customer feedback is to thank for this.
  • Extensions – 1.0 supports Chrome add-ons to boost your work flow.

The finished release is out on Linux, Windows and OS X. Interested users can download 1.0 right from the Vivaldi homepage.

Get 4 Fantastic Script Fonts from Tooris Studio – only $9!

Source

si pide pass es: Marc Schenker

Thursday 7 April 2016

The best new portfolio sites, April 2016

Hey everybody, it’s time to look at other people’s portfolios and get slightly jealous again! And guess what? For the first time ever, the majority of the websites we feature come from our very own readers.

If I said I was proud of you guys, would that make this weird?

Anyway, if you want to be included in next month’s roundup, contact me at ezequiel@webdesignerdepot.com.

Note: I’m judging these sites by how good they look to me. If they’re creative and original, or classic but really well-done, it’s all good to me. Sometimes, UX suffers, for example many of these sites depend on JavaScript to display their content at all; this is a Bad IdeaTM, kids.

Pierre

I’ll be honest with you. I don’t know enough French to tell if “Leverrier” is Pierre’s last name, nickname, or some sort of adjective. I couldn’t find his full name in the site’s content.

The confusion around his name aside, the site is good-looking, usable, though heavily focused on animation. The imagery is good, and the vintage video background on the homepage is a nice touch, style-wise.

Zeh Fernandes

Zeh Fernandes has achieved the sort of minimalism that makes his one-page site calming to look at. Then again, I am maybe too easily calmed by black text on a white background.

Still, Zeh is a master of both code and design, and it shows.

Matt Weller

Matt Weller is yet another designer who takes a big risk by making his portfolio just one big carousel full of his work. Still, his skills as a graphic designer and illustrator make the show a pleasant one.

Matt Muirhead

Matt Muirhead combines an interactive sort of drawing toy, video footage, and animation into one rich, lovely, if somewhat distracting website experience. If a designer’s job is to draw the eyes in, and guide the user down a path, then Matt Muirhead knows his job well.

Dauntless

Dauntless’ website doesn’t do anything revolutionary with the layout or aesthetics, but it’s a Good DesignTM. That is, it’s usable, stylish, and pleasing to the eye.

It is perhaps ironic that their slogan is “Be Dauntless”, but for their decidedly business-oriented customers, this is a near-perfect design.

Jacob Stringfellow

Jacob Stringfellow takes a bold, rather risky approach to his portfolio. There’s no denying that the visuals are lovely (with yet another excellent example of a yellow-focused color palette), it’s the presentation.

Specifically, he hides his previous work in lightbox carousels, and the copy directly states that this site is his best work so far, but you can look at bits of his older work if you really must.

Despite that odd risk, the rest of his site is just plain beautiful.

Paul Johns

Paul Johns’ site is another one that I find calming to look at. Simple, usable, pretty, decent typography, lets the work speak for itself. I can’t ask for more.

Ryan Gittings

I love Ryan Gittings’ site because it’s a great example of progressive enhancement on top of a usable, fast, and good-looking design.

While the aesthetics and layout aren’t anything too original, turn off the JavaScript and watch how everything still works fine. All you lose is a couple of fancy animations. This is how it’s supposed to work!

Plus, it really does look good, in a conventional way.

Rotate

Rotate is a studio that takes the opposite approach. The site is fashionable, even kind of elegant, but I hate to see what would happen if someone wasn’t able to load the JS for any reason.

Still, I love the way they showcase their work, the “thumbnails” (click through, you’ll see what I mean), and the case studies themselves.

Mark Spurgeon

Mark Spurgeon is a 19-year-old up-and-coming designer, programmer, illustrator, and 3D artist. I’ll freely admit that he could stand to practice his use of white space and typography, but what caught my eye was the aesthetic.

It’s a vintage, minimalist design. Vintage design tends to be simplistic, but not minimalist. It is usually dominated by large photos, stylistic flourishes, and so on.

Seeing the two aesthetics combined is refreshing. With some tweaks, this could be the best portfolio of the month.

Nifty

It’s simple. It’s sleek. It’s Nifty! (Sorry, I had to.) It’s another one of those sites that does very little that’s new, but a lot that’s right. Click through, browse, enjoy the loads of great imagery.

Thick

Thick is a design studio in Australia.

[Don’t make an upside-down joke…Don’t make an upside-down joke…]

They’ve managed to turn design trends upside down [Dammit…] by using monospace fonts with lots of color. No, really. Nearly every time I see people using monospace fonts, it’s in a monochromatic design. Either that, or a mostly monochromatic design, lightly touched with accent colors.

It’s good to see that Thick has gone in a different direction, and made it look good.

Iaia Ioio

Iaia Ioio has the sort of “wacky” design that makes one think of the ’90s, only imbued with a less colorful palette.

I’ll admit, it always feels odd when I get to the landing page of a site and I can’t scroll. It’ll confuse more than a few users when they get there and they find out the navigation is in the four corners.

Once you figure that out, though, the design feels classic, like back when the Bauhaus style first began to filter into web design. It comes complete with monospaced fonts and what I could swear is a little Helvetica.

Ouur Media

Ouur Media has perfected an aesthetic that I’m going to call “Sepia Bauhaus” (not to be confused with the aforementioned “Vintage Minimalism”). Seriously, look at it. They’ve got that asymmetry thing going, and they ran the whole home page through a Sepia filter, and it’s working for them.

They’re also the people who made that really cool series of photos with the matchsticks.

Finesse

Finesse is a design studio with a distinctly high-fashion style that is reflected in both their own site, and all throughout their portfolio. Plus, they make red and black look really good.

(Fair warning, after the jump, there will be at least a couple of women in lingerie. Maybe don’t click this one while you’re at work.)

Mighty in the Midwest

Mighty in the Midwest is an agency in Michigan. Their site is practically a textbook on beautiful typography, the use of white space, and mixing unexpected stylized brush strokes and cursive script into an otherwise conservative design.

Sean Purdy

It’s rare to find a site as saturated with red as Sean Purdy’s portfolio and rarer to find one that looks this good. Now, there is one problem: after you get there, click on a project as fast as you can, ’cause those blinking .gifs hurt my eyes a bit.

Once you get past that (and it is a pretty big usability issue), the work is beautiful, the typography is good, and the navigation, while unconventional, is obvious enough to be usable.

Hello Trio

The Berlin-based Hello Trio combines illustration with fantastic typography in a simple website that does what it says on the label.

Groundswell

Groundswell uses their portfolio site to showcase their public relations case studies. They also use a lot of stock photography. But hey, if they couldn’t sell a concept with stock photos, I’m not sure I’d trust them to do my PR.

Tristan Gevaux

Using yellow well in web design is hard. Mixing yellow and blue and making it work is harder. Tristan Gevaux has managed this, along with great typography and a very distinct sense of style.

Bolden

Bolden is a design studio in Amsterdam. Their portfolio’s aesthetic uses animation and red and blue overlays to reveal information. It’s fairly distinct, definitely eye-catching, and very well-done.

Josh Sender

Josh Sender’s site is simple, largely monochromatic, understated. While I have always showcased at least a site or two for their bold color choices, I must admit that this sort of design is my first love.

Explainer Videoly

And we jump right back into the vivid colors with Explainer Videoly, a studio that makes explainer videos. You can watch their explainer video about it on their home page, because they really like making them.

Their site may not be prticularly unique layout-wise, and there’s no reason the text should be that small, but this site has personality, and a lot of it. Plus, it’s usable.

Darryl Snow

Darryl Snow’s site is another great one for showcasing personality. He doesn’t show so much of his work as he shows off the brands he’s worked for. Given the size of those brands, that’s probably enough for most clients.

But I especially like the way he puts a twist on old concepts, like the curved borders between the screen-sized content sections. It’s the little touches like that which can make a standard layout feel unique.


Create Stunning Halftones and Mosaics with SuperMosaic – only $9!

Source

si pide pass es: Ezequiel Bruni

Wednesday 6 April 2016

Site of the Week: FS Untitled

The FS Untitled micro-site is a digital playground packed with typographic experiments. Designed in-house by London-based type foundry FontSmith to advertise their new typeface of the same name, the site consists of dozens of experiments, from dynamic 3D typography, to interactive games.

The typeface itself, FS Untitled, is designed for use on screen, and features a wide-range of weights, so most of the experiments exploit that, easing from one weight to another. The playground shows off the flexibility of the typeface, and each of the experiments can be switched, from regular, to italic type. Graphically, the experiments are bold and colorful.

Some of our favorite experiments include FS Dare, FS Zombie (top score 34500), FS Afterlife, FS Metropolis, FS Boom, and FS Dare.

The idea of designing and building 48 unique interactive scenes seemed like sheer madness. But it has been a really exciting project and we think all the hard work has paid off. — Steve Jones, Fontsmith

The site is successful because it’s simple to use, and encourages you to explore; while you’re exploring you’re also examining the product on offer in great detail.

The best thing about the FS Untitled site, is that it’s proof-positive that web design does not need to limit itself to Bootstrap-style horizontal bands, and 12 column grid systems, in order to sell a product; if your target demographic is receptive, the web offers the opportunity to be both creative, and successful.


Quickly and Easily Customize your Mac with MacPilot 8 – only $14!

Source

si pide pass es: Ben Moss

Microsoft debuts new Edge browser extensions

Users who’ve been clamoring for new features in Microsoft’s Edge browser finally have reason to be excited: the company recently announced in a blog post that there are new extensions for Edge, which was one of the most-requested features from Windows Insiders. Designers and developers now have a chance to see if these extensions can elevate Edge to become part of their design workflow.

The rollout of these extensions is significant because it symbolizes the first steps Microsoft is taking to make its browser a real alternative to the dominant Google Chrome, and popular Mozilla Firefox.

The extensions announcement was part of a whole series of new updates for Edge, both on PCs and mobile. However, the extensions are meant as desktop-only. At the moment, designers can only fiddle around with three extensions: Mouse Gestures, Translator (automatically translates webpages in more than 50 different languages), and the Reddit Enhancement Suite.

Only Windows Insiders users have the chance to test these extensions right now, but Microsoft plans to roll them out to all Windows 10 users shortly. Insiders can download and sideload said extensions as part of the initial test; eventually, all users will get a crack at the extensions through the Windows Store. Later this year, users will get their hands on widely used extensions from company partners like Evernote, Last Pass, Amazon, Adblock Plus, Adblock, and many more.

The company’s philosophy around extensions is one of commitment. In another blog post from Drew DeBruyne, Microsoft Edge’s General Manager, he spells out how the company realizes that extensions are vital to designer and developer innovation, which leads to better and more interesting scenarios for users.

Besides Mouse Gestures, Translator and the Reddit Enhancement Suite, there are also other updates. You can now pin tabs in Edge. To pin a tab, just right-click on a specific tab and select “pin tab”. Selecting “unpin tab” after right-clicking on any given tab will reverse this. A design feature that makes tabbing more usable in Edge is the absence of a close button, so you won’t accidentally close tabs. For peace of mind, tabs that are open when you close the browser will automatically reappear when you start Edge the next time.

Finally, the Map app gets an update as well. This build offers a Windows 10 update with a lighter, more scalable and consistent user interface. Besides architectural improvements, there are also new features like:

  • Accessing favorites offline and adding notes to them
  • One-tap gestures for search and directions on mobile devices
  • Layering of multiple search results and directions on the same map

Microsoft will continue to build up Edge to make it a viable competitor to Chrome and Firefox, so more design updates should follow.

In the meantime, you can learn more about Edge here.

Quickly and Easily Customize your Mac with MacPilot 8 – only $14!

Source

si pide pass es: Marc Schenker