If you are a Star Wars fan, we have stumbled across something cool. Graphic designer Rogie King has created a wonderful collection of illustrations for Star Wars fans, depicting several classic Star Wars ships.
The B-Wing, Y-Wing, A-Wing, Boba Fett’s Slave 1, Luke’s Snowspeeder, they’re all included!
Check out Rogies Dribble page here.
With mobile and tablet browsing becoming more and more popular us web designers are being pushed to come up with new design techniques and to make use of smaller and smaller viewports. It was only a few years ago that we were designing websites for wonderful large desktop screens and the size of the logo didn't really cause any concerns.
In todays age with mobile browsing the preferred choice of accessing the internet we have to really consider our design when asked to produce a logo for a client. We recently designed a logo for a new venture, Studio 220. After discussing the brief with the client we convinced them that it would be a great idea to create two versions of their logo. One for larger screens and one especially for smartphone and mobile devices. The trick is to ensure that the message isn't lost when optimising the logo for smaller devices and also ensuring the brand is still easily recognisable.
We stumbled across this article on the web which we found quite relevant to what we do here at 00 design. It was written by Benjie Moss for web designer depot on March 25th.
It’s almost incomprehensible in 2015 to build a website that isn’t responsive. The technique has developed to the point that most designers no longer say, ‘responsive web design,’ we say, ‘web design,’ and mean exactly the same thing.
Naturally, opinions differ on how to implement responsive techniques; many sites that claim to be responsive aren’t; most sites that intend to be responsive are only superficially so; there are even a few fixed-width devotees clinging on in the face of all reason. But broadly speaking a responsive approach is the default option for all websites.
To understand where responsive design is going, we need only to look at where it came from…
NECESSITY IS THE MOTHER OF INVENTION
The rise of responsive web design goes hand in glove with the expansion of the mobile web. Even if developing an m. site, the exponential growth of mobile devices and the accompanying variety of screen sizes makes responsive design the clear choice.
Statistics are invariably out of date, but most commentators agree that the mobile web is fast approaching 50% of all web traffic. Responsive web design has been embraced out of an economic need: we could build hundreds, if not thousands of variations on a single site, and serve the most appropriate to whatever devices access it; but the cost of developing a website would become prohibitive. Responsive web design is the only way the Web remains viable.
It’s easy to see responsive design as a definitive solution for the Web. However, as tech continues to develop, the way we approach responsive design will inevitably change.
RESPONSIVE DESIGN FOR WEARABLES
Unless you’ve spent the last year in a sealed capsule (attempting to prove your suitability for the Mars One mission) you’ll be aware that Apple have launched a wearable device: the Apple Watch.
The Apple Watch is not the first wearable, it’s not even the first smart watch, but it is the watershed device because the public will see the Apple Watch as ‘the best’ wearable — the iPod was not the first MP3 player, the iPhone is not the best smartphone, but both dominate their markets — thanks largely to the size of Apple’s marketing budget.
The most notable thing about the Apple Watch is that it doesn’t have a web browser. It’s a fair bet that that’s the case not because Apple didn’t want to include a browser, but rather, because they couldn’t make it work.
Even with the spread of responsive design, the 272px by 340px of the Apple Watch are insufficient to display anything but a couple of lines of text. An architect could design a building that’s 15 inches high, but no one would ever use it, because the human body is a fixed size range. Apple aren’t the only company facing the issue. Android wearables are exactly the same size give or take a few pixels, and are equally ill-equipped for displaying the Web.
We can’t make devices larger because they become unwearable, and we can’t make them smaller because of our stubby inaccurate fingers. The cold hard fact is that the Web does not work on a screen the size of a postage stamp.
Portions of the Web do work on wearables. Native apps connect to the Web (or to your phone, which connects to the Web) in order to retrieve data. The just can’t display full web pages.
Buy a wearable now and you can read the tweets of a company CEO, but what an investor really wants to read is the full annual report. Buy a wearable now and you can check flight departure times, but what a traveller really wants to do is book a flight. The Web is inextricably linked to our lives, a few lines on a tiny screen does not meet consumer demand.
Sooner or later (it’s probably already happened behind closed doors) someone at Apple, or Motorola, or Intel, will accept that to dominate the wearable market they have to deliver the full Web in all its jQueried glory.
THE FUTURE OF RESPONSIVE DESIGN
As the tech industry continues to develop new devices, with new capabilities and limitations, the challenges we face as web designers will inevitably change.
One of the key areas for focus in any responsive design is navigation, and one of the key developments we’re likely to see in wearables is a change of input method: sensors in a wriststrap could detect the tightening of tendons in the wrist, tracking the movement of 5 digits, or at the very least detecting the clench of a fist as a replacement for click or tap actions.
The key development will be a means of presenting longform content on a wearable. And actually it already exists: the most viable option for delivering large amounts of data on a wearable device is audio.
Audio input is already viable in the forms of Siri, Cortana, and OK Google. More importantly, audio output exists in the form of screen readers. With the relatively short lifecycle of devices and the increasingly long lifecycle of websites, the projects you build today will need to function with audio browsing. The simple answer is to make your sites accessible.
Frequently, when products are innovative, we expect it to take some time for standards to evolve, but in the case of screen readers standards already exist. What’s compelling for tech companies looking to deliver a wearable web, is that a large proportion of existing websites already meet that standard.
The future of responsive web design, or perhaps simply web design, is one in which designs are not just screen agnostic, but screen independent. In practical terms, it means dropping mobile-first, and adopting an audio-first approach. If your sites are optimised for screen readers, then they will function effectively on the next generation of web browser.
The original article can be found by clicking here.
We would like to congratulate our client Hayley Doody at Remote Associcates for winning Theo Paphitis's 'Small Business Sunday' award. Well deserved we say!
We are big fans of art at 00 design headquarters and we appreciate any art where true talent quite clearly shines threw. We would like to introduce you to an artist we found a few months back and felt the least we could do is mention him here on our blog. The artist is Matt Crump and he describes himself on his twitter bio as:
"Half Brit, quarter Moroccan, quarter French, Matt Crump is a multi disciplinary artist living and working from his home studio in vibrant Brixton, London."
His website states that he specialises in digital collaging using long forgotten images. We must say that the results are truly stunning, a real favourite of ours. The detail in his work is incredible.
Please visit the5683.com to see Matt Crumps work in all its glory.
Here is a great selection of 31 different super hero icons to download and enjoy. We think the simple, bold flat design has been well thought out. Pay with a tweet and they are all yours for free!
Please visit superheroicons.com to download the set.
For all the web designers and developers out there, a few industry related jokes. A lovely combination of creativity and humour.
Please visit saijogeorge.com to see more.
We have been working away on a few logos and for various clients recently along with marketing material. After finishing the projects we were wondering how this would all site within our portfolio, how could we make it easy for folks to easily navigate between our web design work and our graphic design work. So we came to the conclusion that our website needed updating. We needed to restructure our menu and design a new page just for our logo and branding work. So we now have two seperate pages, one for web design and one for logos and branding. We hope you like what we have done! Thanks.
Here is another brilliant example of an interactive website experience for Casio G Shock. It's a great insight as to what's possible when it comes to developing for the modern web.
You can enjoy the experience here.