共通の輪郭。その内側は、自由に。

上部とナビゲーション。本文に使える領域を確かめる。

YOUR CONTENT STARTS HERE

何を、どう伝えるか。

主役を選び、関係を描き、体験をつくる。
列数やタブの大きさも、ここから考えられます。

元の共通部分を、引き継ぐ。

Company OSの元のシェルから、白いヘッダー、淡いサイドバー、細い境界と選択表現を引き継いでいます。左上から開閉し、「表示」から背景の種類・色・強さ・演出を試せます。

シェルの扱いを読む ↗

本文の構図まで、揃えない。

表やタブの大きさ、位置、情報量は、その画面に合わせて設計します。シェルがある時は、開閉後に残る幅を知ったうえで本文を構成します。字の大きさや列数は、本文の内容から決められます。

異なる表現を見る ↗

表示設定はライブラリのタブやサイドバーからの移動にも引き継ぎます。ピン留めは、このブラウザーのライブラリ内に保存します。

良い表現や、共通部分を更新するには

「この作品を参考に追加」「この選択の手応えを共通に」「表示の既定を変える」。実物を添えて、/html へ伝えられます。

作品は、次の発想の参考へ。共通部分は、使っている画面で確かめて反映します。作品の掲載だけで、次の制作の形や寸法が固定されることはありません。

更新の指針を読む ↗