LogoMark.png

長岡茉理奈/情報デザイン研究II のバックアップ(No.11)


Photoframe

写真にフレームをつけるサイト


main.jpeg



概要

これは何?

好きな写真やイラストなどにフレームをつけたりデコレーションすることのできるサイト

背景と目的

写真を撮ってSNSなどにあげる際、なんだかこのままでは味気ないなと感じることがあり、
簡単にデコレーションができるようなサイトがあれば便利で使いやすいと考えたから。

コンセプト

フレームを気軽に使える。

成果物の仕様

Webサイト


制作ツール


プロジェクトの期間

3年後期


まとめ




調査

現状調査

SNSが普及して当たり前の存在になった現代、InstagramやTwitterなどで情報を発信することが手軽にできるものとなった。
SNSでは画像を拡散するために、編集して投稿するのだが、現状画像編集して、フレームをつけることが出来るものはアプリをインストールして使用するものが多い。

先行事例

技法・技術情報

https://blog.ver001.com/javascript_preview_canvas/




プロジェクト管理

スケジュール


ToDo





進捗記録




2021.10.27

試作

https://marina-nagaoka1.github.io/photo_2/
JavaScriptのFileAPIで画像のプレビューを表示し、
canvasに描写させることによって画像加工を可能にした。
選択した画像を実際に表示することに時間がかかりすぎて、
デザインまで手が回らなかった。
今後はcssのデザインと、フレームを選べるようにして並べていくことが課題。

2021.10.20

試作

フレーム案の作成

2021.10.13

試作

https://marina-nagaoka1.github.io/photo_1/
dropzoneを使ってファイルを選択できるようにした。

2021.10.06

調査


企画の方向性

2021.09.22

概要

2021.09.15

概要