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