Friday, 20 September 2013

Heroes of sport & design celebrated by daily portrait project

Artist and Digital Arts contributor Bram Vanhaeren has created a series of portraits of his heroes as part of a new project.

Author: Artist and Digital Arts contributor Bram Vanhaeren has created a series of portraits of his heroes as part of a new project.

Artist and Digital Arts contributor Bram Vanhaeren has created a series of portraits of his heroes as part of a new project.

We caught up with Bram to find out more about the series, titled On The Wall, how he chooses his heroes and the creative process behind the portraits.

DA: Why did you want to do this project?

BV: "After I graduated few months ago, I lost interest in illustrating and art in general. Then few weeks ago, the joy of illustrating took me by surprise and I started illustrating some of my heroes. I was drawing people I look up or athletes from my childhood that took my breath away with their achievements.

"Everything came together so I continued drawing people that inspire me and I like. This way I could share my appreciation for these people with my friends and start a conversation about their heroes."

DA: Tell us a bit about the creative process behind the pieces, from finding references to working them up in a coherent style.

BV: "Most of the time I have a clear idea of who they are and what they represent. I would like to see this same energy in the portrait. It can be in their eyes, their focus, sometimes their movement, and their actions that makes a great portrait.

"So I look up for a great shot, then I start drawing with the Pencil tool in Adobe Illustrator with my mouse (I can't work with tablets). In simple black, I start with the most important details and build the rest around that. Once my black and white illustration is done I start colouring in Adobe Photoshop and add the correct energetic feel to the portraits.

"Once I get that "yes, this is great" feeling, I'm done and share it with my friends."

Use the slideshow controls above and right to see more of Bram's portraits and to find out more about how he created them.

Right: Michael Johnson

Artist and Digital Arts contributor Bram Vanhaeren has created a series of portraits of his heroes as part of a new project.

We caught up with Bram to find out more about the series, titled On The Wall, how he chooses his heroes and the creative process behind the portraits.

DA: Why did you want to do this project?

BV: "After I graduated few months ago, I lost interest in illustrating and art in general. Then few weeks ago, the joy of illustrating took me by surprise and I started illustrating some of my heroes. I was drawing people I look up or athletes from my childhood that took my breath away with their achievements.

"Everything came together so I continued drawing people that inspire me and I like. This way I could share my appreciation for these people with my friends and start a conversation about their heroes."

DA: Tell us a bit about the creative process behind the pieces, from finding references to working them up in a coherent style.

BV: "Most of the time I have a clear idea of who they are and what they represent. I would like to see this same energy in the portrait. It can be in their eyes, their focus, sometimes their movement, and their actions that makes a great portrait.

"So I look up for a great shot, then I start drawing with the Pencil tool in Adobe Illustrator with my mouse (I can't work with tablets). In simple black, I start with the most important details and build the rest around that. Once my black and white illustration is done I start colouring in Adobe Photoshop and add the correct energetic feel to the portraits.

"Once I get that "yes, this is great" feeling, I'm done and share it with my friends."

Use the slideshow controls above and right to see more of Bram's portraits and to find out more about how he created them.

Right: Michael Johnson

DA: How would you sum up your heroes? Is there a single defining characteristic that unites them?

BV: "In the beginning I was really focused on athletes that inspired me when I was a kid, such as Michael Johnson. I started athletics when I was 5 years old, together with my two brothers. Michael Johnson was a figure that really impressed me when I was young.

"From there it was very simple to continue and illustrate my heroes. They had an impact on who I am as an athlete and as a person."

DA: How did you choose who to do first?

BV: "In the beginning I just randomly picked athletes that inspire me. I have a long list actually. Later on I asked for suggestions via social media."

Right: Steve Jobs

DA: In general, how important is it for creatives to look up to heroes to inspire them and drive them creatively and professionally?

BV: "For me it reminds me the fact everyone is continually working on their style, their personality. They remind me that you are powerful beyond measure and inspire you to be who you are and be better every single day."

DA: For someone to be a 'hero', do you need to look up to them personally as well as their works/actions in the professional world?

