LogoMarkWhite.png

季卓芸/論文構成 のバックアップ(No.9)


1.png

Beijing Changyang Park 

北京長陽公園の日常を記録するフォトギャラリーサイト

CONTENTS




第I部

第1章 序論

1.1. 概要

1.1.1. 研究の背景

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

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

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

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

1.1.2. 目的・主旨

目指すサイトの特徴は以下のとおりです。

1.1.3. ターゲット

1.1.4. ハイライト

1.2. サイトの仕様

1.2.1.サイトマップ

sitemap.jpg


1.2.2.ワイヤーフレーム

wire frame1.jpg


1.2.3.携帯ワイヤーフレーム

wire frame2.jpg


第二章 方法

2.1. 制作方法(言語・技術)

研究開発に使用する言語は以下の_3つ_である。

2.2. 制作方法(技法)

2.3. 制作環境




第三章 結果

3.1.  アンケート

3.1.1. アンケート

3.png
4.png


3.1.2. アンケート結果

7.png



"中国ではみんなスマートフォンとコンピュータ持っています。"


第四章 考察

4.1. 公園ホームページ作る理由(公園季節)

"公園ホームページ作る理由(公園季節)"

5.png


4.2. 公園をウェブページにする必要がある理由/調査:

6.png

4.2.1. ウェブサイト調査





第五章 考察(まとめ)

 5.1. 結論




参考資料


参考文献

1.Generative Design with P5.js
2.Webデザイン良質見本帳
3.すべての人に知っておいてほしいJavaScriptの基本原則
4.jQuery仕事の現場でサッと使える!デザイン教科書
5.Web前端开发入门与实战
6.计算机网络 自项下方法
7.深入理解计算机系统



参考サイト|技法

参考サイト|公園

参考サイト|サイトデザイン

参考天気予報

参考色CSS

参考

第II部

第一章 研究成果(制作物の現状)

1.1. 作品

4つのWebサイトをシリーズで制作しています。

1.1.1 Type 1

1.1.2. Type 2

1.1.3. Type 3




1.1.4. Type4

"mouse更新"




1.2. LOGO

2.png




第二章 作品概要

2.1. コンセプト


2.2. ウェブサイト作品紹介


2.2.1. Type1  


2.2.2. Type2  


 

2.2.3. Type3  

"写真集の「ページめくり」を進化させたWeb特有のトランジション"

8.jpg
9.jpg
10.jpg
SpringSpringSummer
11.jpg
12.jpg
13.jpg
AutumnWinterOther


2.2.4. Type4  

"mouse更新"
"背景画像に波紋をつくる jQuery WebGL Ripples "
"jQuery Slider / Carousel
スライダー(カルーセル)の活用事例"