Morning 10-12.45h
1000-1045 References
1100-1145 Portfolio vs Diary - References
1200-1245 Layout
Afternoon 13.45-15.30
PORTFOLIO thoughts
comprehensive record of the process
no information overflow
organized
pictures
authentic - who are you
storytelling
professional
structured
overview
hierarchy
-
easy to read - simplicity
easy to understand for a broader audience
aesthetics
selection - curated
personal
it depends!
white space - air - to breath
layout - visual storytelling
eye catcher - highlights
flow
why!
skills to show - variations - diversity
DIARY thoughts
day-to-day process - info
non - filtered
authentic - for yourself
mix of thoughts
mix of medium
can be chaotic
personal
tool to learn - figure out
list questions, problems, challenges
thought recording
distance from your project
externalise info
more text? more freedom
use case is important
behind the scene
user manual - open source
step back - zoom out - look back
reminder, rewaking old ideas
unconscious
intuitive
less influenced by others - internal
expert intuition
daily routine - recap
honesty
non-curated
personal space for reflection - growth
healthy
depends on the type
more emotional
more details
process - insights
behind the scene
no difference between portfolio and diary
iterative!
PORTFOLIO
A portfolio is a curated collection of work showcasing the skills, design philosophy, and personal "brand" to potential employers, clients, or for academic purposes.
DIARY
A more detailed and chronological documentation of the creative and development process of a project, aimed at a more technical audience or for personal reflection.
PORTFOLIO
Selection of works: emphasizing the importance of quality over quantity.
Personal statement or bio: integrating a concise narrative that connects your background, interests, and future aspirations.
Project presentations: highlighting the significance of clear visuals (drawings, sketches, models, renderings, animations?, etc.) and succinct descriptions.
Contact information.
DIARY
Regular entries detailing the progress, challenges, and solutions of a project.
Sketches, notes, photographs, screenshots, etc. - documenting the evolution of the project (thoughts).
Reflections
PORTFOLIO
Consistency in layout and design for coherence.
Visual hierarchy to guide viewers through the content effectively.
Use of white space to prevent overcrowding and enhance readability.
DIARY
Clarity, honesty and authenticity of the content.
Organizational features like tags or categories to easily navigate through different projects or stages.
A "zine" is a small-circulation, self-published work of original or appropriated texts and images, usually reproduced via photocopier.
Balance ensures that your layout does not feel lopsided or skewed by evenly distributing visual weight across the design. Balance can be symmetrical, asymmetrical, or radial, depending on how you arrange elements like text, images, and white space.
Proper alignment creates a cleaner, more orderly design by ensuring that elements line up along common edges or centers. It enhances readability and creates a visual connection between design elements.
Contrast helps to highlight important elements and improve readability by differentiating text, colors, sizes, and shapes. High contrast can draw attention to key areas and guide the viewer's eye through the layout.
Repetition strengthens a design by tying together otherwise separate elements. It can involve repeating colors, shapes, textures, or patterns to create a cohesive and branded look.
Grouping related items together (proximity) helps to organize information and build visual connections in the viewer's mind. It simplifies the layout and makes it easier to process.
White space is the unmarked space between elements in a design. It's not empty space but a powerful design element that helps to declutter the layout, improve readability, and focus attention on important content.
Visual hierarchy guides the viewer through the layout according to its importance. It can be achieved through variations in size, color, contrast, alignment, and other design elements to draw attention to key information first.
Varying the scale and proportion of elements can create interest and focus. Using scale appropriately can also help in establishing a hierarchy and guiding the viewer's attention to the most critical parts of the layout.
All design elements should work together harmoniously, creating a unified message that resonates with the audience. Unity ensures that the design is perceived as a single, cohesive entity instead of disjointed parts.
Creating a sense of movement directs the viewer’s eye across the page in a deliberate path, from the most important element down to secondary ones, enhancing the storytelling aspect of the design.