LogoMarkWhite.png

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


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.1.5.北京長陽公園紹介と感想

公园一共分为城市综合区、湿地展示区 和郊野生态区三部分,并且有春华秋实、环翠岛、绿荫迷宫、凝霞秋色等众多景点,是一处有山水、有树木、有花草的绝美之地。
公園は、市内統合エリア、湿地展示場、国の生態学的地域の3つの部分に分かれており、春華秋実、环翠岛、绿荫迷宫、凝霞秋色などの風光明媚なスポットがあります。それは風景です、木がありますそして花と草。美しい土地。

这里的绿化做得非常好,就连草地都是一尘不染,空气清新,天空湛蓝。 也正是如此,公园曾被北京市园林绿化局评为市级“精品公园”。
ここの緑はとても良く、草もきれいで、空気は新鮮で、空は青いです。 かつて、この公園は北京市造園局によって都市レベルの「絶妙な公園」として評価されていたのも事実です

公园所到之处皆是满眼绿色,青草、绿叶、碧水…… 负离子含量爆棚, 这里呼吸的每一口空气,都是洗肺的良药。
公園は緑の目、緑の草、緑の葉、澄んだ水でいっぱいです...マイナスイオンの含有量は爆発的であり、ここの空気のすべての呼吸は肺を洗うための良い薬です。

其实,这也是长阳公园的特点, “以绿为脉,以水为魂, 揽山入怀,纳河入城”,显山露水透绿间,绘就了一幅秀丽的山水图。
実際、これは長陽公園の特徴でもあります。「緑を静脈、水を魂として、山を抱きしめて街に入ると、川が街に流れ込みます。」山と露と緑の間に美しい景観図が描かれました。

公园湖畔荷花已开, 更为长阳公园增添了生气。 莲叶无穷碧,荷花别样红 ,园内朵朵粉色在池中悄然绽放,低调而高雅 ,绿叶繁华交相辉映,美不胜收。
公園の湖畔に蓮が咲き、長陽公園に活気を与えています。 蓮の葉は無限に緑、蓮は色違いで赤く、庭のピンクの花はプールに静かに咲き、落ち着きのある上品で、緑の葉の繁栄は美しい。

慢悠悠的走在栈道上,周边满是荷花的淡雅清香,欣赏着着红白荷花及酷似裙摆的荷叶,别有一番情调。
蓮の優雅な香りに包まれ、赤と白の蓮とスカートのような蓮の葉を眺めながら、ゆっくりと板の道を歩きます。

除了荷花,长阳公园还有不少其他夏花,也都正颜值在线。荷花、木槿、蜀葵等相映成趣,构成一幅优美的夏日画卷,独具韵味。
長陽公園には蓮のほかにもたくさんの夏の花があり、それらはすべてオンラインです。 蓮、ハイビスカス、ヒイラギなどが互いに補完し合い、独特の魅力を持った美しい夏の写真を形作っています。

除了如诗如画的美景,公园里的每一物都别有一番风情:供大家休憩的木亭, 蜿蜒曲折的栈道,布局精致、环境幽雅,让人对这里充满诗情画意的遐想。
絵のように美しい景色に加えて、公園内のすべてがユニークなスタイルを持っています:誰もが休むための木製のパビリオン、曲がりくねった板の道、絶妙なレイアウトとエレガントな環境は、人々を詩的で絵のように美しい空想に満ちさせます。

漫步在郁郁葱葱的林荫道, 呼吸着清新的空气,大小曲径在这里贯通,伴随着湖风吹过,整个人都心情愉悦了。
緑豊かな大通りを散歩し、新鮮な空気を吸い込み、小小の曲がりくねった小道がここを通り抜け、湖のそよ風が吹くと、人はみんな幸せな気分になります。

这里除了是一步一景以外,更是锻炼身体的好去处。公园内有一条被绿植围绕的健身步道,步道路面不但美观还具有一定的弹性,让人不由的想燃烧一下卡路里。
ステップバイステップのシーンであることに加えて、それはまた運動するのに良い場所です。 公園内には緑に囲まれたフィットネストレイルがあり、トレイルの表面が美しいだけでなく、ある程度の柔軟性があり、カロリーを消費したくなる。
这里树木茂盛、林荫掩映,不管是步行还是骑行都能感受美如画的景色。
緑豊かな木々や木陰があり、ウォーキングでもサイクリングでも絵のように美しい景色を体験できます。
除了木亭、栈道、健身步道、娱乐设施,园内还有很多极具特色的景观雕塑,有的寓意深刻,有的童趣满满。
木造のパビリオン、板張りの道、フィットネストレイル、娯楽施設に加えて、公園には多くのユニークな風景の彫刻があり、深遠な意味を持つものもあれば、幼稚さにあふれたものもあります。

有核桃上的蚂蚁
クルミにアリがいます

有奔跑的孩童和兔子
走っている子供とウサギがいます
有睡在荷叶上的青蛙
蓮の葉の上で眠っているカエルがいます

当然,还有充满野趣的它们
もちろん、彼らは野生の楽しみに満ちています
就连公园的大门都非常别致,树的造型,极具现代感。
公園の門もとてもユニークで、木の形はとてもモダンです。
白天的长阳公园生机勃勃风景如画,夜幕降临华灯初起后的景象更是迷人,沿线设置了优美的灯光,金光闪闪的灯和河岸附近高楼的光汇聚成摩登都市的霓虹闪耀夜景。
日中は長陽公園が活気にあふれ、絵のように美しい景色が広がり、夜になるとさらに魅力的な光景が広がります。美しい光が一列に並んでいます。きらびやかな光と近くの高層ビルからの光。川岸は、現代都市のネオンが輝く夜景に収束します。
小桥流水,草长莺飞,环境清幽、植被茂盛,长阳公园绝对是一处难得的清幽之地。
小さな橋と流れる水、長い草と飛んでいるウグイス、静かな環境と緑豊かな植生がある長陽公園は、間違いなく珍しくて平和な場所です。




↑

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. 制作環境

↑

2.3.1. ハードウエア

↑

2.3.2. ソフトウエア






↑

第三章 アンケート調査

↑

3.1. アンケートの方法

3.png
4.png




↑

3.2. アンケートの結果

7.png



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






↑

第四章 webサイトについて

↑

4.1. 公園ホームページのコンセプト

"公園ホームページのコンセプト:四季"


视频,图片会更直接感受到公园氛围。
最在意公园四季变化
春天的郁金香(3月底)花开,牡丹花(4月底,5月初开)花开
夏天的雨天与荷花(6,7月)开。
秋天的落叶与薰衣草开。
冬天下雪的雪花。
公园四季鲜明。
所以网页做出根据季节飘落的动态感,使用户更加直观,身临其境。


ビデオや写真は、公園の雰囲気をより直接的に感じるでしょう。
公園の季節の移り変わりが一番気になる
春にはチューリップ(3月末)が咲き、牡丹(4月末、5月上旬)は咲きます
蓮は夏の雨の日(6月と7月)に咲きます。
紅葉とラベンダーが咲きます。
冬の雪の雪。
公園には四季があります。
そのため、季節に応じてダイナミックに落ちていく感覚で、より直感的で没入感のあるウェブページになっています。




↑

4.2. 公園をウェブページにする理由:


1.日本案内,都是纸质版,有时拿到家里了,想要再看时,查找不方便,会出现忘记放哪儿了的情况。
2.只能到了公园才可以拿到,不方便。
如果做成了网站,随时随地就可以看到,方便查阅。
把天气预报放上,好知道是否有利出行

现在新冠疫情,会出行不方便,但是如果看到了网页后,也可以得到最新情报,也可以身临其境(视觉上感知)。

1.日本語の場合、すべて紙版です。家に持ち帰ることもあります。もう一度読みたいときは、見つけるのが面倒で、どこに置いたらいいのか忘れてしまうかもしれません。
2.公園でしか入手できないので不便です。
ウェブサイトを作ると、いつでもどこでも見ることができ、確認も簡単です。
天気予報を載せて、旅行が有益かどうかを確認しましょう

新しい王冠の流行により、旅行は不便になりましたが、Webページを見ると、最新の情報を入手でき、その場で(視覚)することもできます。





4.3. ウェブサイトについて分析
ウェブサイト調査

4.4. ネットユーザーの評価(网民评价)





↑

第五章 考察(まとめ)

↑

結論







第II部




↑

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

↑

6.1. 作品

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

↑

6.1.1 Type 1

↑

6.1.2. Type 2




↑

6.1.3. Type 3







↑

6.2. LOGO

2.png






↑

第七章 作品概要

↑

7.1. コンセプト




↑

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


↑

7.2.1. Type1  


↑

7.2.2. Type2  


第二个作品
1.全面根据季节主题,飘落郁金香,荷花,雨滴,落叶,雪花。
2.所有照片及信息,一目了然。


2番目の作品
1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴、落ち葉、雪片。
2.すべての写真と情報が一目でわかります。




↑

7.2.3. Type3  

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

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


第三个作品
1.现在电子时代,看纸质书的人少了,所以想做出书的质感。
2.书带的比较沉重,但是有想要书的翻阅感。
3.就像拿着案内简介的感觉,网页可以做到实时更新。
4.不想让杂志,书籍所遗忘。所以网页做出书的感觉。


3番目の作品
1.電子時代では、紙の本を読む人が少ないので、本の質感を作りたいです。
2.本は重いですが、本を覗き込んでいるような感覚があります。
3.ケースの簡単な紹介を持っているような気がします、ウェブページはリアルタイムで更新することができます。
4.雑誌や本を忘れてほしくない。つまり、ウェブは本のような感覚を与えます。








↑

参考資料


↑

参考文献

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



↑

参考サイト|技法

↑

参考サイト|公園

↑

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

↑

参考天気予報

↑

参考色CSS

↑

参考