{"id":791,"date":"2022-04-28T00:13:32","date_gmt":"2022-04-28T00:13:32","guid":{"rendered":"https:\/\/ztvrnr.com\/?post_type=portfolio&p=791"},"modified":"2022-04-28T23:01:58","modified_gmt":"2022-04-28T23:01:58","slug":"colour-me-better-article-design","status":"publish","type":"portfolio","link":"https:\/\/ztvrnr.com\/?portfolio=colour-me-better-article-design","title":{"rendered":"“Colour Me Better” Article Design"},"content":{"rendered":"\n

z.tvrnr_<\/a><\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\n
\n

“Colour Me Better” – Editorial Redesign – College Assignment<\/p>\n\n\n\n

February – April 2022<\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n
\n

Description_ <\/p>\n\n\n\n

\u201cColour Me Better\u201d is an article written for Nature.com by Alla Katsnelson, regarding accessible design in science visualisation imagery. It can be found here<\/a>. This was a multistage college project focused on the stages of creating a print editorial piece, making it accessible, and then creating a digital counterpart which makes use of what we\u2019d learned through our process to create a digital experience.

The print stage of the assignment was standard, the topic of my article is somewhat esoteric and lacks a lot of flavourful related imagery so for this piece I laid things out like a fairly standard book, this wasn\u2019t particularly exciting and I knew that but frankly at this point my focus was on nailing the actual type part of the editorial and so I got my text laid out properly and focused on practicing that skill.

Using InDesigns internal tools, combined with a testing and editing in Acrobat made ensuring the pdf was accessible simple.

Finally was creating the digital experience, designed in adobe XD. First I spent some time going through the article and noting things I should emphasise, quotes were lacking, and so I found some images which gave context to the topics at hand, I designed mobile first for the sake of simplicity, and created a simple intro animation would begin as the title presented inaccessibly; as you scroll down (or click a button) the text and subtitle are revealed. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Inspiration_<\/p>\n\n\n\n

_Colour \/ Light Science
_Innovation through Accessibility
_Psychology \/ Cognition themes<\/p>\n\n\n\n

<\/div>\n<\/div><\/div>\n\n\n\n
\n

Challenges_<\/p>\n\n\n\n

_Scale Schematic Drawing
_Signage & Wayfinding Booklet Production
_Graphic Design<\/p>\n\n\n\n

<\/div>\n<\/div><\/div>\n\n\n\n
\n

Process_<\/p>\n\n\n\n

_Article Research
_Style Development
_Editorial Layout
_Digital Experience<\/p>\n\n\n\n

<\/div>\n<\/div><\/div>\n\n\n\n
\n

Design Tool Used_<\/p>\n\n\n\n

_Sketching
_Adobe Illustrator
_Adobe InDesign
_Adobe Acrobat
_Adobe XD<\/p>\n\n\n\n

<\/div>\n<\/div><\/div>\n\n\n\n
\n

Fonts Used_<\/p>\n\n\n\n

_Bennet Display Black
_Bennet Text Two<\/p>\n\n\n\n

<\/div>\n<\/div><\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n