2023年度新歓案内画像
https://scrapbox.io/files/644fc07d27a39446e9ea4ce1.png
色の明度だけで情報の重みを表現する習作でもあったiNoma.icon
黒いシェイプでマスクしたH101の画像を配置
画面が文字だけで重たくなるのを防ぐ意図
白背景の部分に一番読んでほしい要素を配置
補足的な部分は黒背景グレー文字で弱める
「01」から始まる横長の長方形に、1日あたりの情報が収まる
関連する情報を組織化、読んでもらいやすくなる
副産物として、魅力的な空白も生まれる
01~03のイベントに関する情報は、すべて同じフォーマットで記述
横長の要素を縦に反復して並べている
LocationとDatetimeもフォーマットを揃えた
が、「:」の位置が縦でそろってないね、詰めが甘い
「新入生歓迎会」の文字の下線は、cist-itロゴcist-it.iconの反復要素 タイトル文字と要素文字のサイズ差
01,02,03などの文字と、それに付随する情報もコントラストによって階層構造をつくった
明度のコントラスト、サイズのコントラストがあります
基本右揃えで一貫
左上のサークル名と「01」「02」も同じ縦線で揃っている
タイトルだけは中央配置
「\3週連続開催！/」は整列から崩した
他が揃ってるので、崩しが効果的
固すぎないイメージを付加する役割があります
意図してやってることが大事
垂直な縦横の線が強くなりすぎたので、
画像を斜めのシェイプで配置して遊びを持たせた