Web


 
        SHARE
MIXI流のWeb制作とは?
「Webサイトってどう作られてるの?」「MIXIのWebデザイナーやWebディレクターってどんな仕事?」
そんな疑問に、実例を交えながら、Web制作の考え方やプロセスを、デザイナーやディレクターの観点でやさしく紹介します。

まずは気軽に、Web制作の世界をのぞいてみてください。
Webの世界、ちょっとむずかしそうに感じるかもしれません。
でも心配しなくて大丈夫。
この講座では、「Webって何?」という基礎から、専門用語や仕組みをゼロからやさしく解説しながら、MIXI流のWeb制作の考え方やプロセスを紹介します。
MIXIのプロダクトデザイン室エクスペリエンスデザインGでは、UI/UXデザインを軸に、アプリやWebなど幅広いサービスのデザインを手がけています。
その中のWeb制作領域では、事業やサービスの魅力を伝え、Webを通じて課題を解決しています。
その実践の中で培った考え方やノウハウを、この講座でわかりやすくお伝えします。
制作メンバー
 井上 真由佳 井上 真由佳
関係リンク
デザイン
Web
UI/UX
企画
プリプロ
撮影
 【撮影基礎①】知っておきたい基礎知識!動画ってパラパラ漫画なの? 【撮影基礎①】知っておきたい基礎知識!動画ってパラパラ漫画なの?
 【撮影基礎②】撮影の3ステップ!まずはカメラ選定から! 【撮影基礎②】撮影の3ステップ!まずはカメラ選定から!
 【撮影基礎③】失敗しないための収録設定!ここだけはしっかりチェック! 【撮影基礎③】失敗しないための収録設定!ここだけはしっかりチェック!
 【撮影基礎④】やってみよう!実際のカメラを使って収録設定! 【撮影基礎④】やってみよう!実際のカメラを使って収録設定!
 【撮影基礎⑤】どんな感じに撮影する?撮影設定! 【撮影基礎⑤】どんな感じに撮影する?撮影設定!
 【撮影基礎⑥】実際のカメラで撮影設定してみよう! 【撮影基礎⑥】実際のカメラで撮影設定してみよう!
 【撮影基礎⑦】撮影に欠かせない照明の基礎! 【撮影基礎⑦】撮影に欠かせない照明の基礎!
 【撮影基礎⑧】実はとっても大事!音声録音の基礎! 【撮影基礎⑧】実はとっても大事!音声録音の基礎!
 【撮影実践①】実践!ロケ撮影の3ステップ! 【撮影実践①】実践!ロケ撮影の3ステップ!
 【撮影実践②】一番大事な撮影セッティング! 【撮影実践②】一番大事な撮影セッティング!
 【撮影実践③】撮影中って何するの?本番対応! 【撮影実践③】撮影中って何するの?本番対応!
 【撮影実践④】やってみよう!インタビュー撮影 【撮影実践④】やってみよう!インタビュー撮影
 【撮影実践⑤】印象的に撮影する照明マジック! 【撮影実践⑤】印象的に撮影する照明マジック!
 【撮影実践⑥】何を聞くの!?インタビュアー 【撮影実践⑥】何を聞くの!?インタビュアー
編集
CG
 【CG】CGデザイナーってどんな仕事?【基礎①】 【CG】CGデザイナーってどんな仕事?【基礎①】
 【CG】のぞいてみよう!MIXIのCGチームの仕事【基礎②】 【CG】のぞいてみよう!MIXIのCGチームの仕事【基礎②】
 【CG】なににどのくらいかかるもの?制作スケジュール実例【基礎③】 【CG】なににどのくらいかかるもの?制作スケジュール実例【基礎③】
 【CG】あるある…CG制作でよくある悩み【基礎④】 【CG】あるある…CG制作でよくある悩み【基礎④】
 【CG】AE超基礎①After Effectsってどんなツール?【実践①】 【CG】AE超基礎①After Effectsってどんなツール?【実践①】
 【CG】AE超基礎②UIをざっくり探検!【実践②】 【CG】AE超基礎②UIをざっくり探検!【実践②】
 【CG】AE超基礎③環境設定とプロジェクト設定【実践③】 【CG】AE超基礎③環境設定とプロジェクト設定【実践③】
 【CG】AE超基礎④コンポジション設定について【実践④】 【CG】AE超基礎④コンポジション設定について【実践④】
 【CG】After Effectsアニメーション①まずはここから!素材の読み込みと基本操作【実践⑤】 【CG】After Effectsアニメーション①まずはここから!素材の読み込みと基本操作【実践⑤】
 【CG】After Effectsアニメーション②アニメーションの基礎【実践⑥】 【CG】After Effectsアニメーション②アニメーションの基礎【実践⑥】
 【CG】After Effectsアニメーション③ロゴアニメーション(前半)【実践⑦】 【CG】After Effectsアニメーション③ロゴアニメーション(前半)【実践⑦】
 【CG】After Effectsアニメーション④ロゴアニメーション(後半)【実践⑧】 【CG】After Effectsアニメーション④ロゴアニメーション(後半)【実践⑧】
 【CG】After Effectsアニメーション⑤エフェクトの作成【実践⑨】 【CG】After Effectsアニメーション⑤エフェクトの作成【実践⑨】
 【CG】After Effectsアニメーション⑥完成!動画に出力してみよう【実践⑩】 【CG】After Effectsアニメーション⑥完成!動画に出力してみよう【実践⑩】
 【CG】After Effectsアニメーション⑦アニメーションのコツ【実践⑪】 【CG】After Effectsアニメーション⑦アニメーションのコツ【実践⑪】
マーケティング





 
                       
                       
                      






























