松崎菜々実/情報デザイン研究I をテンプレートにして作成

開始行:
*空想コスメ商品ページ 想像を現実に・・・・・・・・・・・・・・・・ #image(mainimage.jpg) -''松崎 菜々実'' -'''Keywords：化粧品, コンセプト, 想像, 視覚化''' //-https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 空想化粧品の商品webページ ~ ***背景と目的 -頭の中で作ったものを実際に表現したい -web制作能力の向上 -消費者サイドでいることが多い現在に、化粧品に対する熱を充... -購買意欲を上げるデザインに挑戦したい ~ ***コンセプト -化粧品とサイトのデザインの組み合わせによって視覚的にも刺... ~ ***成果物の仕様 webページ ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール サイト・Visual Studio Code,HTML,CSS 化粧品・Blender,CLIP STUDIO PAINT ~ ***プロジェクトの期間 プロジェクトの期間｜2026.04.09 - ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 [[カネボウ化粧品>https://www.kanebo-cosmetics.co.jp/]] [[資生堂>https://www.shiseido.co.jp/?srsltid=AfmBOooGkRaH... [[イヴ・サンローラン・ボーテ>https://www.yslb.jp/?srsltid... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -%%ピンタレストでデザイン参考資料集め%% -%%ワイヤーフレーム、サイトマップ制作%% -コスメの設定、コンセプト決定 -化粧品のビジュアル決定、cg作成 -web制作 //***NotToDo 作業を先延ばしにしない ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2026.05.14 *** - ~ ~ **2026.05.07 ***化粧品の詳細決定 -コンセプト・近未来、シルバー系、爽やか -モチーフ・四芒星、りぼん、軌道線　等 -ブランド名・LUMIO -仮のイメージ画像をAIで生成 ***アイデア出しとデザイン [[onedrive>https://ksumail-my.sharepoint.com/:f:/g/person... -このコンセプトのビジュアル画像を収集 -[[ピンタレスト>https://pin.it/6FOfaPOGl]] ~ ~ **2026.04.30 ***ワイヤーフレーム、サイトマップ制作 #image(makeflame.png) #image(makemapre.png) ***タイトル等の記載 -確認と本決定をしながら記入 -学科サイト更新 ~ ~ **2026.04.23 ***お題決定！ -架空の化粧品ブランドのウェブサイト、空想のものを形にする... ***狙い -web制作の知識をより詳細に習得したい -自分自身の発想力、デザイン力、表現力をみたい -できれば、化粧品の画像を3dcgを勉強して表現できるようにし... - ***手順設定 -コスメの設定、コンセプト決定 -ピンタレストでデザイン参考資料集め -ワイヤーフレーム、サイトマップ制作 -化粧品のビジュアル決定、cgで作成、またはイラストかAI -web制作 -発表 ***早速、コスメのデザイン、コンセプト案、キーワード -メイクのモチベ上昇 -コンプレックス解消 -女児心をくすぐる -プリキュア、セーラームーンぽいデザイン -ジェンダーレスに則った、シンプルかつスタイリッシュなデザ... -落ち着く、視覚的刺激が少ないデザイン -暖色、寒色、テーマカラーの設定 -心も強くする、ロックなデザイン -寒色、さっぱり、すっきり、爽快、整理整頓 -暖色、癒し、感情の上昇、エネルギッシュ -心に別世界を作る、排他的なデザイン ***ピンタレストボード -[[リンク>https://pin.it/6b9xj6q9N]] ~ ~ **2026.04.16 ***三案の発表方法の確認と吟味 -イベント、円形ギャラリーや、どこか場所を借りて行う -一人では厳しい。毎日の当番や運び込みなど。 -地元で場所を借りる場合、ターゲット層の限定や、集客が難し... -vlogや動画、動画のため、一方的な情報提供になりやすい。 -そもそも設定している内容が、対象者がかなり限られている -web、経験があるため、手を出しやすい。 ***課題の決め方を再思考 -一番学びたいと思っていること。 -より、興味を持って取り組める内容 ~ ~ **2026.04.09 ***調査 -メイク講座(イベント方式) -メイク動画、私のすっぴんを犠牲にできるかどうか！ -気になる部位だけ見れるWEB形式のメイク紹介ページ -コンプレックスに向き合う化粧品開発 -コンプレックスに関して、原因解明と解消を手伝うページ、本 -メイク体験、イベント方式 -肌質別おすすめ化粧品　クオリティ、値段比較 -作業捗る、癒されるWebサイト -コスプレイベント、撮影当日の動きや準備段階のvlog コスプ... -絵文字を全部見てみよう！ジャンルごとにわけ、可愛くて色鮮... ***三案の絞り込み -架空の化粧品開発webサイト -メイク動画（私のすっぴんを犠牲にできるかどうか）又は、イ... -コスプレイベント、撮影当日の動きや準備段階のvlog　敷居を... ~ ~ ~

