Anonymous
Not logged in
Talk
Contributions
Create account
Log in
Publication Station
Search
Editing
Research/new digital reading experiences
(section)
From Publication Station
Namespaces
Page
Discussion
More
More
Page actions
Read
Edit
History
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
=== Behaviour === The idea of expanding digital text possibilities and creating new forms of publications focused on digital possibilities is not new. There are designers focused more on adjusting typefaces by interacting with it. Good examples are [https://schultzschultz.com/ Mark Schultz] and [https://beatrizl.com/ Beatriz Lozano], both researchers in the field of typography and technology. Their work inquires what can happen with texts when using AR, touch functions and other forms of new media, developing tools and making them accessible for other designers to experiment with and implement in design projects. In our sources you can find an extended list of such examples. <br> [[File:LozanoType.png|500px]] [[File:schultz_sorry.gif|250px]] <br> Next to experiments focused mainly on type behaviour, there are also projects that embrace multiple digital (we focused on web-based examples, see explanation) functions to create different forms of navigations and interactions with longer texts. One recent example is the bi-medium project [https://postdigitalgraphicdesign.com/ Post Digital Graphic Design], a series of interviews and articles. This publication was created in two media β as a printed book and an online website. It has both desktop and mobile version, which is unique to most publications that so far focused mainly on desktop version.<br /> The digital publication makes use of various digital possibilities such as the use of layers, split areas, hover effects (for desktop) and more. [[File:PDGG2.png|400px]][[File:PDGG6.png|400px]]<br> [[File:PDGG_m2.PNG|250pxpx]][[File:PDGG_m5.PNG|250pxpx]] Another mobile-based project that was initiated already in 2016 invited writers to consider writing for a non-printed medium. This attitude resulted in a series of publications under the name [https://docs.google.com/presentation/d/1_mnJdwO2apVzmKau9J4UBW5zRHzuRMecpAh-TMCAzvA/edit?slide=id.p#slide=id.p Editions At Play], creating digitally-oriented stories that used animation, AR, time sensors and more to create playful forms of presenting and experiencing texts. [[File:The_Truth_Abouts_Cats_n_Dogs.gif|250px]][[File:All_This_Rotting_.gif|250px]] <span id="visualizing-text-functions"></span> ==== Visualizing text functions ==== The way a text is visualised is closely connected to how it behaves and how readers interact with it. Interactive behaviours can be triggered through actions such as clicking, scrolling, hovering, or timing-based events. A click may open content in a new window or tab, reveal a new layer, expand an accordion, or cause elements to appear or change. Scrolling can be used to progressively reveal additional information or, conversely, to reduce or hide content, while timed interactions allow elements to appear or transform automatically. Hover interactions, while not applicable to mobile devices, can further support changes in appearance and provide additional cues on desktop interfaces. [[File:opzet_Research_design.jpg|250px]] [[File:opzet_Research_design2.jpg|250px]][[File:opzet_Research_design4.jpg|250px]]<br> [[File:opzet_Research_design7.jpg|250px]] [[File:opzet_Research_design12.jpg|250px]] [[File:opzet_Research_design14.jpg|250px]] To make these interactions intuitive, familiar visual conventions are used to signal possible actions. Clickable elements are often indicated through underlining, background highlights, frames, or subtle animations such as blinking. Links commonly adopt the recognisable blue hyperlink style, while scroll-based interactions may be suggested through arrows or content emerging into view. Closing actions are typically communicated through universally recognised symbols such as an βXβ or by allowing users to tap or click outside a layered interface element. [[File:codepen_marcus_hover.gif|250px]] <span id="typography"></span>
Summary:
Please note that all contributions to Publication Station are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see
Publication Station:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Navigation
Main navigation
Main page
Printmaking Studio
Print Studio
Dig. Publishing Studio
Namespaces
Grafiwiki
Random Page
Log in
Wiki tools
Wiki tools
Page tools
Page tools
User page tools
More
What links here
Related changes
Page information
Page logs