~/talk

Interactive Layout Transfer

on YouTube 08m
Talkat IUI 2021 · 2021-04-13..04-17· [design-collaboration, frontend-architecture]

speakers

name:Niraj Ramesh Dayama
links:none on file
name:Simo Santala
links:none on file
name:Lukas Brückner
links:none on file
name:Kashyap Todi
links:none on file
name:Jingzhou Du
links:none on file
name:Antti Oulasvirta
bluesky:oulasvirta.bsky.social

resources

video:https://youtu.be/jJt949DoziA
slides:none on file

summary

Method automatically maps a rough draft to a closest template from a company thousand-plus reference designs library, then transforms the draft to match the template while enforcing style rules via integer programming. Implementation runs as a Sketch plugin that performs real-time interactive transfer, letting designers accept a match and get an immediately reflowed UI that preserves content but adopts the template’s spacing, alignment, and constraints. Evaluation includes a case study and an online experiment.

AI-written summary · about

chapters (5)

  1. 0:00Introduction
  2. 1:07Design Libraries
  3. 2:33Practical Example
  4. 4:40Components
  5. 5:47Demo

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.