BV: "I believe so. My heroes are not only inspiring in what they do professionally, but also as people in general. They have this X-factor that grabs your attention and makes you want to do something you thought you could never do."

Right: Bo Jackson

DA: As a wider point, do we have to respect a creative personally to respect their work? And conversely, if they are morally abhorrent – such as Eric Gill – should we ignore their works?

BV: "For me, I can't support someone or show appreciations for their work if they have a disgusting personality – I know this is subjective. I will be drawing Will Smith later today, because he is amazing for so many reasons. If he kills someone tomorrow, my respect will slip away in seconds."

Right: Michael Jordan

She Was Only showcases the future of online music site design

London-based studio She Was Only has designed a new online magazine that aims to give readers a user experience that feels as close to print as possible.


The website, designed for music magazine Middle 8, features big images and subtle animations within a linear navigation system that imitates real-life page-turning in a smooth and satisfying style.


It's responsive, and works with gestures on iPad, too, enabling readers to swipe back and forth through the pages of the magazine.


We caught up with She Was Only's Cai Griffith to find out how the studio landed the project, and how they went about designing the experience, both for the reader and the content producer.



DA: Tell us a bit about She Was Only


CG: She Was Only is a small design studio based in East London, specialising in Graphic Design & Art Direction. I've been working with my two partners, Chris Vickers and Craig Scott, since graduating and we have been an official studio since we set up the company in October 2012.


We started out pitching ourselves as a traditional print designers, which is still the work we enjoy the most, but now purposefully call ourselves a general 'design studio' as we have enjoyed the variety of work we've done for magazine and book design, web design, apps, packaging and exhibitions.


No matter the format or medium, the work we produce is fuelled by a collective obsession with the practices of modernism. We strive to deliver concise and bespoke responses to client briefs, filtering out distraction to do more with less.


DA: How did you get the gig on Middle 8?


CG: Middle 8 is the sister company of soundhalo, a new live music platform which is a client of Boat Studio, run by Davey and Erin Spens. We collaborate regularly with Boat on web projects.


Erin is the editor of Middle 8 and we jumped at the opportunity to be the guys to put it together. The relationship we already had with Erin played a big role in how the back end of the website was developed. We were able to work with her from early on in the process to make sure that the adding and publishing content was as smooth as possible.

The design of Middle 8 magazine allows readers to click left or right to change page. Each page features a scrollable article, a gallery or a video.

DA: What's the ethos behind the online magazine?


CG: We are still big believers in print, because somehow online magazines don't have that certain feel and continuous flow of content you get from printed magazines.


This was what we were trying to achieve with Middle 8, presenting great content on the subject of live music, whilst maintaining an experience as close as possible to the printed magazine.


DA: Tell us about how you've designed the UX and user journey for the site


CG: First, we thought about the journey of the, turning pages right to explore through the content, left to go back etc. It is this linear journey, navigating from page one through to the end, that we tried to maintain and develop in to the online reading experience, whilst keeping it aesthetically pleasing and easy to navigate.


We didn't want the site to feel too 'gimmicky', with unnecessary page turn animations etc., just simple left/right navigation and clean transitions.


This was also carried through to the iPad, allowing users to ditch tedious tapping and enjoy the magazine with easy swipes and gestures to navigate.


The goal was to not over crowd the site with fiddly menus and unneeded elements, but to really let the content speak for itself and allow users to put as little thought as possible in to exploring the stories.


DA: There are some really nice touches to the design, such as the word count and reading time. What was the thinking behind these?


CG: These little flourishes are mainly down to our developer Jonny Thaw, who we gave some freedom to explore the site after we had nailed the general build and layout of the magazine. He tested the site and added any extra touches that he thought might be helpful.



This process of testing and meant that Jonny could really get his head into the site from a users point of view, removing any unnecessary hang-overs from the build and adding in little tricks that would dramatically reduce loading times.


