LogoMark.png

小池和輝/情報デザイン研究II

Operator Fan

Operator (ソフトウェアシンセサイザー)の紹介/音色プリセット共有サイト
Keywords:html / css/ jQuery / illustrator / ableton live

mock.jpg

プロジェクトの概要

これは何?

Operator(Ableton live付属のソフトウェアシンセサイザー)の紹介/プリセット共有サイトを制作するプロジェクトです

最終的にできる物



プロジェクトで使用するツール

目的・主旨

一般的なシンセサイザーの仕組み(減算方式 )とFMシンセサイザーの仕組み(乗算方式)が一緒になったOperatorは万能型シンセサイザーであり、海外でのメイキングビデオなどでは使われている所をよく見かける。しかし日本サイトでの情報では、FMシンセサイザーの仕組みのみといった説明がしてあることが多い。そのため取っ付きにくさのあるFMシンセサイザーだと誤解され使われていない場合が多い。そこでOperatorを紹介/プリセット共有をするサイトを作ることで日本で使う人が増えるきっかけを作りたい。


ターゲット

Ableton liveをすでに使っている人(音楽やっている人)

制作物

Webサイト

https://kzhub.github.io/operatorfan/ ← こちらです。

サイト内利用のイラスト

ope1.jpgFM1.jpg
poly6ok.jpgmonosynth.jpg

音色プリセットを利用したデモ演奏音源

https://soundcloud.com/fan-operator

Operator音色プリセット




プロジェクト管理

スケジュール

ToDo

作業流れ参考リンク

進捗・記録

2019.12.11

2019.12.4

サイト内イラストの作成

synth3.png
synth4.png

2019.11.27

サイト内イラストの作成/サイトのhtml.css更新

synth2.png

2019.11.20

Articleを利用したプリセット一覧ページの相談作成

2019.11.13

2019.11.6

2019.10.30

2019.10.23

全体イメージの制作

mainsynth.jpg

2019.10.16

サイト基本html.css作成

10%)

2019.10.09

25%)
25%)

html/レスポンシブデザイン/横並びのサムネ参考(sample02をみる)

keyword:article(html)/

メモ:
基本同じhtmlで作り変わるページだけidを別にして作り分ける
メニューバーのレスポンシブはstyle.cssの後半only screenあたり

横並びサンプルリンク
レスポンシブ参考リンク




2019.10.02

仮サイトマップ作成

50%)

2019.9.25

カテゴリ参考サイト

2019.9.18



PAGES

GUIDE

添付ファイル: fileope1.jpg 91件 [詳細] filesynth3.png 81件 [詳細] filesynth2.png 91件 [詳細] fileFM1.jpg 88件 [詳細] fileunnamed.jpg 95件 [詳細] filemainsynth.jpg 102件 [詳細] filepoly6ok.jpg 88件 [詳細] filehtnl.png 83件 [詳細] filemainv.png 61件 [詳細] filewire2.jpg 93件 [詳細] filesynth4.png 89件 [詳細] filewire.jpg 84件 [詳細] filemock.jpg 96件 [詳細] filemonosynth.jpg 106件 [詳細] fileスクリーンショット 2019-12-04 19.42.01.png 42件 [詳細] filemain.png 37件 [詳細]
Last-modified: 2020-03-30 (月) 20:14:36