Notatki projektowe
Jak zgięcie stało się grzbietem
Każdy składany telefon ma linię przez środek. Dla większości aplikacji to przeszkoda do obejścia. Dla książki to najbardziej naturalna rzecz na świecie: książki miały ją od zawsze. Oto jak czytnik Tomelet nauczył się traktować zgięcie jak grzbiet – i zasady projektowe, które za tym stoją.
Za darmo, bez konta. Rozkładówki są częścią bezpłatnego czytnika.
Problem: rozciągnięta strona z telefonu
Rozłóż składany telefon, a aplikacja zaprojektowana pod telefon po prostu robi się szersza. Wiersze stają się za długie, by je wygodnie czytać, tekst biegnie przez zgięcie, a przycisk może wylądować prosto na nim. Złóż telefon, a ekran budowany jest od nowa – stronę albo rozdział od miejsca, w którym byłeś.
Apple opublikowało wytyczne projektowe razem z iPhone Duo; Android ma własne dla składanych telefonów. Więcej je łączy, niż dzieli, a Tomelet stosuje się do obu jednym czytnikiem, na iPhone Duo i na Galaxy Z Fold. Ukształtowało go pięć zasad.
1. Zgięcie to obszar zastrzeżony
Apple nazywa zgięcie obszarem zastrzeżonym: częścią ekranu, którą aplikacja powinna zostawić wolną. Android mówi aplikacji dokładnie, gdzie jest zgięcie, a Tomelet umieszcza właśnie tam wewnętrzny margines między dwiema stronami i trzyma z dala od niego strefy dotyku, przyciski oraz uchwyty zaznaczania. Pociągnięcie pióra, które przecina zgięcie, jest dzielone między dwie strony, więc każda strona zachowuje należący do niej atrament.
Na iPhone Duo Flutter – zestaw narzędzi, w którym napisano Tomelet – nie przekazuje jeszcze aplikacjom położenia zgięcia (flutter/flutter#192515), więc Tomelet wyśrodkowuje wewnętrzny margines na ekranie.
To jest krok od zgięcia do grzbietu. W drukowanej książce na wewnętrznym marginesie też nic się nie drukuje. To miejsce, w którym spotykają się dwie strony.
2. Złożenie to nie wyjście
Apple prosi o ciągłość działania, gdy urządzenie się otwiera i zamyka. Samsung prosi aplikacje o zachowanie pozycji przewijania i każdego wpisywanego tekstu. Tomelet traktuje złożenie jako zmianę rozmiaru ekranu, nigdy jako nawigację.
Numery stron tego nie przetrwają: ekran zewnętrzny pokazuje jedną stronę w innym rozmiarze, więc po każdym złożeniu książka ma inną liczbę stron. Dlatego Tomelet zapamiętuje twoje miejsce jako pozycję w tekście: pierwszy znak na lewej stronie. Układa książkę od nowa i otwiera stronę, na której jest ten znak, a poprzednia klatka zostaje na ekranie, dopóki nowa nie będzie gotowa. Podświetlenia, notatki i atrament są zakotwiczone w słowach, więc przesuwają się razem z nimi.
Nic nie otwiera się od nowa i nie pojawia się żadna reklama: złożenie nigdy nie wyrzuca cię z książki.
3. Rozmiar, nie obrót
Wewnętrzny ekran iPhone Duo ignoruje blokadę obrotu aplikacji, a Android 17 robi to samo na dużych ekranach. O układzie nie może więc decydować to, jak obrócony jest telefon. Tomelet patrzy, ile miejsca ma strona: dwie strony, gdy każda pozostaje wygodna do czytania, jedna, gdy by nie była. Ta sama zasada działa na tablecie, na telefonie obróconym poziomo i w oknie na komputerze.
Pary pochodzą z druku, a nie z karuzeli zdjęć. Pierwsza strona stoi osobno, potem 2–3, 4–5, więc rozkładówka zaprojektowana przez wydawcę zawsze trafia na ekran w całości. Książki arabskie, hebrajskie i pionowe japońskie zaczynają się po prawej i przewracają w lewo. Książka o stałym układzie, która deklaruje orientację, dostaje jednowierszową podpowiedź, którą możesz zamknąć; czytnik nigdy nie obraca telefonu za ciebie.
4. Pozycja zmienia układ, nie książkę
Wytyczne Apple mówią, że kąt zawiasu jest „do interakcji i efektów… nie do układu”. Tomelet się z tym zgadza, więc żaden efekt strony nie podąża za zawiasem. To, co pozycja urządzenia zmienia na Androidzie, to kompozycja wokół książki.
Na składanym telefonie z Androidem, który zgłasza, że jest na wpół otwarty, trzymanym jak książka, masz po jednej stronie z każdej strony zgięcia, a elementy sterujące na zewnętrznych krawędziach. Postaw na wpół otwarty telefon z Androidem na stole, a strona przenosi się piętro wyżej, elementy sterujące zaś piętro niżej: suwak stron, spis treści, notatki, wygląd. To idea Flex Mode, wbudowana w czytnik na Androidzie.
Na iPhone Duo Tomelet zachowuje układ otwartej książki przy każdym kącie, gotowy na dzień, w którym Flutter przekaże aplikacjom stan zawiasu.
5. Klawiatura
Złóż telefon z wysuniętą klawiaturą, a pole wyszukiwania lub notatka, którą pisałeś, zachowa swój tekst, fokus i kursor.
Wspólny ekran
Obok innej aplikacji, w Split View na iPhone Duo lub na podzielonym ekranie na Androidzie, Tomelet pokazuje jedną stronę, nie zgaduje, gdzie jest zgięcie, i trzyma elementy sterujące na zewnętrznych krawędziach.
Pióro na marginesie
Apple wprowadza Apple Pencil (USB-C) na oba ekrany iPhone Duo, a narzędzia pióra w Tomelet są gotowe na to spotkanie: pisz na marginesach EPUB i PDF tak samo, podświetl wiersz jednym pociągnięciem, pisz Pencilem, a palcami przewracaj, przesuwaj i powiększaj. Atrament jest zakotwiczony w tekście, więc notatka na marginesie zostaje przy swoim akapicie, gdy złożenie ułoży stronę od nowa. Pociągnięcie narysowane przez zgięcie jest dzielone między dwie strony.
Czego nie zbudowaliśmy
Efekty strony podążające za kątem zawiasu
Strona nie powinna się chwiać, gdy poprawiasz chwyt.
Drugie okno Tomelet na iPhonie
Wystarczy jedno okno, które dobrze dzieli ekran z innymi.
Dlaczego grzbiet
Książka to najstarszy składany ekran, jaki istnieje. Jej grzbiet to miejsce, w którym się zgina, w którym nic nie jest wydrukowane i w którym dwie strony umawiają się na spotkanie. Traktowanie zgięcia jak grzbietu nie było metaforą nałożoną na inżynierię. Było najkrótszą drogą do czytnika, który zachowuje się tak, jak książka zachowywała się od zawsze.