Adobe CC InDesign & Muse
Tutorial Content
Tutorial Content
To Illustrate is to seek for the intimate and the unexpected: the conquest of an interpretation to make the translation of the literal to a new and inspired vision. In regards to UI and hardware processes the challenge rises higher - we are not talking about the action but essentially about what the user can do after mastering a given technique. If the message is literal, then we are talking about software, when in fact what we aim to is to look for the user's emotions in regards to what it will then create. Anything that is not obvious humanizes the action in an emotional way: if the file is converted - then will make a trip between programs; If the user draws between multi projects - then he plays ping pong with the interface.
Once you know the topic the conquering of the analogy is as rational as unpredictable: Bingo!
Dig deep in our concepts behind each illo:
Dig deep in our concepts behind each illo:
InDesign - How to Design a Logo: Technical and Poetic Storytelling | The logo thought and creation process as an explosion of possibilities | Editing from Glyphs & Opentype | To Build from template | The Library as source | The Cloud as content | Typekit and typographic elements as the main tools | CC color | Glyph usage and Symbol editing | UI elements as tools for thought process Color CC as the main element paired with typography | Creative freedom limitless exploration |
InDesign - How to Design a Newsletter: Technical Storytelling | Emphasis on processual elements and the act of designing | UI and Theme elements bridging realities between the act of design and the element to communicate | Musical elements in wireframe as part of the UI, bridging placeholders and assets | Layout elements | Margins and Layout | Styles (generic — character and paragraph styles) | Multiple pages in a strict connection to multiple styles and the act of scrolling with it’s native cropping | Multiple pages connecting newsletters to the editorial newspaper | Cursor, Typography & placeholders as a technical references to process in-software
InDesign - How to a Business Card: Poetical Emphasis on process and technique | The Layout | Margins | Structure | Output | Export for Print | Typographic Usage, Metrics and Composition | UI elements as key moments on process and thought process | Multiple Business Cards as infinite possibilities as a reference to Pages | Typography as a reference to styles usage and experimentation | Focus on processThe tools of the designer | The pleasure of creating | Ice cream as playful lifestyle and service to depict | Metrics and Layout.
InDesign - How to Design a Letterhead: Technical Storyteller on layout and composition | The usage of preset layouts as a jumpstart to the Design | Multuple grids Layouts and golden sections as a reference to the importance of editorial design and layout setting | Structure | Layout | Margins | Columns | Paragraph Styles and Character Styles in use | Output elements and processual storytellers | Multiple Objects as a reference to multiple pages, Multiple Masters and Alternate Layouts | Placeholder Text and graphic elements as creative narrative keypoints.
Muse - Scroll Effects with Responsive Design: Abstract visual representation of movement | Screens is dissected in 4 composition breaks in relationship to HTML DIV structure | Each break switches the movement showcasing scroll effects in a mixed motion with speed and parallax effects | composition occupies all exhibition space showcasing that scroll effects are universal across screens | The continuum of movements ^Each section depicts diferent motion | 1 motion goes downward | 2 scroll triggers movement left to right | 3 movement is universal overlapping pannels (parallax) | 4 movement flows from left to right, overlapping divs (parallax + movement).
From the web to the hello window,
Ladies and gentleman,
Care for your knowledge: it's showtime!
A toast to great relationships and bright work,
