LogoMarkWhite.png

季卓芸/論文構成 の履歴(No.8)


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
スライダー(カルーセル)の活用事例"