The reading time is a neat little feature that uses the average adult word-per-minute reading speed to calculate a time based on the article's content. We've had some great feedback to say that this small feature was a welcome addition to people reading on iPad on the tube, for example.


DA: How do you design a CMS that allows editors to create stories like these? How do you give them the freedom to design without letting them break away from the overall design of the site?


CG: Magazines are all about the content. So giving the editors the freedom to layout the articles themselves was an essential feature, although breaking the design was a worry.

She Was Only designed the website's CMS to give editors the freedom to lay out articles without breaking the design.

We have put certain limitations in to place to try and minimise this as much as possible, including  'safe zones' and minimum/maximum text sizes.


We wanted to make the overall experience of putting together an article like starting with a blank canvas, then getting a suite of tools that can be used to construct an article based on the content of the story.



I suppose instead of providing templates for the users to populate, we are giving them the freedom to create their own, enabling the editors to lay out and build an article whilst viewing it as if it were live.


This way of building the content also forces each user to actively consider the visual side of the website and how the content will look to the consumer, in real time as the article is put together.


DA: What are you working on next?


CG: We are currently working on the launch of Intern Magazine, issue one of which will be available in the coming months, along with a couple of branding projects for start-ups and an existing architectural/interior design company. We're also working on an exciting project for UAL. Check the site soon!


And of course, we're working on the next issue of Middle8, which has some great stories lined up and a few new features that we will be launching to make the reading experience even better.


View the original article here

She Was Only showcases the future of music website design

London-based studio She Was Only has designed a new online magazine that aims to give readers a user experience that feels as close to print as possible.

The website, designed for music magazine Middle 8, features big images and subtle animations within a linear navigation system that imitates real-life page-turning in a smooth and satisfying style.

It's responsive, and works with gestures on iPad, too, enabling readers to swipe back and forth through the pages of the magazine.

We caught up with She Was Only's Cai Griffith to find out how the studio landed the project, and how they went about designing the experience, both for the reader and the content producer.

DA: Tell us a bit about She Was Only

CG: She Was Only is a small design studio based in East London, specialising in Graphic Design & Art Direction. I've been working with my two partners, Chris Vickers and Craig Scott, since graduating and we have been an official studio since we set up the company in October 2012.

We started out pitching ourselves as a traditional print designers, which is still the work we enjoy the most, but now purposefully call ourselves a general 'design studio' as we have enjoyed the variety of work we've done for magazine and book design, web design, apps, packaging and exhibitions.

No matter the format or medium, the work we produce is fuelled by a collective obsession with the practices of modernism. We strive to deliver concise and bespoke responses to client briefs, filtering out distraction to do more with less.

DA: How did you get the gig on Middle 8?

CG: Middle 8 is the sister company of soundhalo, a new live music platform which is a client of Boat Studio, run by Davey and Erin Spens. We collaborate regularly with Boat on web projects.

Erin is the editor of Middle 8 and we jumped at the opportunity to be the guys to put it together. The relationship we already had with Erin played a big role in how the back end of the website was developed. We were able to work with her from early on in the process to make sure that the adding and publishing content was as smooth as possible.

The design of Middle 8 magazine allows readers to click left or right to change page. Each page features a scrollable article, a gallery or a video.

DA: What's the ethos behind the online magazine?

CG: We are still big believers in print, because somehow online magazines don't have that certain feel and continuous flow of content you get from printed magazines.

This was what we were trying to achieve with Middle 8, presenting great content on the subject of live music, whilst maintaining an experience as close as possible to the printed magazine.

DA: Tell us about how you've designed the UX and user journey for the site

CG: First, we thought about the journey of the, turning pages right to explore through the content, left to go back etc. It is this linear journey, navigating from page one through to the end, that we tried to maintain and develop in to the online reading experience, whilst keeping it aesthetically pleasing and easy to navigate.

We didn't want the site to feel too 'gimmicky', with unnecessary page turn animations etc., just simple left/right navigation and clean transitions.

This was also carried through to the iPad, allowing users to ditch tedious tapping and enjoy the magazine with easy swipes and gestures to navigate.

