Design/Develop : Shimura Tetsuro
Graphic Design : Ishizuka Shun
SOTO Archive
外アーカイブ
2021
web
- sotoarchive_pc01.png13370.45 KB
- sotoarchive_pc02.png3211.24 KB
- sotoarchive_pc04.png2890.77 KB
- sotoarchive_pc03.png1531.97 KB
- sotoarchive_sp01.png2451.07 KB
京都にある空間現代が運営するライブハウス「外」のグラフィックのアーカイブサイト。多くのイベントを1人のデザイナーが尋常ではない熱量で作り続けていること、それらを記録して紹介するためのサイトを制作した。普段の制作においては、デザインをやった上で、実装部分はエンジニアのお願いすることが多いが今回はReactの勉強がてら実装までやってみた。 当初のデザインアイデアをブラウザ上の表示やデータが入った状態で確認しながら調整できたので細部までレイアウトのこだわりを入れることができた。プロトタイプで大枠を作りながら実機で確認して何が足りないのかどんな動きを入れていくような即興のようなやり方で制作を進めていった。variableフォントの演出であったり、CavalryのLottie書き出したファイルを当て込んでみたり、さまざまなライブラリを試してみたり手当たり次第試していってハマりそうなものを残していく。最終的にはGSAPというモーションのライブラリを中心とした演出を入れていった。ライブラリは便利だが、たくさん入れていくとコードが汚くなるし、できるだけシンプルな方が作っていて楽しい。もう少し、自分で書ける部分を増やしつつ、日頃からライブラリなどを試しておくと、雑多な状態になりすぎずに良いかもしれない。
Index
-
- Cyvogue
- サイヴォーグ(オリジナル書体)
- 2024
- typographygraphic
-
- Seitaro Design Group
- セイタロウデザイングループ
- 2024
- web
-
- EDIFICE 30th Anniversary
- EDIFICE30周年 特設サイト
- 2024
- webidea
-
- CONTRAST Archive
- コントラスト アーカイブ
- 2024
- webtypography
-
- New Creators Club
- ニュークリエイターズクラブ
- 2023
- webidea
-
- RYUKO TSUSHIN
- 流行通信特別号 特設サイト
- 2023
- web
-
- Newt
- ニュート
- 2023
- web
-
- Ants / Beyond
- アンツ/ビヨンド(オリジナル書体)
- 2023
- typography
-
- Featured Projects 2023
- フィーチャードプロジェクツ2023
- 2023
- webidea
-
- PASOCOM MUSIC CLUB
- パソコン音楽クラブ
- 2022
- webideatypography
-
- Kulture
- カルチャー
- 2022
- webmotion
-
- KAKERUBA
- カケルバ
- 2021
- logotypography
-
- SOTO Archive
- 外アーカイブ
- 2021
- web
-
- Ginza Sony Park Exhibition
- 銀座ソニーパーク展
- 2021
- web
-
- NDC ONSCREEN CREATIVE DIVISION
- 日本デザインセンター オンスクリーン製作室
- 2020
- webtypography
-
- WALKMAN® 1979 - 2019
- ウォークマン 1979 - 2019
- 2019
- web
-
- PUGMENT
- パグメント
- 2019
- web
-
- LUMINE Corporate Site
- ルミネコーポレートサイト
- 2018
- typographyweb