LogoMarkWhite.png

季卓芸/デザイン応用演習 のバックアップ差分(No.5)


#author("2021-05-11T12:08:41+09:00","default:art-gs","art-gs")


  
 
             Main Visual / CurrentStatus
             プロジェクトの最新の状態を視覚的に掲載
 
   

#author("2021-05-25T12:14:17+09:00","default:art-gs","art-gs")
*Beijing Changyang Park 
北京長陽公園の日常を記録するフォトギャラリーサイト
-'''Keywords:季節,映像 , 風景,  人物,その他'''
~
#image(back.jpg,left,100%)
~


**概要
***研究の背景
北京長陽公園は、自宅の近くにある公園のひとつで、時々散歩に出かけます。
春、夏、秋、冬、四季の景色が美しい場所です。

フィットネスとエンターテイメント、落ち着いたムード、素晴らしい場所です。

長陽公園は、房山区長陽町にあります。北京で建設中の11万エーカーの新しい公園の1つです。最大の陸地、地理的な場所、最も完全な緑化樹種、および最も完全なインフラストラクチャを備えた公園です。庭園では、人工の風景と元の生態学的な風景が組み合わさって、カラフルな園芸植物のコミュニティを形成し、都市の森の風景を作り出し、市民がリラックス、レクリエーション、フィットネスするのに理想的な場所を提供します。この庭園は、2013年に北京庭園を受賞しました緑化局は市の「質の高い公園」として評価されました。共植:53550本の木、19920本の灌木、717952年生の花、105743 105芝生、668914㎡地被。
全体的な自然条件によれば、長陽公園は「2つの川と2つの庭園」の生態学的なウォーターフロントの景観を形成しています。

一部の情報はインターネットで確認できますが、公式のWebサイトは存在していないので、私がデザインしたいと考えました。
~

***目的・主旨
目指すサイトの特徴は以下のとおりです。
-誰もが容易に使えるインターフェイス
-クールな視覚効果
-“動感”が強いもの
~

***サイトの仕様
1-https://ki0722.github.io/BeijingChangyangPark/
2-https://ki0722.github.io/BeijingChangyangPark2/
3-https://ki0722.github.io/BeijingChangyangPark3/
4-https://ki0722.github.io/BeijingChangyangPark4/
5-https://ki0722.github.io/BeijingChangyangPark5/
6-https://ki0722.github.io/BeijingChangyangPark6/
7-https://ki0722.github.io/BeijingChangyangPark7/
8-https://ki0722.github.io/BeijingChangyangPark8/
~

***研究方法(制作方法)
-調査方法
//(多做一些动画网页小样,问卷调查,选出好的网页)
//(如何查阅CSS,JS,JQ内容)
研究開発に使用する言語は以下の_3つ_である。
-1) HTML:ページの構造
-2) CSS:ページのビジュアルデザイン
-3) JavaScript(jQuery): ページの動的変更
インタラクティブな仕組みの実現には、主に JavaScript と、そのライブラリーである jQueryプラグインを使用する。具体的には、以下のような「動き」や「触感」を実現する手法を開発する。
~

***制作環境 / 使用言語
-1) タッチ・クリックに反応して変化する「動的写真」の導入
-2) 写真集の「ページめくり」を進化させたWeb特有のトランジション
-3) ユーザーの動きに反応するパーティクル要素の導入
-4) インタラクティブに反応する「背景」要素の導入
-5) 電子媒体における「手触り感」の再現
~
~

-制作方法(技法)
-Photoshop:写真を調整
-Adobe Illustrator:logoのデザインを作成
-HTML:ページの構造
-CSS:ページのビジュアルデザイン
-JavaScript:ページの動的変更  
-jQuery:ページの動的変更  
-jQuery プラグイン:様々な表現機能
~

*** 制作環境
-ハードウエア
--iMac、Mac、Windows、デジタルカメラ
-ソフトウエア
--Atom Editor
--Adobe Photoshop
--Adobe Illustrator
--GitHub

~
~

**Project Management

***Schedule
&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
&color(red){やるべきこと(タスク)を箇条書きにします。};
&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};

~
~
~

#hr
CENTER:''worklog''
&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2021.05.14~5.22
~
**更新
springチューリップ花、summer雨とハスの花、autumn葉、 winter雪の花全面的に落ちる。
#iframe(https://ki0722.github.io/BeijingChangyangPark4/)
4-https://ki0722.github.io/BeijingChangyangPark4/
***ホームページ:写真の spring、summerなどをクリックしてspringページになります。
他のページはメニューが普通メニューです。
~
~



**2021.04.20|調査
***面白サイト・面白アイデアのリンク
-https://y-n10.com
-https://all.cast-er.com
-https://www.seed-recruit.com
-https://www.pola.co.jp/wecaremore/
-https://www.utopiaagriculture.com
-https://www.m-chemical.co.jp/saiyo/
-https://quoitworks.com
-https://www.aircord.co.jp/careers
-https://www.m-trust.co.jp さくら動き感じ
~
***XXXXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
~
~