The goal was to not over crowd the site with fiddly menus and unneeded elements, but to really let the content speak for itself and allow users to put as little thought as possible in to exploring the stories.

DA: There are some really nice touches to the design, such as the word count and reading time. What was the thinking behind these?

CG: These little flourishes are mainly down to our developer Jonny Thaw, who we gave some freedom to explore the site after we had nailed the general build and layout of the magazine. He tested the site and added any extra touches that he thought might be helpful.

This process of testing and meant that Jonny could really get his head into the site from a users point of view, removing any unnecessary hang-overs from the build and adding in little tricks that would dramatically reduce loading times.

The reading time is a neat little feature that uses the average adult word-per-minute reading speed to calculate a time based on the article's content. We've had some great feedback to say that this small feature was a welcome addition to people reading on iPad on the tube, for example.

DA: How do you design a CMS that allows editors to create stories like these? How do you give them the freedom to design without letting them break away from the overall design of the site?

CG: Magazines are all about the content. So giving the editors the freedom to layout the articles themselves was an essential feature, although breaking the design was a worry.

She Was Only designed the website's CMS to give editors the freedom to lay out articles without breaking the design.

We have put certain limitations in to place to try and minimise this as much as possible, including  'safe zones' and minimum/maximum text sizes.

We wanted to make the overall experience of putting together an article like starting with a blank canvas, then getting a suite of tools that can be used to construct an article based on the content of the story.

I suppose instead of providing templates for the users to populate, we are giving them the freedom to create their own, enabling the editors to lay out and build an article whilst viewing it as if it were live.

This way of building the content also forces each user to actively consider the visual side of the website and how the content will look to the consumer, in real time as the article is put together.

DA: What are you working on next?

CG: We are currently working on the launch of Intern Magazine, issue one of which will be available in the coming months, along with a couple of branding projects for start-ups and an existing architectural/interior design company. We're also working on an exciting project for UAL. Check the site soon!

And of course, we're working on the next issue of Middle8, which has some great stories lined up and a few new features that we will be launching to make the reading experience even better.


View the original article here

iCloud.com gets the iOS 7 design treatment

By Serenity Caldwell | Macworld.com on September 19, 2013

Quark finally releases QuarkXPress 10

Quark released the full details of QuarkXPress 10 back in July with a view to release the software in August, but has now finally made the new version of its graphic design and page layout software available to buy. QuarkXPress 10 includes Retina display support, Quark's new Xenon Graphics Engine and more than 50 other new features.

With QuarkXPress 10, Quark has migrated the Mac version of software to Apple's Cocoa programming language. This means that QuarkXPress 10 should have better performance, and be able to leverage the latest OS X features including the MacBook Pro's Retina display. It should also be able to support OS X updates as they arrive.

Vector rendering should include much finer detail without impeding performance says Quark, allowing more accurate represention in QuarkXpress 10 (right) over QuarkXpress 9 (left).

Quark's new Xenon Graphics Engine has been implemented in QuarkXPress 10, allowing better rendering of both vector files (above) and bitmaps including PDFs, Photoshop PSDs and TIFFs, with an Adaptive Resolution feature to display the best possible onscreen resolution without compromising performance.

QuarkXPress 10 has a new look too, with palette enhancements, the ability to be used in full screen mode, new navigation elements and a measurements palette.

There's now a QR code create within QuarkXPress 10, and every edition of the software supports East Asian typography too.

When it comes to workflow improvements, Quark has added the ability to import pictures and hyperlinks from Microsoft Word, a new PDF Pass-Through Transparency feature, layers enhancements, a print preview, the option to highlight missing fonts, tool enhancements and more. For the full list of enhancements, click here.

QuarkXPress 10 is available for £799 (excluding VAT) for the full version, or £299 for those who already own QuarkXPress 8 or QuarkXPress 9. You can buy yours here. It's be a perpetual licence with no subscription necessary, and supports OS X Lion 10.7 or later, and will support OS X Mavericks when it is launched by Apple later this year. It also supports Windows 7 or later.


View the original article here