終了行:
*空想コスメ商品ページ 想像を現実に・・・・・・・・・・・・・・・・ #image(mainimage.jpg) -''松崎 菜々実'' -'''Keywords：化粧品, コンセプト, 想像, 視覚化''' //-https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 空想化粧品の商品webページ ~ ***背景と目的 -頭の中で作ったものを実際に表現したい -web制作能力の向上 -消費者サイドでいることが多い現在に、化粧品に対する熱を充... -購買意欲を上げるデザインに挑戦したい ~ ***コンセプト -化粧品とサイトのデザインの組み合わせによって視覚的にも刺... ~ ***成果物の仕様 webページ ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール サイト・Visual Studio Code,HTML,CSS 化粧品・Blender,CLIP STUDIO PAINT ~ ***プロジェクトの期間 プロジェクトの期間｜2026.04.09 - ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 [[カネボウ化粧品>https://www.kanebo-cosmetics.co.jp/]] [[資生堂>https://www.shiseido.co.jp/?srsltid=AfmBOooGkRaH... [[イヴ・サンローラン・ボーテ>https://www.yslb.jp/?srsltid... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -%%ピンタレストでデザイン参考資料集め%% -%%ワイヤーフレーム、サイトマップ制作%% -コスメの設定、コンセプト決定 -化粧品のビジュアル決定、cg作成 -web制作 //***NotToDo 作業を先延ばしにしない ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2026.05.14 *** - ~ ~ **2026.05.07 ***化粧品の詳細決定 -コンセプト・近未来、シルバー系、爽やか -モチーフ・四芒星、りぼん、軌道線　等 -ブランド名・LUMIO -仮のイメージ画像をAIで生成 ***アイデア出しとデザイン [[onedrive>https://ksumail-my.sharepoint.com/:f:/g/person... -このコンセプトのビジュアル画像を収集 -[[ピンタレスト>https://pin.it/6FOfaPOGl]] ~ ~ **2026.04.30 ***ワイヤーフレーム、サイトマップ制作 #image(makeflame.png) #image(makemapre.png) ***タイトル等の記載 -確認と本決定をしながら記入 -学科サイト更新 ~ ~ **2026.04.23 ***お題決定！ -架空の化粧品ブランドのウェブサイト、空想のものを形にする... ***狙い -web制作の知識をより詳細に習得したい -自分自身の発想力、デザイン力、表現力をみたい -できれば、化粧品の画像を3dcgを勉強して表現できるようにし... - ***手順設定 -コスメの設定、コンセプト決定 -ピンタレストでデザイン参考資料集め -ワイヤーフレーム、サイトマップ制作 -化粧品のビジュアル決定、cgで作成、またはイラストかAI -web制作 -発表 ***早速、コスメのデザイン、コンセプト案、キーワード -メイクのモチベ上昇 -コンプレックス解消 -女児心をくすぐる -プリキュア、セーラームーンぽいデザイン -ジェンダーレスに則った、シンプルかつスタイリッシュなデザ... -落ち着く、視覚的刺激が少ないデザイン -暖色、寒色、テーマカラーの設定 -心も強くする、ロックなデザイン -寒色、さっぱり、すっきり、爽快、整理整頓 -暖色、癒し、感情の上昇、エネルギッシュ -心に別世界を作る、排他的なデザイン ***ピンタレストボード -[[リンク>https://pin.it/6b9xj6q9N]] ~ ~ **2026.04.16 ***三案の発表方法の確認と吟味 -イベント、円形ギャラリーや、どこか場所を借りて行う -一人では厳しい。毎日の当番や運び込みなど。 -地元で場所を借りる場合、ターゲット層の限定や、集客が難し... -vlogや動画、動画のため、一方的な情報提供になりやすい。 -そもそも設定している内容が、対象者がかなり限られている -web、経験があるため、手を出しやすい。 ***課題の決め方を再思考 -一番学びたいと思っていること。 -より、興味を持って取り組める内容 ~ ~ **2026.04.09 ***調査 -メイク講座(イベント方式) -メイク動画、私のすっぴんを犠牲にできるかどうか！ -気になる部位だけ見れるWEB形式のメイク紹介ページ -コンプレックスに向き合う化粧品開発 -コンプレックスに関して、原因解明と解消を手伝うページ、本 -メイク体験、イベント方式 -肌質別おすすめ化粧品　クオリティ、値段比較 -作業捗る、癒されるWebサイト -コスプレイベント、撮影当日の動きや準備段階のvlog コスプ... -絵文字を全部見てみよう！ジャンルごとにわけ、可愛くて色鮮... ***三案の絞り込み -架空の化粧品開発webサイト -メイク動画（私のすっぴんを犠牲にできるかどうか）又は、イ... -コスプレイベント、撮影当日の動きや準備段階のvlog　敷居を... ~ ~ ~

ページ名: