LogoMarkWhite.png

季卓芸/WorkLog のバックアップ(No.25)


季卓芸

研究経過報告

2021.05.22~5.28

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

11.png

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

12.png

3.アンケート

10.png

4.logoの制作(継続)


7.png
8.png
LOGOlogo
14.png
15.png
LOGOlogo

logoの説明

9.png




5ウェブサイト3

本の感じでページを動きいます。

ホームページとspringページだけでサンプル作りました。

9-https://ki0722.github.io/BeijingChangyangPark9/

作品説明

6更新ウェブサイト2

springチューリップ花、summer雨とハスの花、autumn葉、 winter雪の花全面的に落ちる。

4-https://ki0722.github.io/BeijingChangyangPark4/

ホームページ:写真の spring、summerなどをクリックしてspringページになります。

他のページはメニューが普通メニューです。

作品説明

7ウェブサイト1

メニューの機能と天気予報を増えています.

下部分で写真もメニューの機能です。

10-https://ki0722.github.io/BeijingChangyangPark10/

8-https://ki0722.github.io/BeijingChangyangPark8/

作品説明

1.通常のウェブページと比較して、写真は一目でより明確なウェブページに配置されます。
2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな効果がよりよく反映され、個人的な経験の感覚が反映されます。

8作品説明

13.png






2021.05.14~5.21

1.logoの制作(継続)


3.png
4.png
LOGO段組、説明



参考:https://participation.tokyo2020.jp/jp/data/subbrand-usage-guidelines.pdf



2.研究報告作っています。

5.png




3.新しいホームページを作ります。

6.メニューとページ動きを組み合わせる表現します。

homeとspring(写真自動的動きます)だけです。

7-https://ki0722.github.io/BeijingChangyangPark7/



下部分で写真もメニューの機能です。

8-https://ki0722.github.io/BeijingChangyangPark8/

問題

      <div class="BOX">
           <a href="spring_07.html">
             <img src="images/spring/spring_07.jpg">
           </a>
         </div>

この部分は消したいですが、消したら、aside部分白くなります。

6.png
bug




更新。

ホームページ、spring、autumn葉全面的落ちる、 winter雪の花全面的に落ちる。
ホームページ:写真の spring、summerなどをクリックしてspringページになります。

他のページはメニューが普通メニューです。

4-https://ki0722.github.io/BeijingChangyangPark4/



2021.05.07~5.13

logoを作って、ページめくりホームページ。

メニュー

NavigationDesign

レスポンシブデザイン

MaterialDesign

https://design.kyusan-u.ac.jp/OpenSquareJP/?MaterialDesign


薄い本の感じです。
2) 写真集の「ページめくり」を進化させたWeb特有のトランジション




2021.04.23

情報デザイン研究II

tianqi

薄い本の感じです。
2) 写真集の「ページめくり」を進化させたWeb特有のトランジション

2021.04.16

いくつかの作品の構想を多く設計します。

全部

1

2

3

4

5