PAGES

GUIDE

DATA

Operator Fan

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

mainsynth.jpg

プロジェクトの概要

これは何? (プロジェクトの説明を簡潔に)

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

Ableton Liveとは
DAW(音楽制作ソフトウェア)の一種

目的・主旨(何のために)

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

ターゲット(誰のために)

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

  • operator(シンセ)の仕組みがわからない層:プリセットをそのまま使える(音楽的なことにもっと時間を使える)
  • operator(シンセ)の仕組みがわかる層:プリセットをそのまま使える+他の人がどのような使い方をしているか参考にすることができる

コンセプト:親しみやすさ


制作物(最終的に何ができるか具体的に)

  • Webサイト
  • Operatorプリセット
  • デモ演奏音源

参考作品
参考作品


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

illustrator
Ableton live

プロジェクト管理

スケジュール

  • 進行管理表(ガントチャート形式)へのリンク
  • サイトコンセプト決定

ToDo

作業流れ参考リンク

  • サイトマップ作成
  • ワイヤーフレーム作成(home.main2つ)
  • photoshopでデザイン案
  • コーディング
  • コンテンツ制作(各シンセイラスト、プリセット、デモ音源、他作業と並行して)


  • SNSで拡散/Ableton JPへ紹介のお願い

進捗・記録

2019.12.4

サイト内イラストの作成

synth3.png
synth4.png

2019.11.27

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

synth2.png

2019.11.20

2019.11.13

2019.11.6

  • html.cssを更新

2019.10.30

  • 中間報告
    abletonについてわかりやすく変更する

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

  • イメージ連想できるシンセの絵を描いてサムネイルに(htmlが基本で作る取得したスターサーバーからUP)or wordpress
  • プリセットにはイメージしたものやジャンルなどつける
  • サイトフォント
  • Aboutなどにコンセプト
  • How to インストール方法
  • Audio demo貼るsound cloud
  • メイン画像はFMとanalogと混ぜたもの
  • メニューいいサイト日本語どのようにしているか



添付ファイル: filesynth4.png [詳細] filesynth3.png [詳細] filesynth2.png [詳細] fileスクリーンショット 2019-12-04 19.42.01.png [詳細] filemainsynth.jpg 19件 [詳細] filehtnl.png 6件 [詳細] filewire2.jpg 8件 [詳細] filewire.jpg 8件 [詳細] fileunnamed.jpg 15件 [詳細]
Last-modified: 2019-12-04 (水) 19:54:22